:root{--ink:#493f63;--front:#ed5b6e;--front-dark:#c83c55;--back:#4b8ed8;--back-dark:#3267ad;--gold:#ffd45f;--cream:#fff8db}*{box-sizing:border-box}html{min-height:100%;overflow-x:hidden;background:#d0efff}body{position:relative;min-height:100vh;margin:0;overflow-x:hidden;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;background:radial-gradient(circle at 7% 19%,rgba(255,255,255,.78) 0 38px,transparent 39px),radial-gradient(circle at 94% 34%,rgba(255,255,255,.62) 0 31px,transparent 32px),linear-gradient(180deg,#a9e7ff 0%,#d8e5ff 45%,#f3dbff 70%,#ffe4bd 100%)}button{font:inherit}.sky-decor{position:fixed;inset:0;pointer-events:none}.sky-decor i{position:absolute;color:rgba(255,255,255,.75);font-size:24px;animation:starTwinkle 2.5s ease-in-out infinite}.sky-decor i:nth-child(1){left:8%;top:26%}.sky-decor i:nth-child(2){right:12%;top:20%;animation-delay:-.7s}.sky-decor i:nth-child(3){right:6%;top:62%;animation-delay:-1.4s}.sky-decor i:nth-child(4){left:9%;top:68%;animation-delay:-2s}.topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(1180px,calc(100% - 28px));height:72px;margin:auto}.brand{display:flex;align-items:center;gap:10px;color:#62507a;font-size:15px;font-weight:1000}.brand>span{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:#fff3b8;box-shadow:0 6px 0 #d49f49;font-size:25px}.top-actions{display:flex;align-items:center;gap:8px}.rule-chip,.top-actions button{display:flex;align-items:center;gap:5px;padding:8px 12px;border:3px solid white;border-radius:999px;background:rgba(255,255,255,.82);box-shadow:0 5px 14px rgba(66,55,100,.13);font-size:11px;font-weight:900}.rule-chip b:first-child{color:var(--front)}.rule-chip b:last-child{color:var(--back)}.top-actions button{color:#625078;cursor:pointer}.page-shell{position:relative;z-index:2;width:min(1120px,calc(100% - 16px));margin:auto;padding-bottom:35px}.hero{text-align:center}.hero>span{display:inline-block;padding:6px 17px;border-radius:99px;background:rgba(255,255,255,.7);font-size:11px;font-weight:900;letter-spacing:2px}.hero h1{margin:5px 0 0;color:white;font-size:clamp(44px,6.5vw,68px);line-height:1.05;letter-spacing:4px;-webkit-text-stroke:5px #50abd8;paint-order:stroke fill;text-shadow:0 7px 0 #4d79b4,0 14px 25px rgba(54,65,123,.2)}.hero p{margin:8px 0 13px;color:#665878;font-size:14px;font-weight:900;letter-spacing:1px}.draw-card{position:relative;width:min(960px,100%);margin:auto;padding:18px 24px 17px;border:7px solid white;border-radius:36px;background:rgba(255,249,220,.96);box-shadow:0 15px 0 #cc826a,0 30px 55px rgba(73,49,83,.2),inset 0 0 0 5px #edb255}.status-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.live-badge{display:flex;align-items:center;gap:6px;padding:7px 11px;border-radius:99px;color:white;background:#e6536b;font-size:10px}.live-badge i{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.2);animation:livePulse 1s ease-in-out infinite}.phase-copy{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px}.phase-copy span{font-size:19px}.timer{display:flex;align-items:baseline;gap:2px;padding:6px 10px;border:3px solid white;border-radius:15px;color:#7b4d67;background:#ffe276;box-shadow:0 4px 0 #c7804d}.timer span,.timer i{font-size:8px;font-style:normal;font-weight:900}.timer b{font-size:24px}.timeline{overflow:hidden;height:10px;margin:11px 3px 15px;border:2px solid white;border-radius:99px;background:#d9c5d2;box-shadow:inset 0 2px 4px rgba(67,43,74,.18)}.timeline i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#60cce9,#8d71d1,#f16b83,#ffd45d);transition:width .08s linear}.machines{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;align-items:end}.lottery-machine{position:relative;padding-top:42px;transition:filter .25s,transform .25s}.lottery-machine header{position:absolute;z-index:6;left:50%;top:0;translate:-50% 0;display:flex;align-items:center;justify-content:center;gap:7px;width:86%;height:48px;border:6px solid white;border-radius:22px;color:white;background:linear-gradient(#fb7686,#d94c64);box-shadow:0 6px 0 #a84258;font-size:10px}.lottery-machine header span{padding:3px 7px;border-radius:99px;color:#8c3e56;background:#ffe276;font-weight:1000}.lottery-machine header b{font-size:18px}.lottery-machine header i{font-style:normal;font-weight:900}.back-machine header{background:linear-gradient(#65afea,#407fc7);box-shadow:0 6px 0 #2e5d9c}.back-machine header span{color:#315f96}.glass-drum{position:relative;overflow:hidden;aspect-ratio:1.36;border:10px solid white;border-radius:48% 48% 42% 42%;background:linear-gradient(150deg,rgba(255,255,255,.83),rgba(116,213,237,.5));box-shadow:inset 0 0 0 6px #65bfdc,inset 0 -25px 35px rgba(63,116,174,.2),0 9px 0 #577abb}.back-machine .glass-drum{aspect-ratio:1.15;box-shadow:inset 0 0 0 6px #73b8e9,inset 0 -25px 35px rgba(60,100,163,.2),0 9px 0 #4e70ae}.drum-shine{position:absolute;z-index:4;left:10%;top:11%;width:12%;height:50%;border-radius:50%;background:rgba(255,255,255,.56);rotate:24deg}.drum-ring{position:absolute;z-index:3;inset:9%;border:4px dashed rgba(255,255,255,.58);border-radius:50%;animation:ringSpin 12s linear infinite}.ball-pool{position:absolute;inset:0}.pool-ball{position:absolute;z-index:2;left:var(--x);top:var(--y);display:grid;place-items:center;width:34px;height:34px;border:3px solid white;border-radius:50%;color:#954356;background:radial-gradient(circle at 33% 28%,#fff 0 11%,#ffd6a0 13% 25%,#ffae70 60%,#ec755e);box-shadow:0 4px 0 rgba(91,50,75,.2);font-size:9px;font-style:normal;font-weight:1000;rotate:var(--r);animation:ballIdle 2.8s ease-in-out infinite;animation-delay:var(--d)}.back-machine .pool-ball{color:#315e98;background:radial-gradient(circle at 33% 28%,#fff 0 11%,#cfeaff 13% 25%,#82c3ef 60%,#4f91d5)}.mixer{position:absolute;z-index:1;left:50%;top:50%;width:48%;height:12px;translate:-50% -50%;transform-origin:center}.mixer i,.mixer b{position:absolute;inset:0;border:4px solid white;border-radius:99px;background:#9277cd;box-shadow:0 4px 0 rgba(70,49,102,.2)}.mixer b{rotate:90deg}.machine-chute{position:relative;width:50%;height:42px;margin:-4px auto 0;border:6px solid white;border-top:0;border-radius:0 0 18px 18px;color:white;background:#eb6277;box-shadow:0 6px 0 #a5465a;text-align:center}.back-machine .machine-chute{background:#4b8fd5;box-shadow:0 6px 0 #315e9d}.machine-chute i{position:absolute;left:50%;top:-13px;translate:-50% 0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:16px solid white}.machine-chute span{display:block;padding-top:13px;font-size:9px;font-weight:1000}.lottery-machine.active{transform:translateY(-4px);filter:drop-shadow(0 0 15px rgba(255,206,70,.85))}.lottery-machine.active .glass-drum{animation:drumShake .22s linear infinite}.lottery-machine.active .pool-ball{animation:ballChaos .42s ease-in-out infinite alternate;animation-delay:var(--d)}.lottery-machine.active .mixer{animation:mixerSpin .45s linear infinite}.result-board{margin-top:18px;padding:12px 15px 14px;border:5px solid white;border-radius:24px;background:linear-gradient(#fff1ba,#ffe0a0);box-shadow:0 8px 0 #d08a56,inset 0 0 0 4px #f4be5d}.result-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;color:#805168;font-size:11px;font-weight:900}.result-title b{padding:3px 9px;border-radius:99px;color:white;background:#9071cf;font-size:9px}.result-row{display:flex;align-items:center;justify-content:center;gap:8px}.zone-label{padding:5px 8px;border-radius:99px;color:white;font-size:9px;font-weight:1000}.front-label{background:var(--front)}.back-label{background:var(--back)}.result-slots{display:flex;gap:7px}.result-slots i{display:grid;place-items:center;width:52px;height:52px;border:5px solid white;border-radius:50%;color:#a27684;background:#eadce3;box-shadow:0 5px 0 #b88d9e;font-size:20px;font-style:normal;font-weight:1000}.front-slots i.filled{color:white;background:radial-gradient(circle at 34% 27%,#fff 0 7%,#ff9c9e 9% 22%,#f15d70 58%,#c83b52);box-shadow:0 5px 0 #9e3146}.back-slots i.filled{color:white;background:radial-gradient(circle at 34% 27%,#fff 0 7%,#9bd7ff 9% 22%,#4f95da 58%,#3267ad);box-shadow:0 5px 0 #28548e}.result-slots i.arriving{animation:ballArrive .8s cubic-bezier(.15,.8,.25,1.18)}.plus{color:#be6e68;font-size:28px;font-weight:1000}.final-ticket{margin:15px auto 0;padding:10px 15px;border:4px solid white;border-radius:20px;text-align:center;background:#fff;box-shadow:0 6px 0 #c89672;animation:ticketPop .45s cubic-bezier(.2,1.2,.3,1.2)}.final-ticket>span{color:#8a6173;font-size:10px;font-weight:900;letter-spacing:2px}.final-ticket>div{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:5px}.final-ticket b{font-size:9px}.final-ticket strong{color:#c74458;font-size:19px;letter-spacing:3px}.final-ticket strong:last-child{color:#3778bd}.final-ticket i{font-style:normal;color:#bf796c}.start-button{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;align-items:center;width:min(430px,92%);margin:18px auto 0;padding:12px 20px;border:6px solid white;border-radius:24px;color:white;background:linear-gradient(#f16d82,#d74764);box-shadow:0 9px 0 #a53a56,0 17px 26px rgba(84,49,78,.18);cursor:pointer}.start-button>span{grid-row:1/3;font-size:34px}.start-button b{font-size:22px}.start-button small{font-size:9px}.start-button:disabled{filter:grayscale(.35);cursor:default}.family-mascots{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:13px}.family-mascots i{display:grid;place-items:center;width:49px;height:49px;border:3px solid white;border-radius:16px;background:#fff3cc;box-shadow:0 5px 0 #d3976c;font-size:28px;font-style:normal;animation:mascotBob 2.4s ease-in-out infinite}.family-mascots i:last-child{animation-delay:-1.2s}.family-mascots span{padding:7px 12px;border:2px solid white;border-radius:99px;background:white;font-size:9px;font-weight:900}#celebration{position:fixed;inset:0;z-index:30;width:100%;height:100%;pointer-events:none}@keyframes livePulse{50%{opacity:.35;scale:.7}}@keyframes starTwinkle{50%{opacity:.25;scale:.65}}@keyframes ringSpin{to{rotate:360deg}}@keyframes ballIdle{50%{translate:0 -5px;rotate:8deg}}@keyframes drumShake{25%{translate:2px -1px}50%{translate:-2px 1px}75%{translate:1px 2px}}@keyframes ballChaos{0%{translate:-20px -35px;rotate:-35deg}50%{translate:25px 22px;rotate:30deg}100%{translate:-8px 42px;rotate:70deg}}@keyframes mixerSpin{to{rotate:360deg}}@keyframes ballArrive{0%{opacity:0;transform:translate(var(--from-x,-90px),-185px) rotate(-760deg) scale(.45)}65%{opacity:1;transform:translate(6px,-8px) rotate(35deg) scale(1.08)}100%{transform:none}}@keyframes ticketPop{from{opacity:0;transform:translateY(22px) scale(.78)}}@keyframes mascotBob{50%{translate:0 -6px;rotate:5deg}}
@media(max-width:720px){.topbar{height:60px;width:calc(100% - 14px)}.brand b{display:none}.brand>span{width:38px;height:38px}.top-actions{gap:4px}.rule-chip,.top-actions button{padding:6px 8px;font-size:9px}.top-actions button b{display:none}.page-shell{width:calc(100% - 9px)}.hero h1{font-size:37px;-webkit-text-stroke-width:4px;letter-spacing:1px}.hero p{font-size:10px;margin-bottom:8px}.hero>span{font-size:9px}.draw-card{padding:13px 8px 13px;border-width:5px;border-radius:27px}.status-strip{grid-template-columns:auto 1fr auto;gap:5px}.live-badge{padding:5px 7px;font-size:7px}.phase-copy{gap:3px;font-size:9px;text-align:center}.phase-copy span{font-size:15px}.timer{padding:4px 6px}.timer b{font-size:18px}.timeline{margin:8px 2px 12px}.machines{gap:7px;grid-template-columns:1.25fr 1fr}.lottery-machine{padding-top:35px}.lottery-machine header{height:39px;border-width:4px;gap:3px;font-size:7px}.lottery-machine header b{font-size:11px}.lottery-machine header span{padding:2px 4px}.glass-drum{border-width:6px}.pool-ball{width:23px;height:23px;border-width:2px;font-size:6px}.drum-ring{border-width:2px}.machine-chute{height:34px;border-width:4px}.machine-chute span{padding-top:11px;font-size:7px}.result-board{padding:10px 5px 12px;border-width:4px}.result-row{gap:4px}.zone-label{padding:4px 5px;font-size:7px}.result-slots{gap:3px}.result-slots i{width:39px;height:39px;border-width:3px;font-size:15px}.plus{font-size:20px}.final-ticket strong{font-size:14px}.start-button{margin-top:14px;padding:10px 14px}.start-button b{font-size:18px}.family-mascots i{width:43px;height:43px}.family-mascots span{font-size:8px}}
@media(max-width:390px){.result-slots i{width:35px;height:35px}.result-row{gap:3px}.result-slots{gap:2px}}
@media(prefers-reduced-motion:reduce){.sky-decor i,.family-mascots i{animation:none!important}}

/* 奖池、购票与结算信息 */
.lottery-dashboard{display:grid;grid-template-columns:230px 1fr;gap:12px;margin-bottom:16px}.pool-summary,.purchase-panel,.prize-panel,.winner-panel{border:4px solid white;border-radius:22px;box-shadow:0 6px 0 rgba(132,91,103,.2)}.pool-summary{grid-row:span 2;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:196px;padding:18px 12px;color:white;text-align:center;background:linear-gradient(145deg,#7862ca,#4e9bd8);overflow:hidden}.pool-summary:before,.pool-summary:after{content:"";position:absolute;width:95px;height:95px;border:18px solid rgba(255,255,255,.09);border-radius:50%}.pool-summary:before{left:-42px;top:-45px}.pool-summary:after{right:-45px;bottom:-52px}.issue-stamp{position:absolute;left:10px;top:10px;padding:4px 9px;border:2px solid rgba(255,255,255,.7);border-radius:99px;background:rgba(255,255,255,.16);font-size:10px;font-weight:900}.pool-summary>span{position:relative;font-size:12px;font-weight:900}.pool-summary>strong{position:relative;display:flex;align-items:baseline;gap:4px;margin:5px 0 3px;color:#ffe86f;text-shadow:0 4px 0 rgba(54,56,119,.35)}.pool-summary>strong small{font-size:22px}.pool-summary>strong b{font-size:38px;letter-spacing:1px}.pool-summary>em{position:relative;font-size:9px;font-style:normal;opacity:.9}.purchase-panel,.prize-panel{padding:10px 12px;background:rgba(255,255,255,.78)}.purchase-panel header,.prize-panel header,.winner-panel header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:11px}.purchase-panel header span,.prize-panel header small{padding:3px 8px;border-radius:99px;color:#75557a;background:#f2dfff;font-size:8px;font-weight:900}.purchase-list{display:flex;gap:7px;overflow-x:auto;padding:0 0 4px;scrollbar-width:thin}.purchase-list article{flex:0 0 auto;display:grid;grid-template-columns:auto auto;gap:3px 9px;min-width:190px;padding:7px 9px;border:2px solid #f0d0c8;border-radius:13px;background:#fff8ef}.purchase-list article b{color:#77516b;font-size:10px}.purchase-list article span{grid-row:2;color:#d64c62;font-size:11px;font-weight:1000;letter-spacing:1px}.purchase-list article em{grid-row:1/3;grid-column:2;align-self:center;padding:5px 7px;border-radius:99px;color:white;background:#4d8fd3;font-size:8px;font-style:normal;font-weight:900}.empty-purchases{width:100%;margin:2px 0;padding:9px;border:2px dashed #d8c3cf;border-radius:12px;color:#997e8f;text-align:center;font-size:9px;font-weight:800}.prize-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.prize-grid span{display:flex;flex-direction:column;align-items:center;padding:5px 3px;border-radius:10px;color:#79596b;background:#fff7d9;text-align:center}.prize-grid span:nth-child(2n){background:#e9f3ff}.prize-grid b{font-size:9px}.prize-grid i{font-size:8px;font-style:normal}.prize-grid em{color:#d64a60;font-size:8px;font-style:normal;font-weight:1000}.winner-panel{margin-bottom:14px;padding:10px 13px;background:linear-gradient(135deg,#fff7d8,#ffe8e5)}.winner-panel header{margin-bottom:6px}.winner-panel header span{font-size:9px;font-weight:900}.winner-panel #winnerList{display:grid;gap:5px}.winner-panel article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:6px 8px;border-radius:11px;background:white}.winner-panel article i{padding:3px 6px;border-radius:99px;color:white;background:#e85b70;font-size:8px;font-style:normal;font-weight:900}.winner-panel article span{font-size:9px;font-weight:900}.winner-panel article strong{color:#d74760;font-size:13px}.no-winner{margin:0;padding:7px;border-radius:10px;color:#7a6374;background:rgba(255,255,255,.75);text-align:center;font-size:9px;font-weight:900}.admin-entry{padding:7px 12px;border:2px solid white;border-radius:99px;color:inherit;background:white;box-shadow:0 3px 0 rgba(112,84,92,.16);font-size:9px;font-weight:900;text-decoration:none;transition:transform .2s,box-shadow .2s}.admin-entry:hover,.admin-entry:focus-visible{transform:translateY(-2px);box-shadow:0 5px 0 rgba(112,84,92,.2);outline:none}

@media(max-width:720px){.lottery-dashboard{grid-template-columns:1fr;gap:8px;margin-bottom:11px}.pool-summary{grid-row:auto;min-height:112px;padding:15px}.pool-summary>strong{margin:0}.pool-summary>strong b{font-size:31px}.purchase-panel,.prize-panel{padding:8px}.prize-grid{grid-template-columns:repeat(3,1fr)}.prize-grid span:nth-child(4),.prize-grid span:nth-child(5){grid-column:span 1}.winner-panel{padding:8px}.winner-panel header{align-items:flex-start;flex-direction:column}.winner-panel article{grid-template-columns:auto 1fr}.winner-panel article strong{grid-column:2}.admin-entry{font-size:8px;padding:7px 8px}}
.pool-ball.drawn{opacity:0;scale:.1;transition:opacity .3s,scale .3s}
.transparent-tracks{position:relative;z-index:7;height:112px;margin:-2px 0 -10px}.transparent-tracks svg{display:block;width:100%;height:100%;overflow:visible}.transparent-tracks path{fill:none;stroke-linecap:round;stroke-linejoin:round}.track-shadow{stroke:rgba(48,69,116,.2);stroke-width:22}.track-front,.track-back{stroke:rgba(255,255,255,.75);stroke-width:15;filter:drop-shadow(0 2px 0 rgba(73,113,161,.38))}.track-front{stroke:rgba(255,211,210,.83)}.track-back{stroke:rgba(203,232,255,.86)}.transparent-tracks>span{position:absolute;left:50%;top:37%;translate:-50% -50%;padding:3px 10px;border:2px solid white;border-radius:99px;color:#79566e;background:rgba(255,255,255,.78);font-size:8px;font-weight:900}.travel-layer{position:absolute;z-index:25;inset:0;overflow:visible;pointer-events:none}.travel-ball{position:absolute;display:grid;place-items:center;width:48px;height:48px;border:5px solid white;border-radius:50%;color:white;background:radial-gradient(circle at 33% 27%,#fff 0 7%,#ff9d9f 9% 22%,#f15e71 58%,#c83c53);box-shadow:0 5px 0 #9e3146,0 8px 16px rgba(75,43,71,.22);font-size:17px;font-weight:1000;will-change:transform,left,top}.travel-ball.back{background:radial-gradient(circle at 33% 27%,#fff 0 7%,#9dd8ff 9% 22%,#4f96db 58%,#3267ad);box-shadow:0 5px 0 #28548e,0 8px 16px rgba(48,68,116,.22)}.lottery-machine.ejecting .machine-chute{filter:drop-shadow(0 0 12px #ffd75e);animation:chutePulse .45s ease-in-out infinite alternate}.pool-ball.ejecting{z-index:12;animation:ballToOutlet 1.2s ease-in forwards!important}.result-board{margin-top:0}@keyframes chutePulse{to{scale:1.05}}@keyframes ballToOutlet{to{left:50%;top:92%;translate:-50% 0;scale:.72;opacity:.9}}
@media(max-width:720px){.transparent-tracks{height:76px;margin:-2px 0 -5px}.track-shadow{stroke-width:19}.track-front,.track-back{stroke-width:12}.transparent-tracks>span{font-size:6px;padding:2px 6px}.travel-ball{width:38px;height:38px;border-width:3px;font-size:13px}}