.banner-fixed{position:fixed;bottom:0;left:0;width:100%;min-height:50px;z-index:999}.containerId-fixed{position:fixed;top:0;left:0;width:100%;min-height:50px;z-index:999}*{margin:0;padding:0;box-sizing:border-box}body{margin:0}.page-box{width:100vw;height:100vh;background:linear-gradient(to bottom,#ff5e41,#fe4b44)}.page-bg{text-align:center;background:#ff5a3c;width:100vw;height:100vh;background:url(./bg-bfFTlnPp.jpg) no-repeat center center;background-size:contain}.wheel-wrapper{position:relative;width:250px;height:250px;top:60%;left:50%;transform:translate(-50%,-50%)}.wheel-outer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 38% 30%,#ffe09a,#e8a840 35%,#c87820 65%,#a05010);box-shadow:0 0 0 4px #7a3800,0 8px 40px #c864008c,inset 0 2px 8px #ffdc6473,inset 0 -4px 12px #64280059}.wheel-outer:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;border:1.5px solid rgba(255,200,80,.4)}.dot-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none}.gold-dot{position:absolute;width:9px;height:9px;background:radial-gradient(circle,#fff8e0 30%,#ffd060);border-radius:50%;box-shadow:0 0 6px 2px #ffc850cc}.wheel-rim{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#ff9060,#e03020 45%,#a01010);box-shadow:inset 0 4px 12px #ff783c73,inset 0 -4px 12px #50000073,0 0 0 2.5px #a0240880}.red-dot{position:absolute;width:7px;height:7px;background:radial-gradient(circle,#ffb0a0 30%,#e04040);border-radius:50%;box-shadow:0 0 4px #ff503cb3}.canvas-wrap{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;overflow:hidden}.canvas-wrap canvas{width:100%;height:100%;border-radius:50%;display:block}.pointer-outer{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:20}.pointer-triangle{position:absolute;left:50%;transform:translate(-50%);top:-120px;width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:46px solid #cc1a00;filter:drop-shadow(0 -3px 6px rgba(255,60,20,.75))}.pointer-triangle:after{content:"";position:absolute;top:7px;left:-7px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:26px solid rgba(255,110,70,.45)}.center-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;border:none;cursor:pointer;z-index:30;background:radial-gradient(circle at 34% 28%,rgba(255,200,160,.9) 0%,transparent 42%),radial-gradient(circle at 62% 68%,rgba(160,40,20,.55) 0%,transparent 50%),radial-gradient(circle at 50% 50%,#e86040,#d03020,#a01000);box-shadow:0 0 0 5px #aa371273,0 0 0 10px #d25a2333,0 6px 28px #aa2600a6,inset 0 2px 8px #ffb47861;animation:centerPulse 2.5s ease-in-out infinite;transition:transform .1s,opacity .1s}.center-btn:active{transform:translate(-50%,-50%) scale(.93)}.center-btn:disabled{cursor:not-allowed;opacity:.85}.center-shine{position:absolute;top:12px;left:17px;width:44px;height:26px;background:radial-gradient(ellipse,rgba(255,255,255,.48) 0%,transparent 70%);border-radius:50%;pointer-events:none}@keyframes centerPulse{0%,to{box-shadow:0 0 0 5px #aa371273,0 0 0 10px #d25a2333,0 6px 28px #aa2600a6,inset 0 2px 8px #ffb47861}50%{box-shadow:0 0 0 7px #c84b1c8c,0 0 0 15px #d25a2326,0 10px 38px #c83700c7,inset 0 2px 8px #ffb47861}}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000ad;display:flex;align-items:center;justify-content:center;z-index:100}.modal-box{background:linear-gradient(145deg,#fff8e8,#ffe8b8);border:4px solid #e0a030;border-radius:22px;padding:44px 56px;text-align:center;box-shadow:0 12px 60px #c8640073}.modal-title{color:#c03000;font-size:28px;font-weight:900;margin-bottom:12px}.modal-prize{color:#7a2800;font-size:20px;margin-bottom:28px;font-weight:600}.modal-btn{background:linear-gradient(135deg,#e83010,#b81800);color:#fff;border:none;border-radius:32px;padding:13px 40px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 18px #c8280073;transition:transform .1s;font-family:PingFang SC,Microsoft YaHei,sans-serif}.modal-btn:hover{transform:scale(1.04)}.modal-btn:active{transform:scale(.97)}.modal-enter-active{animation:popIn .38s cubic-bezier(.34,1.56,.64,1)}.modal-leave-active{animation:popIn .22s ease-in reverse}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.lottery-btn-box{z-index:99;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px}.lottery-btn{position:relative;width:80px;height:80px;border-radius:50%;border:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;box-shadow:0 0 0 4px #ff501e80,0 0 0 8px #ff501e40,0 0 24px 8px #ff3c0a99,0 8px 32px #c81e00b3;background:radial-gradient(circle at 38% 32%,rgba(255,180,120,.95) 0%,transparent 40%),radial-gradient(circle at 62% 72%,rgba(160,20,0,.7) 0%,transparent 50%),radial-gradient(circle at 50% 50%,#e83010 30%,#c02000 70%,#8b1000);transition:transform .1s,box-shadow .1s}.lottery-btn:before{content:"";position:absolute;top:-18px;left:50%;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:22px solid #cc2200;filter:drop-shadow(0 -3px 6px rgba(255,80,20,.8));z-index:10}.lottery-btn:after{content:"";position:absolute;top:-14px;left:50%;transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:13px solid rgba(255,120,80,.6);z-index:11}.lottery-btn .shine{position:absolute;top:8px;left:14px;width:50px;height:30px;background:radial-gradient(ellipse,rgba(255,255,255,.55) 0%,transparent 70%);border-radius:50%;pointer-events:none}.lottery-btn .label{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;line-height:1.15}.lottery-btn .label span{font-family:PingFang SC,Microsoft YaHei,黑体,sans-serif;font-size:26px;font-weight:900;color:#fff;text-shadow:0 1px 0 rgba(255,100,50,.5),0 2px 6px rgba(160,20,0,.8),0 0 12px rgba(255,200,100,.4);letter-spacing:2px}.lottery-btn .ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:3px solid rgba(255,120,60,.6);box-shadow:inset 0 0 10px #ff50144d;pointer-events:none;animation:ring-spin 6s linear infinite}.lottery-btn:active{transform:scale(.94);box-shadow:0 0 0 3px #ff501e66,0 0 0 6px #ff501e26,0 0 14px 4px #ff3c0a80,0 4px 16px #c81e0099}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #ff501e80,0 0 0 8px #ff501e40,0 0 24px 8px #ff3c0a99,0 8px 32px #c81e00b3;transform:scale(1)}50%{box-shadow:0 0 0 6px #ff643299,0 0 0 14px #ff501e33,0 0 36px 12px #ff5014b3,0 10px 40px #dc2800cc;transform:scale(1.04)}}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}