*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--red:#dd2d28;--dark-red:#9f1715;--orange:#f18b27;--gold:#ffd85c;--cream:#fff1c3}html,body{margin:0;min-height:100%;font-family:Arial,Microsoft YaHei,sans-serif;color:#fff;background:#030b0d}body{overflow-x:hidden;background:radial-gradient(ellipse at 50% 58%,#815b3355 0,#20303355 26%,transparent 55%),radial-gradient(ellipse at 50% 18%,#18383c 0,#071619 45%,#020809);background-attachment:fixed}body:before{content:"";position:fixed;left:-15vw;right:-15vw;bottom:-42vh;height:105vh;pointer-events:none;background-image:linear-gradient(#6c7d7142 1px,transparent 1px),linear-gradient(90deg,#6c7d7142 1px,transparent 1px);background-size:7vw 7vh;transform-origin:50% 100%;transform:perspective(560px) rotateX(61deg);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 28%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 28%,#000 100%);z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 7% 24%,#e4fff7 0 2px,#41edc5 3px 5px,transparent 10px),radial-gradient(circle at 13% 34%,#74ffdc 0 3px,#05a98699 6px,transparent 15px),radial-gradient(circle at 5% 58%,#d4fff2 0 2px,#1bdab2 4px 7px,transparent 13px),radial-gradient(circle at 17% 69%,#39e9bf 0 3px,#08776488 7px,transparent 16px),radial-gradient(circle at 24% 42%,#a9ffea 0 2px,#19b99a 4px,transparent 9px),radial-gradient(circle at 93% 21%,#e0fff6 0 2px,#45efca 3px 5px,transparent 10px),radial-gradient(circle at 86% 34%,#67f7d5 0 3px,#078b7399 6px,transparent 15px),radial-gradient(circle at 95% 55%,#caffef 0 2px,#20d2ad 4px 7px,transparent 13px),radial-gradient(circle at 84% 70%,#38e9c0 0 3px,#08796888 7px,transparent 16px),radial-gradient(circle at 75% 43%,#baffed 0 2px,#1ab797 4px,transparent 9px);filter:drop-shadow(0 0 5px #16dcb1);z-index:0}#app{position:relative;width:min(100vw,760px);min-height:100svh;margin:auto;padding:12px 12px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible}.ambient{position:fixed;z-index:1;pointer-events:none}.ambient-a{display:none}.ambient-b{width:82px;height:32px;right:-25px;top:23%;border-radius:50%;transform:rotate(-20deg);background:radial-gradient(ellipse,#fff4ad 0,#fff4ad 12%,#f8c747 16%,#f8c747 53%,#b86d12 58%,#b86d12 68%,#ffdc70 72%);box-shadow:0 0 18px #f1ad2766}.ambient-b:before,.ambient-b:after{content:"";position:fixed;width:62px;height:24px;border-radius:50%;background:radial-gradient(ellipse,#fff4ad 0,#fff4ad 12%,#f4bc3b 16%,#f4bc3b 53%,#a96111 59%,#a96111 69%,#ffd86b 72%);box-shadow:0 0 15px #f1ad2755}.ambient-b:before{left:-19px;top:12%;transform:rotate(25deg)}.ambient-b:after{left:12%;bottom:13%;transform:rotate(-32deg)}.header{position:relative;z-index:4;width:min(84vw,560px);height:118px;margin-bottom:-24px;display:grid;place-items:center}.sign{position:relative;width:100%;height:86px;display:grid;place-items:center;background:linear-gradient(#fff7b0 0,#fff7b0 9%,#ffc948 13%,#d99118 82%,#fff09a 87%);clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%);filter:drop-shadow(0 7px 2px #6f390e);padding:10px 34px}.sign:before{content:"";position:absolute;top:12px;right:32px;bottom:12px;left:32px;border:3px solid #fff4a2;box-shadow:inset 0 0 0 2px #9e5c10}.sign span{position:relative;font:900 clamp(34px,8vw,62px)/1 Impact,"Arial Narrow",sans-serif;letter-spacing:2px;color:#fff;text-shadow:0 4px 0 #b77821,0 7px 7px #75420d;white-space:nowrap}.gift-card{position:absolute;width:115px;height:70px;border-radius:5px;z-index:-1;background:linear-gradient(135deg,#ff7f79,#f1334c);box-shadow:0 5px 9px #0008}.card-left{left:-24px;bottom:-2px;transform:rotate(24deg)}.card-right{right:-16px;top:-17px;transform:rotate(-30deg);background:linear-gradient(135deg,#fff,#ffe18b)}.ticket{position:absolute;z-index:3;padding:9px 13px;border-radius:3px;font-weight:900;box-shadow:0 4px 6px #0008}.ticket-left{left:29%;top:-8px;background:#d75b28;transform:rotate(31deg)}.ticket-right{right:4%;top:14px;background:#16a96a;transform:rotate(-18deg)}.stage{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.wheel-wrap{position:relative;z-index:3;width:min(88vw,530px);aspect-ratio:1;border-radius:50%;padding:61px;background:linear-gradient(145deg,#f76249 0,#b81318 48%,#f24731);border:8px solid #99191b;box-shadow:0 0 0 9px #ef523b,0 0 35px #ef3a27aa,0 19px 28px #000b}.wheel-wrap:before,.wheel-wrap:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.wheel-wrap:before{top:39px;right:39px;bottom:39px;left:39px;border:7px solid #ff9d53;box-shadow:0 0 0 8px #991d18}.wheel-wrap:after{top:54px;right:54px;bottom:54px;left:54px;border:6px solid #fff3bd;z-index:2}.wheel-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:inset 0 0 0 5px #ff8360,inset 0 0 18px #6f0909}.wheel{position:absolute;top:66px;right:66px;bottom:66px;left:66px;border-radius:50%;overflow:hidden;background:#fff;will-change:transform;box-shadow:inset 0 0 0 4px #ffb32a}.seg-divider{position:absolute;left:50%;top:0;width:3px;height:50%;margin-left:-1.5px;transform-origin:50% 100%;background:#e99d17}.seg-c{position:absolute;width:78px;transform:translate(-50%,-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:4px;text-align:center;color:#fff;text-shadow:0 1px 2px #9e6a18;font-weight:700;pointer-events:none}.seg-img{width:49px;height:42px;object-fit:contain;filter:drop-shadow(0 2px 2px #94682166)}.seg-name{font-size:clamp(9px,2vw,13px);line-height:1.05;max-width:75px}.bulbs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.bulb{position:absolute;width:14px;height:14px;margin:-7px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff,#fff7d2 60%,#d8b9aa);box-shadow:0 1px 3px #420b0b,0 0 5px #fff;animation:blink 1s steps(1) infinite}.bulb:nth-child(2n){animation-delay:.5s}@keyframes blink{50%{filter:brightness(.6)}}.pointer{position:absolute;z-index:7;left:50%;top:47px;transform:translate(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:0;border-top:37px solid #c9221e;filter:drop-shadow(0 2px 1px #72110d)}.go-btn{position:absolute;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;aspect-ratio:1;border-radius:50%;border:5px solid #f8c94b;background:radial-gradient(circle at 35% 25%,#f76b42,#d91f1f 65%,#9d1515);box-shadow:0 0 0 3px #b77a1b,0 6px 8px #6c190d99;color:#fff;font:900 28px Georgia,serif;text-shadow:0 2px 2px #8b1515;cursor:pointer}.go-btn:active{transform:translate(-50%,-50%) scale(.94)}.pedestal{position:relative;z-index:2;width:min(71vw,430px);height:92px;margin-top:-31px;border-radius:50%;background:linear-gradient(#ffb55d 0,#d95921 28%,#ff9a4e 58%,#c54c1e 62%,#ff9d56);border:4px solid #ffbc72;box-shadow:0 14px 18px #000a,inset 0 7px 5px #fff5}.pedestal:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-10px;height:45px;border-radius:50%;background:linear-gradient(#e45c27,#ff9d55 62%,#d94c20);border:3px solid #ffb16b;z-index:-1}.pedestal i{position:absolute;left:12%;right:12%;top:10px;height:38px;border-radius:50%;background:#b93219;box-shadow:inset 0 7px 8px #6f160d,0 3px #ffd096}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.modal-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#000b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88vw,360px);padding:30px 24px 24px;border-radius:20px;text-align:center;background:linear-gradient(#fff7d6,#fff);box-shadow:0 20px 60px #0009;border:3px solid #f4bd3f}.modal-x{position:absolute;right:10px;top:7px;border:0;background:none;font-size:28px;color:#946b3b}.modal-title{margin:0 0 18px;color:#b82220}.code-input{width:100%;height:50px;border:2px solid #efb631;border-radius:25px;text-align:center;font-size:17px;outline:0}.hint{color:#947345;font-size:13px}.btn{height:44px;padding:0 28px;border:0;border-radius:24px;font-weight:700;font-size:16px}.btn-primary{color:#fff;background:linear-gradient(#f45d45,#c51e20);box-shadow:0 5px 10px #9f171555}.result-img,.detail-img{display:block;width:130px;height:130px;object-fit:contain;margin:0 auto 15px}.detail-text{color:#555;line-height:1.7;text-align:left}.toast{position:fixed;z-index:99;left:50%;top:50%;transform:translate(-50%,-50%);max-width:80vw;padding:12px 20px;border-radius:10px;background:#000d;text-align:center}@media (max-width:520px){#app{justify-content:center}.header{height:91px;margin-bottom:-17px}.sign{height:65px}.sign:before{top:9px;right:24px;bottom:9px;left:24px}.wheel-wrap{padding:45px;border-width:6px}.wheel-wrap:before{top:29px;right:29px;bottom:29px;left:29px;border-width:5px;box-shadow:0 0 0 6px #991d18}.wheel-wrap:after{top:40px;right:40px;bottom:40px;left:40px;border-width:4px}.wheel{top:49px;right:49px;bottom:49px;left:49px}.pointer{top:35px;border-left-width:11px;border-right-width:11px;border-top-width:29px}.go-btn{width:60px;font-size:22px}.bulb{width:11px;height:11px;margin:-5.5px}.pedestal{height:68px;margin-top:-23px}.pedestal:after{height:33px}.pedestal i{height:29px}.ticket{font-size:11px;padding:7px 9px}.seg-c{width:60px}.seg-img{width:39px;height:34px}.gift-card{transform:scale(.75)}}@media (max-height:690px){.header{height:72px}.sign{height:58px}.wheel-wrap{width:min(76vh,88vw)}.pedestal{height:58px}.sign span{font-size:clamp(30px,7vw,50px)}}@media (max-width:520px){body{background:radial-gradient(ellipse at 50% 56%,#9b663b55 0,#16303366 30%,transparent 62%),radial-gradient(ellipse at 50% 10%,#18383c 0,#071619 48%,#020809)}body:before{left:-42vw;right:-42vw;bottom:-30vh;height:92vh;background-size:54px 58px;transform:perspective(430px) rotateX(64deg)}.ambient-b{width:62px;height:24px;right:-25px;top:31%}.ambient-b:before,.ambient-b:after{width:48px;height:19px}.ambient-b:before{left:-17px;top:9%}.ambient-b:after{left:4%;bottom:8%}}@media (min-width:900px){body:before{background-size:110px 82px}.ambient-b:after{left:8%;bottom:16%}}