.ft-overlay{position:absolute;inset:0;z-index:80;background:rgba(0,0,0,var(--ft-mask));overflow:hidden;color:var(--ft-gold);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;touch-action:none}.ft-overlay.leaving{animation:ft-fade-out var(--ft-out) both;pointer-events:none}.ft-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.ft-top-light{position:absolute;left:-25%;right:-25%;top:calc(var(--u) * -30);height:calc(var(--u) * 570);background:radial-gradient(ellipse at 50% 0%,var(--ft-gold) 0%,#ffdd4ed9 24%,#fbb27666 44%,transparent 72%);opacity:var(--ft-light);animation:ft-light-in var(--ft-light-in) both;pointer-events:none}.ft-bottom-light{position:absolute;left:-20%;right:-20%;bottom:calc(var(--u) * -200);height:calc(var(--u) * 830);background:radial-gradient(ellipse at 50% 100%,var(--ft-gold),#ffdd6999 40%,transparent 75%);opacity:var(--ft-light);animation:ft-light-in var(--ft-light-in) both;pointer-events:none}.ft-star{position:absolute;display:block;border-radius:50%;background:#fffdd2;box-shadow:0 0 calc(var(--u) * 7) #fff7af;animation:ft-twinkle var(--ft-stars) ease-in-out infinite;pointer-events:none}
.ft-close{position:absolute;right:calc(var(--u) * 48);top:calc(var(--u) * 242);width:calc(var(--u) * 68);height:calc(var(--u) * 68);border:calc(var(--u) * 3) solid #fff;border-radius:50%;background:transparent;color:#fff;font-size:calc(var(--u) * 64);line-height:calc(var(--u) * 55);padding:0;margin:0;font-weight:200;z-index:10}.ft-invitation{position:absolute;left:calc(var(--u) * 55);right:calc(var(--u) * 55);top:calc(var(--u) * 343);height:calc(var(--u) * 90);line-height:calc(var(--u) * 90);font-size:calc(var(--u) * 46);text-align:center;background:linear-gradient(90deg,transparent,#fff0a917,transparent);animation:ft-text-in var(--ft-text-in) both}.ft-invitation:before,.ft-invitation:after{content:'';position:absolute;left:0;right:0;height:calc(var(--u) * 3);background:linear-gradient(90deg,transparent,#fff4b9,transparent)}.ft-invitation:before{top:0}.ft-invitation:after{bottom:0}.ft-title{position:absolute;left:calc(var(--u) * 35);right:calc(var(--u) * 35);top:calc(var(--u) * 460);line-height:calc(var(--u) * 125);font-size:calc(var(--u) * 102);text-align:center;font-weight:700;white-space:nowrap;animation:ft-text-in var(--ft-text-in) both}.ft-rays{position:absolute;left:calc(var(--u) * 184);top:calc(var(--u) * 570);width:calc(var(--u) * 520);height:calc(var(--u) * 520);border-radius:50%;background:repeating-conic-gradient(from 0deg,#fff1ab66 0deg,#fff1ab66 9deg,transparent 10deg,transparent 20deg);mask-image:radial-gradient(circle,#000 5%,#000a 32%,transparent 72%);animation:ft-rays var(--ft-rays) linear infinite;pointer-events:none}.ft-coin{position:absolute;left:calc(var(--u) * 204);top:calc(var(--u) * 625);width:calc(var(--u) * 480);height:calc(var(--u) * 360);object-fit:contain;animation:ft-zoom var(--ft-coin-in) both;filter:drop-shadow(0 0 calc(var(--u) * 25) #ffdc7b66)}.ft-coin.rise{animation-name:ft-rise}.ft-coin.fade{animation-name:ft-fade-in}.ft-limited{position:absolute;left:calc(var(--u) * 523);top:calc(var(--u) * 685);padding:0 calc(var(--u) * 18);background:#ed2716;border:calc(var(--u) * 3) solid #fff5cf;border-radius:calc(var(--u) * 40);color:#fff;line-height:calc(var(--u) * 70);font-size:calc(var(--u) * 48);font-weight:600;transform:rotate(8deg);animation:ft-text-in var(--ft-text-in) both}.ft-limited:after{content:'';position:absolute;left:calc(var(--u) * 15);bottom:calc(var(--u) * -13);border-left:calc(var(--u) * 14) solid #fff5cf;border-bottom:calc(var(--u) * 16) solid transparent;transform:rotate(10deg)}
.ft-button-entry{position:absolute;left:calc(var(--u) * 104);right:calc(var(--u) * 104);top:calc(var(--u) * 1050);height:calc(var(--u) * 142);animation:ft-zoom var(--ft-button-in) both;z-index:3}.ft-button{position:relative;display:block;width:100%;height:100%;line-height:calc(var(--u) * 132);border:calc(var(--u) * 5) solid #fff9ee;border-radius:calc(var(--u) * 90);padding:0;color:white;font-size:calc(var(--u) * 56);font-weight:700;background:radial-gradient(ellipse at 5% 85%,#fffebd 0%,#ffb379 17%,transparent 42%),radial-gradient(ellipse at 97% 10%,#ffc8a2 0%,transparent 35%),linear-gradient(#ffaaa1,#ff5046 28%,var(--ft-red) 58%,#ff9a56 87%,#fff8af);box-shadow:inset 0 calc(var(--u) * 5) calc(var(--u) * 10) #fff9,0 calc(var(--u) * 8) calc(var(--u) * 15) #ffe78a66;animation:ft-breathe var(--ft-pulse) ease-in-out infinite}.ft-button:after{content:'';position:absolute;inset:calc(var(--u) * 8);border-radius:inherit;background:radial-gradient(circle at 15% 22%,#fff6 0 calc(var(--u) * 4),transparent calc(var(--u) * 6)),radial-gradient(circle at 8% 55%,#fff6 0 calc(var(--u) * 4),transparent calc(var(--u) * 7)),radial-gradient(circle at 5% 35%,#fff8 0 calc(var(--u) * 3),transparent calc(var(--u) * 6)),radial-gradient(circle at 11% 38%,#fff4 0 calc(var(--u) * 4),transparent calc(var(--u) * 6));pointer-events:none}.ft-button:disabled{opacity:.8}.ft-tag{position:absolute;right:calc(var(--u) * 94);top:calc(var(--u) * 1024);z-index:5;font-size:calc(var(--u) * 36);line-height:calc(var(--u) * 44);padding:calc(var(--u) * 2) calc(var(--u) * 12);background:#ffe777;color:#a94c17;border-radius:calc(var(--u) * 25) calc(var(--u) * 25) calc(var(--u) * 25) 0;white-space:nowrap;animation:ft-text-in var(--ft-text-in) both}.ft-hand{position:absolute;right:calc(var(--u) * 145);top:calc(var(--u) * 1124);width:calc(var(--u) * 150);height:calc(var(--u) * 150);object-fit:contain;z-index:5;pointer-events:none;animation:ft-hand var(--ft-hand) ease-in-out infinite}.ft-character{position:absolute;left:0;bottom:0;width:calc(var(--u) * 888);height:calc(var(--u) * 650);pointer-events:none;animation:ft-body-rise var(--ft-body-in) cubic-bezier(.2,.7,.3,1) both;z-index:2}.ft-character.zoom{animation-name:ft-zoom}.ft-character.fade{animation-name:ft-fade-in}.ft-character.leaving{animation:ft-body-exit var(--ft-body-out) ease-in both}.ft-sprite{width:100%;height:100%;background-repeat:no-repeat}
@keyframes ft-zoom{from{transform:scale(.35);opacity:0}70%{transform:scale(1.04);opacity:1}to{transform:scale(1);opacity:1}}@keyframes ft-rise{from{transform:translateY(calc(var(--u) * 100));opacity:0}to{transform:translateY(0);opacity:1}}@keyframes ft-text-in{from{opacity:0;scale:.8}to{opacity:1;scale:1}}@keyframes ft-fade-in{from{opacity:0}to{opacity:1}}@keyframes ft-fade-out{to{opacity:0}}@keyframes ft-light-in{from{opacity:0}to{opacity:var(--ft-light)}}@keyframes ft-rays{to{transform:rotate(360deg)}}@keyframes ft-twinkle{0%,100%{opacity:.2;transform:scale(.7)}50%{opacity:.9;transform:scale(1.1)}}@keyframes ft-hand{0%,100%{transform:translate(calc(var(--u) * 9),calc(var(--u) * 8)) rotate(8deg)}50%{transform:translate(calc(var(--u) * -4),calc(var(--u) * -9)) rotate(-5deg)}}@keyframes ft-breathe{0%,100%{transform:scale(.98)}50%{transform:scale(1.02)}}@keyframes ft-body-rise{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes ft-body-exit{to{transform:translateY(105%);opacity:0}}
.browse-float{position:absolute;right:calc(var(--u) * 18);top:calc(calc(var(--u) * 430) + var(--mall-safe,calc(var(--u) * 0)));width:calc(var(--u) * 112);height:calc(var(--u) * 140);z-index:10;text-align:center;pointer-events:none}.browse-circle{width:calc(var(--u) * 112);height:calc(var(--u) * 112);border:calc(var(--u) * 5) solid #ffe6a8;border-radius:50%;background:#302b27d9;color:#fff;padding:calc(var(--u) * 12) 0;font-size:calc(var(--u) * 29);line-height:calc(var(--u) * 34)}.browse-prize{position:relative;margin-top:calc(var(--u) * -16);line-height:calc(var(--u) * 42);border-radius:calc(var(--u) * 25);background:#ffe0a2;color:#8c441b;font-size:calc(var(--u) * 28);white-space:nowrap}.browse-float.done .browse-circle{font-size:calc(var(--u) * 25);line-height:calc(var(--u) * 35);background:#a45b18dd}