/* Ύ«ΑιΝΌ S */
.page2-spr{ background-image:url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2-m/page2-spr.png); background-repeat:no-repeat; background-size:7.64rem 9.98rem;}
.page2-spr.arrow1{ width:0.16rem; height:0.3rem; background-position:78.47594% 89.15289%;}
.page2-spr.avatar-bg1{ width:1.13rem; height:1.13rem; background-position:93.08756% 90.96045%;}
.page2-spr.avatar-bg2{ width:0.85rem; height:0.85rem; background-position:73.6377% 94.52355%;}
.page2-spr.avatar-bg3{ width:1.45rem; height:1.44rem; background-position:72.53635% 78.57143%;}
.page2-spr.bar-arrow{ width:0.16rem; height:0.3rem; background-position:86.22995% 97.83058%;}
.page2-spr.bar-icon.active{ width:0.36rem; height:0.23rem; background-position:97.8022% 68.82051%;}
.page2-spr.bar-icon.gray{ width:0.22rem; height:0.23rem; background-position:99.59569% 71.38462%;}
.page2-spr.bar-icon{ width:0.24rem; height:0.23rem; background-position:46.08108% 85.12821%;}
.page2-spr.complete-icon.gray{ width:0.28rem; height:0.28rem; background-position:39.2663% 97.52577%;}
.page2-spr.complete-icon.on{ width:0.27rem; height:0.26rem; background-position:67.84261% 97.73663%;}
.page2-spr.complete-icon{ width:0.28rem; height:0.28rem; background-position:42.25543% 85.56701%;}
.page2-spr.flip-bg{ width:3.77rem; height:6.66rem; background-position:99.22481% 0.90361%;}
.page2-spr.flip-button{ width:3.79rem; height:0.71rem; background-position:0.77922% 94.17476%;}
.page2-spr.pause-icon{ width:0.56rem; height:0.64rem; background-position:82.9096% 98.50107%;}
.page2-spr.replay-icon{ width:0.24rem; height:0.24rem; background-position:43.10811% 97.12526%;}
.page2-spr.reward-bg1{ width:1.14rem; height:1.32rem; background-position:91.69231% 77.48268%;}
.page2-spr.reward-bg2{ width:1.36rem; height:1.56rem; background-position:49.52229% 79.80998%;}
.page2-spr.reward-bg3{ width:1.14rem; height:1.32rem; background-position:59.07692% 99.65358%;}
.page2-spr.search-icon{ width:0.24rem; height:0.22rem; background-position:71.48649% 97.33607%;}
.page2-spr.select-arrow{ width:0.25rem; height:0.14rem; background-position:67.659% 99.39024%;}
.page2-spr.select-bg{ width:1.55rem; height:0.44rem; background-position:73.72742% 85.63941%;}
.page2-spr.select-icon.active{ width:0.26rem; height:0.25rem; background-position:87.39837% 94.55293%;}
.page2-spr.select-icon{ width:0.25rem; height:0.25rem; background-position:96.34641% 71.53135%;}
.page2-spr.streamer-bg{ width:3.06rem; height:1.99rem; background-position:0.65502% 84.10513%;}
.page2-spr.title-icon{ width:0.17rem; height:0.05rem; background-position:78.58099% 90.13092%;}
.page2-spr.today-number{ width:2.84rem; height:0.35rem; background-position:0.625% 98.23468%;}
.page2-spr.video-pop{ width:3.79rem; height:6.67rem; background-position:0.77922% 0.90634%;}
/* Ύ«ΑιΝΌ E */

.page2 .page2-part1 { padding: 0 0.4rem; overflow: hidden; position: relative; width: 7.5rem; height: 10.5rem; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2-m/page2-bg1.jpg) no-repeat; background-size: 100% 100%; }
.page2 .page2-part2 { padding: 0.5rem 0.4rem 0; width: 7.5rem; height: 9.34rem; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2-m/page2-bg2.jpg) no-repeat; background-size: 100% 100%; }
.page2 .page2-part3 { padding: 0.5rem 0.4rem 0; width: 7.5rem; height: 9.79rem; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2-m/page2-bg3.jpg) no-repeat; background-size: 100% 100%; }

.page2 .page2-part1 .title { margin-top: 0.2rem; }
.page2 .page2-part1 .check-time { margin-top: -1.05rem; display: flex; justify-content: end; align-items: center; }
.page2-part1 .check-time p { font-family: Tungsten, serif; color: #df452a; font-size: 0.19rem; transform: rotate(90deg); }
.page2-part1 .check-time i { display: block; margin: 0 0.15rem; }
.page2-part1 .check-time span { letter-spacing: 1px; font-family: Tungsten, serif; color: #cbbfd8; font-size: 0.42rem; font-weight: bold;}
.page2-part1 .progress-bar::-webkit-scrollbar { width: .05rem; height: .05rem; }
.page2-part1 .progress-bar::-webkit-scrollbar-thumb{ background-color:#bb3632; }
.page2-part1 .progress-bar::-webkit-scrollbar-track{ background-color: #78707f; }
.page2-part1 .progress-bar { height: 5.95rem; overflow-x: auto; padding-top: 1.1rem; position: relative; --fade-width: 0.8rem;--top-safe-height: 1.16rem;-webkit-mask-image: linear-gradient(#000, #000), linear-gradient(to right, #000 calc(100% - var(--fade-width)), transparent 100%);-webkit-mask-position: 0 0, 0 var(--top-safe-height);-webkit-mask-size: 100% var(--top-safe-height), 100% calc(100% - var(--top-safe-height));-webkit-mask-repeat: no-repeat;mask-image: linear-gradient(#000, #000), linear-gradient(to right, #000 calc(100% - var(--fade-width)), transparent 100%);mask-position: 0 0, 0 var(--top-safe-height);mask-size: 100% var(--top-safe-height), 100% calc(100% - var(--top-safe-height));mask-repeat: no-repeat; }
.page2-part1 .progress-bar .bar-wrapper { display: flex; justify-content: start; align-items: center; }
.page2-part1 .bar-wrapper .bar-container { display: flex; justify-content: start; align-items: center; }
.page2-part1 .bar-wrapper .square { width: 0.09rem; height: 0.09rem; background: #f54429; display: block; }
.page2-part1 .bar-wrapper .bar { width: 3.44rem; height: 0.02rem; background: #f54429; display: block; }
.page2-part1 .bar-container:first-of-type .bar { width: 1.59rem; }
.page2-part1 .bar-container:last-of-type .bar:last-of-type { width: 1.68rem; }
.page2-part1 .bar-container.gray .bar,
.page2-part1 .bar-container.gray .square { background: #747474; }
.page2-part1 .progress-box.status1 .page2-spr.bar-icon.gray,
.page2-part1 .progress-box.status2 .page2-spr.bar-icon.active,
.page2-part1 .progress-box.status3 .page2-spr.bar-icon { display: block; margin: 0.05rem 0; position: relative; z-index: 2; }
.page2-part1 .progress-box .mask { position: relative; }
.page2-part1 .progress-box.status3 .icon-mask1 { display: block; position: absolute; width: 0.12rem; height: 0.1rem; background: #0c0118; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.page2-part1 .progress-box.status1 .icon-mask2 { display: block; position: absolute; width: 0.15rem; height: 0.1rem; background: #0c0118; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.page2-part1 .progress-box .page2-spr.bar-icon,
.page2-part1 .progress-box .page2-spr.bar-icon.active,
.page2-part1 .progress-box .page2-spr.bar-icon.gray,
.page2-part1 .progress-box .unlocked-box,
.page2-part1 .progress-box .ready-box,
.page2-part1 .progress-box .claimed-box,
.page2-part1 .progress-box .icon-mask1,
.page2-part1 .progress-box .icon-mask2{ display: none; }
.page2-part1 .progress-bar .card-wrapper { display: flex; justify-content: start; align-items: start;}
.page2-part1 .progress-box.status1 .unlocked-box,
.page2-part1 .progress-box.status2 .ready-box,
.page2-part1 .progress-box.status3 .claimed-box { position: relative; display: flex; justify-content: center; align-items: end; padding-bottom: 0.65rem; }
.page2-part1 .progress-box { --scale-factor: 0.9; margin: -0.49rem 0.22rem 0 0; width: 3.22rem; display: flex; flex-direction: column; align-items: center; }
.page2-part1 .progress-box:last-of-type { margin-right: 0; }
.page2-part1 .progress-box .unlocked-box {width: calc(3.22rem * var(--scale-factor));height: calc(4.34rem * var(--scale-factor));margin-top: 0.13rem;}
.page2-part1 .progress-box .ready-box {width: calc(3.22rem * var(--scale-factor));height: calc(4.34rem * var(--scale-factor));margin-top: 0.12rem;}
.page2-part1 .progress-box .claimed-box {width: calc(3.22rem * var(--scale-factor));height: calc(4.32rem * var(--scale-factor));margin-top: 0.14rem;);}
.page2-part1 .progress-box .unlocked-box[class*="sign-card"],
.page2-part1 .progress-box .ready-box[class*="sign-card"],
.page2-part1 .progress-box .claimed-box[class*="sign-card"] {background-repeat: no-repeat;background-size: 100% 100%;}
.page2-part1 .progress-box .unlocked-box.sign-card1 { background-image: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2/sign-card1.wait.png); }
.page2-part1 .progress-box .unlocked-box.sign-card2 { background-image: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2/sign-card2.wait.png); }
.page2-part1 .progress-box .unlocked-box.sign-card3 { background-image: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2/sign-card3.wait.png); }
.page2-part1 .progress-box .unlocked-box.sign-card4 { background-image: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2/sign-card4.wait.png); }
.page2-part1 .progress-box .unlocked-box.sign-card5 { background-image: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2/sign-card5.wait.png); }
.page2-part1 .progress-box .unlocked-box.sign-card6 { background-image: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2/sign-card6.wait.png); }
.page2-part1 .progress-box .unlocked-box.sign-card7 { background-image: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2/sign-card7.wait.png); }
.page2-part1 .progress-box .ready-box.sign-card1 { background-image: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2/sign-card1.png); }
.page2-part1 .progress-box .ready-box.sign-card2 { background-image: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2/sign-card2.png); }
.page2-part1 .progress-box .ready-box.sign-card3 { background-image: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2/sign-card3.png); }
.page2-part1 .progress-box .ready-box.sign-card4 { background-image: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2/sign-card4.png); }
.page2-part1 .progress-box .ready-box.sign-card5 { background-image: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2/sign-card5.png); }
.page2-part1 .progress-box .ready-box.sign-card6 { background-image: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2/sign-card6.png); }
.page2-part1 .progress-box .ready-box.sign-card7 { background-image: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2/sign-card7.png); }
.page2-part1 .progress-box .claimed-box.sign-card1 { background-image: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2/sign-card1.over.png); }
.page2-part1 .progress-box .claimed-box.sign-card2 { background-image: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2/sign-card2.over.png); }
.page2-part1 .progress-box .claimed-box.sign-card3 { background-image: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2/sign-card3.over.png); }
.page2-part1 .progress-box .claimed-box.sign-card4 { background-image: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2/sign-card4.over.png); }
.page2-part1 .progress-box .claimed-box.sign-card5 { background-image: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2/sign-card5.over.png); }
.page2-part1 .progress-box .claimed-box.sign-card6 { background-image: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2/sign-card6.over.png); }
.page2-part1 .progress-box .claimed-box.sign-card7 { background-image: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2/sign-card7.over.png); }
.page2-part1 .progress-box .lunar-calendar,
.page2-part1 .progress-box .gregorian-calendar { color: #cbc3d4;  font-size: 0.19rem; letter-spacing: 1px; }
.page2-part1 .progress-box.status2 .lunar-calendar,
.page2-part1 .progress-box.status2 .gregorian-calendar { color: #fbe6ae; }
.page2-part1 .progress-box .reward-container { display: flex; justify-content: center; align-items: center; }
.page2-part1 .reward-container p { color: #0c0118; font-size: 0.16rem; margin-top: 0.02rem; }
.page2-part1 .progress-box .page2-spr.reward-bg1,
.page2-part1 .progress-box .page2-spr.reward-bg2,
.page2-part1 .progress-box .page2-spr.reward-bg3 { margin: 0 0.06rem; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.page2-part1 .reward-container .img-box { width: 0.8rem; height: 0.73rem; display: flex; justify-content: center; align-items: center; }
.page2-part1 .reward-container img { width: 100%; height: 100%; object-fit: contain; }
.page2-part1 .progress-box.status2 .ready-box { display: flex; justify-content: center; align-items: center; }
.page2-part1 .progress-box.status2 .reward-container { margin-top: 0.3rem; }
.page2-part1 .page2-spr.reward-bg2 p { color: #f54c2c; font-size: 0.18rem; margin-top: 0.02rem; }
.page2-part1 .progress-box .ready-button { position: absolute; height: 0.49rem; background: #f54c2c; bottom: 0; left: 0; width: 100%; display: flex; justify-content: center; align-items: center; }
.page2-part1 .progress-box .claimed-button { position: absolute; height: 0.49rem; background: #692aad; bottom: 0; left: 0; width: 100%; display: flex; justify-content: center; align-items: center; }
.page2-part1 .ready-button.switch1 a,
.page2-part1 .ready-button.switch2 p,
.page2-part1 .claimed-button.switch1 p:first-of-type,
.page2-part1 .claimed-button.switch2 p:last-of-type { display: flex; justify-content: center; align-items: center; }
.page2-part1 .ready-button a,
.page2-part1 .ready-button p,
.page2-part1 .claimed-button p { display: none; width: 100%; height: 100%; color: #fff; font-size: 0.21rem; font-weight: bold; }
.page2-part1 .ready-button i { margin-right: 0.05rem; }
.page2-part1 .claimed-button i { margin-right: 0.05rem; }
.page2-part1 .page2-spr.bar-arrow { display: block; position: absolute; right: 0.25rem; top: 3.36rem;}
.page2-part1 .slide-prompt { display: none; }
.page2-part1 .extra-bg { display: flex; justify-content: start; align-items: center; margin-top: 0.3rem; width: 6.93rem; height: 1.45rem; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2-m/extra-bg.png) no-repeat; background-size: 100% 100%; }
.page2-part1 .extra-bg .extra-award { width: 1.5rem; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.page2-part1 .extra-award .img-box { width: 1.04rem; height: 0.75rem; display: flex; justify-content: center; align-items: center; }
.page2-part1 .extra-award img { width: 100%; height: 100%; object-fit: contain; }
.page2-part1 .extra-award p { margin-top: 0.05rem; color: #e8d6fe; font-size: 0.14rem; }
.page2-part1 .extra-bg > span { margin-left: 0.35rem; letter-spacing: 1px; color: #c6b3d7; font-size: 0.2rem; }
.page2-part1 .extra-bg > span::before { content: '//'; color: #dd3b27; font-size: 0.24rem; letter-spacing: -0.02rem; margin-right: 0.08rem; }

.page2-part2 .streamer-header { margin-top: 0.4rem; display: flex; justify-content: space-between; align-items: center; }
.page2-part2 .page2-spr.select-bg { display: flex; justify-content: space-between; align-items: center; padding: 0 0.22rem 0 0.34rem; cursor: pointer; }
.page2-part2 .page2-spr.select-bg p { color: #e8d5fe; font-size: 0.21rem; letter-spacing: 0.02rem; }
.page2-part2 .platform-container { position: relative; }
.page2-part2 .platform-list { display: none; position: absolute; z-index: 100; }
.page2-part2 .platform-item { display: flex; align-items: center; width: 1.53rem; height: 0.42rem; background: #130423; transition: background-color 0.3s; font-size: 0.2rem; color: #7a688d; }
.page2-part2 .platform-item p { width: 1.08rem; text-align: center; }
.page2-part2 .platform-item:not(.active) i { opacity: 0.5; }
.page2-part2 .platform-list .platform-item.active { background: #2d0551; color: #dfccf6; }
.page2-part2 .streamer-header .search-input { width: 2.63rem; height: 0.43rem; border-radius: 0.2rem; background: #711fc8; display: flex; justify-content: space-between; align-items: center; padding: 0 0.15rem 0 0.02rem; }
.page2-part2 .search-input input { font-size: 0.2rem; padding: 0.1rem; background: #e8dbf5; line-height: 0.39rem; width: 2.09rem; height: 0.39rem; border-radius: 0.2rem; border: 0; outline: none; }
.page2-part2 .streamer-list { margin-top: 0.38rem; display: flex; justify-content: start; align-items: start; flex-wrap: wrap; width: 100%; height: 6.42rem; overflow-y: auto; }
.page2-part2 .streamer-list::-webkit-scrollbar { width: .05rem; height: .05rem; }
.page2-part2 .streamer-list::-webkit-scrollbar-thumb{ background-color:#bb3632; }
.page2-part2 .streamer-list::-webkit-scrollbar-track{ background-color: #78707f; }
.page2-part2 .streamer-list .streamer-item { margin-bottom: 0.22rem; margin-right: 0.3rem; }
.page2-part2 .streamer-list .streamer-item:nth-of-type(2n) { margin-right: 0; }
.page2-part2 .streamer-list .item-platform { color: #fff; font-size: 0.17rem; width: 1rem; height: 0.28rem; text-align: center; letter-spacing: 1px; display: flex; justify-content: center; align-items: center; }
.page2-part2 .streamer-info { margin-top: 0.33rem; padding-left: 0.16rem; height: 0.96rem; color: #e0c5fe; display: flex; justify-content: start; align-items: center;  }
.page2-part2 .streamer-info .page2-spr.avatar-bg2 { padding: 0.02rem; display: flex; justify-content: center; align-items: center; }
.page2-part2 .streamer-info img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.page2-part2 .streamer-info .item-right { margin-left: 0.14rem; flex: 1; }
.page2-part2 .streamer-info h3 { font-size: 0.21rem; line-height: 0.22rem; width: 1.7rem; height: 0.45rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;text-overflow: ellipsis; }
.page2-part2 .streamer-info .room-container { position: relative; font-size: 0.14rem; margin-top: 0.13rem; }
.page2-part2 .streamer-info a { position: absolute; right: 0.35rem; margin-left: 0.1rem; font-size: 0.16rem; color: #f5442a; text-decoration: underline; }
.page2-part2 .streamer-info .room-num { margin-top: -0.02rem; display: flex; justify-content: start; align-items: center; }

.page2-part3 .lottery-bg { position: relative; display: flex; justify-content: center; align-items: start; padding-top: 0.7rem; margin: 0.1rem 0 0 -0.15rem; width: 7.16rem; height: 7.2rem; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2-m/lottery-bg.png) no-repeat; background-size: 100% 100%; }
.page2-part3 .lottery-bg .lottery-draw { font-size: 0.16rem; color: #9e4af9; letter-spacing: 0.02rem; font-weight: bold; position: absolute; top: 0; right: 0.5rem; }
.page2-part3 .lottery-draw span { font-weight: normal; }
.page2-part3 .lottery-bg .bulletin-board { width: 100%; display: flex; flex-direction: column-reverse; justify-content: start; align-items: center; }
.page2-part3 .lottery-bg .ranking-list { margin-top: 0.15rem; position: relative; margin-right: 0.14rem; width: 6.19rem; height: 2.73rem; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2-m/ranking-list.png) no-repeat; background-size: 100% 100%; }
.page2-part3 .lottery-bg .page2-spr.today-number { padding: 0 0.09rem 0 0.1rem; position: absolute; top: 3.23rem; left: 0.25rem; display: flex; justify-content: space-between; align-items: center; }
.page2-part3 .page2-spr.today-number p { font-size: 0.15rem; color: #fff; position: absolute; top: -0.22rem; left: 0; letter-spacing: 0.02rem; }
.page2-part3 .page2-spr.today-number span.status1 { color: #b2b2b2; }
.page2-part3 .page2-spr.today-number span.status2 { color: #f56243; }
.page2-part3 .page2-spr.today-number span.status3 { color: #cb9efd; }
.page2-part3 .page2-spr.today-number h5 { color: #fff; font-size: 0.16rem; margin-bottom: 0.03rem; }
.page2-part3 .page2-spr.today-number h4 { width: 1.64rem; text-align: center; background: linear-gradient(#fdf2c5, #fdf3c8, #fef9e6); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; font-size: 0.56rem; font-family: Tungsten, serif; }
.page2-part3 .page2-spr.today-number a { position: absolute; right: 0; bottom: -0.2rem; display: block; color: #c2abd9; font-size: 0.14rem; border-bottom: 1px solid #c2abd9; }
.page2-part3 .bulletin-board .board-title { height: 0.49rem; display: flex; justify-content: center; align-items: center; }
.page2-part3 .board-title p { color: #19042c; font-size: 0.22rem; letter-spacing: 0.02rem; font-weight: bold; margin: 0 0.15rem; }
.page2-part3 .bulletin-board .lucky-column { padding: 0 0.12rem; display: flex; width: 100%; height: 0.44rem; justify-content: space-between; align-items: center; border-bottom: 1px solid #8f41e3; }
.page2-part3 .lucky-column p { white-space: nowrap; color: #bd82ff; font-size: 0.21rem; font-weight: bold; letter-spacing: 1px; }
.page2-part3 .lucky-column p:first-of-type { width: 0.8rem; }
.page2-part3 .lucky-column p:nth-of-type(2) { width: 3rem; margin-left: 0.1rem; text-align: center; }
.page2-part3 .lucky-column p:nth-of-type(3) { width: 2rem; margin-left: 0.05rem; text-align: center; }
.page2-part3 .lucky-column p:nth-of-type(4) { width: 1rem; margin-left: 0.1rem; text-align: end; }
.page2-part3 .bulletin-board .lucky-list { font-size: 0.19rem; padding: 0 0.12rem; height: 1.8rem; overflow-y: auto; }
.page2-part3 .bulletin-board .lucky-list::-webkit-scrollbar { display: none; }
.page2-part3 .bulletin-board .lucky-list { position: relative; --fade-width: 0.8rem; -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) calc(100% - var(--fade-width)), rgba(0,0,0,0) 100%); mask-image: linear-gradient(to bottom, rgba(0,0,0,1) calc(100% - var(--fade-width)), rgba(0,0,0,0) 100%); }
.page2-part3 .lucky-list .rank-num { color: #c4aedd; width: 0.8rem; text-align: start; }
.page2-part3 .lucky-list .rank-name { color: #d0bae9; width: 3rem; text-align: center; margin-left: 0.1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.page2-part3 .lucky-list .anchor-name { color: #c4aedd; margin-left: 0.05rem; width: 2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.page2-part3 .lucky-list .serial-number { color: #ac77e9; }
.page2-part3 .lucky-list .rank-award { color: #c4aedd; width: 1rem; text-align: end; margin-left: 0.1rem; }
.page2-part3 .lucky-list li { margin: 0.08rem 0; display: flex; justify-content: space-between; align-items: center; }
.page2-part3 .ranking-list .empty-tips { display: none; color: #a6a6a6; font-size: 0.27rem; letter-spacing: 0.02rem; width: 100%; height: 2.23rem; justify-content: center; align-items: center; }
.page2-part3 .ranking-list > span { color: #7d6696; font-size: 0.16rem; position: absolute; bottom: -0.35rem; left: 50%; transform: translateX(-50%); white-space: nowrap; }

.page2-part3 .lottery-bg .live-stream { margin-right: 0.65rem; align-self: end; width: 3.24rem; height: 3.1rem; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page2/live-stream.png) no-repeat; background-size: 100% 100%; }
.page2-part3 .live-stream > .win-prize { position: relative; display: flex; flex-direction: column; justify-content: start; align-items: center; }
.page2-part3 .live-stream .specially-invited { margin-top: 0.05rem; display: flex; flex-direction: column; justify-content: start; align-items: center; }
.page2-part3 .specially-invited p { color: #915ec9; font-size: 0.16rem; margin-bottom: -0.15rem; }
.page2-part3 .specially-invited .page2-spr.avatar-bg1 { margin-top: 0.07rem; display: flex; justify-content: center; align-items: center; padding: 0.12rem; }
.page2-part3 .specially-invited img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.page2-part3 .specially-invited span { color: #ddd1ea; font-size: 0.27rem; letter-spacing: 1px; margin-top: -0.1rem; }
.page2-part3 .live-stream .platform { color: #c0aada; font-size: 0.17rem; letter-spacing: 1px; }
.page2-part3 .live-stream .room-number { color: #935fcb; font-size: 0.15rem; }
.page2-part3 .live-stream .obtain-text { color: #e3cefd; font-size: 0.17rem; margin-top: 0.16rem; }
.page2-part3 .obtain-text span { color: #f24b2f; }
.page2-part3 .live-stream { display: flex; flex-direction: column; justify-content: start; align-items: center; }
.page2-part3 .live-stream > p { display: none; color: #b4a1cc; font-size: 0.2rem; margin-top: 1.28rem; }

.pop3 { width: 7.16rem; height: 6.4rem; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/m/pop-bg3.png) no-repeat; background-size: 100% 100%; }
.pop3 .table { width: 6.24rem; height: 4.64rem; margin: 1.25rem auto 0; border: 1px solid #6f27bd; border-top: none; }
.pop3 .table .table-head { display: flex; justify-content: space-between; align-items: center; background: #7529c7; color: #fff; font-size: 0.23rem; letter-spacing: 1px; }
.pop3 .table-head > p { height: 0.6rem; flex: 1; display: flex; justify-content: center; align-items: center; }
.pop3 .table-head > p:nth-of-type(2) { border-right: 1px solid #4a1a81; border-left: 1px solid #4a1a81; }
.pop3 .table .table-body { overflow-y: auto; margin-left: 0.2rem; margin-top: 0.1rem; width: 5.8rem; height: 3.85rem; color: #ead9fe; font-size: 0.18rem; letter-spacing: 1px; }
.pop3 .table .table-body::-webkit-scrollbar { width: .05rem; height: .05rem; }
.pop3 .table .table-body::-webkit-scrollbar-thumb{ background-color:#bb3632; }
.pop3 .table .table-body::-webkit-scrollbar-track{ background-color: #78707f; }
.pop3 .table .table-row { display: flex; justify-content: start; align-items: center; }
.pop3 .table-row p { display: flex; justify-content:center; align-items: center; height: 0.62rem; border-bottom: 1px solid #4f1d87; }
.pop3 .table-row p:first-of-type { width: 1.85rem; }
.pop3 .table-row p:nth-of-type(2) { width: 2.1rem; }
.pop3 .table-row p:last-of-type { width: 1.66rem; justify-content: end; padding-right: 0.41rem; }
.pop3 .table-row p.status1 { color: #ead9fe; }
.pop3 .table-row p.status2 { color: #f54830; }
.pop3 .table-row p.status3 { color: #9f9da2; }

.pop4 { width: 3.77rem; height: 7.69rem; perspective: 10rem; }
.pop4 a.spr.pop-close { top: -0.8rem; right: -0.8rem; }
.pop4 .card-box { width: 3.77rem; height: 6.65rem; position: absolute; top: 0; left: 0; transform-style: preserve-3d; transition: transform 0.8s ease-in-out; }
.pop4 .card-box.flipped { transform: rotateY(180deg); }
.pop4 .card-box .page2-spr.video-pop { width: 3.77rem; height: 6.65rem; position: absolute; top: 0; left: 0; z-index: 5; }
.pop4 .card-box .video-pop.back {transform: rotateY(180deg);z-index: 6;}
.pop4 .page2-spr.flip-button { display: none; position: absolute; bottom: 0; left: 0; color: #fff; font-size: 0.26rem; letter-spacing: 0.02rem; justify-content: center; align-items: center; }
.pop4 .page2-spr.flip-button.btn-open { display: flex; }
.pop4 .card-box .page2-spr.flip-bg { display: block; position: absolute; left: 0; top: 0; z-index: 4;  transform: rotateY(180deg); backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.pop4 .page2-spr.flip-bg p { margin-top: 1.8rem; text-align: center; background: linear-gradient(#fdf2c5, #fdf3c8, #fef9e6); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; font-size: 1.33rem; font-family: Tungsten, serif; font-weight: bold; }
.pop4 .page2-spr.flip-bg span { position: absolute; bottom: 1.67rem; padding-left: 0.05rem; width: 100%; left: 0; text-align: center; font-size: 0.2rem; color: #f54529; }
.pop4 .card-box .package-video { width: 3.77rem; height: 6.65rem; position: absolute; left: 0; top: 0; z-index: 4; display: flex; justify-content: center; align-items: center; }
.pop4 .card-box .video-mask {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 4;cursor: pointer;}
.pop4 .card-box .video-btn {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 6;justify-content: center;align-items: center;cursor: pointer;padding-bottom: 1.04rem;}
.pop4 .card-box .video-btn:not([style*="display: none"]) {display: flex ;}
.pop4 .card-box .video-btn[style*="display: none"] {display: none;}
.pop4 .card-box .replay-box { display: flex; justify-content: center; align-items: center; }
.pop4 .replay-box p { margin-left: 0.08rem; color: #929191; font-size: 0.2rem; display: flex; justify-content: center; align-items: center; }
.pop4 .card-box .video-pop,
.pop4 .card-box .package-video,
.pop4 .card-box .video-mask,
.pop4 .card-box .video-btn { backface-visibility: hidden;-webkit-backface-visibility: hidden; }
.pop4 .card-box .pause-icon,
.pop4 .card-box .replay-box {transition: all 0.2s ease-out;transform-origin: center center;}
.pop4 .card-box .pause-icon:hover,
.pop4 .card-box .replay-box:hover {filter: brightness(1.3);transform: scale(1.1);}

.pop7 { width: 7.16rem; height: 4.05rem; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/m/pop-bg2.png) no-repeat; background-size: 100% 100%; }
.pop7 > p { color: #e9d8fe; font-size: 0.24rem; margin-top: 1.15rem; text-align: center; letter-spacing: 0.02rem; }
.pop7 > p > span { color: #f54429; }
.pop7 .anchor-information { margin-top: 0.15rem; display: flex; justify-content: center; align-items: center; }
.pop7 .anchor-information .page2-spr.avatar-bg1 { margin-right: 0.05rem; padding: 0.14rem; display: flex; justify-content: center; align-items: center; }
.pop7 .anchor-information img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.pop7 .anchor-information .info-container { display: flex; flex-direction: column; justify-content: center; align-items: start; }
.pop7 .info-container > h5 { font-size: 0.28rem; color: #dbd0e7; }
.pop7 .info-container > span { color: #baa8d0; font-size: 0.21rem; }
.pop7 .info-container > p { color: #905ec6; font-size: 0.18rem; }
.pop7 > h3 { margin-top: 0.3rem; display: flex; justify-content: center; align-items: center; text-align: center; letter-spacing: 1px; color: #e3d8ee; font-size: 0.28rem; }
.pop7 > h3 > p { margin-left: 0.1rem; color: #f54429; font-size: 0.47rem; font-family: 'Tungsten', serif; font-weight: bold; }
.pop7.dia .spr.pop-button1 { bottom: -0.8rem; }