:root{--bg:#050a15;--panel:#0a1729;--line:#1d506c;--ink:#edf8ff;--muted:#91a7c0;--cyan:#08dce8;--green:#08e79d;--gold:#ffb44d;--violet:#9b82ff;--red:#ff6878}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:radial-gradient(ellipse at 55% -10%,#153c60,#050a15 56%);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}.wall{min-height:100vh;padding:3vh 4vw;position:relative}.wall:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#08dce809 1px,transparent 1px),linear-gradient(90deg,#08dce809 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:linear-gradient(#000,transparent 90%);mask-image:linear-gradient(#000,transparent 90%);pointer-events:none}.head,.content,.foot,.livebar{position:relative}.head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid #1b4b66}.brand{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:3px}.head h1{margin:6px 0 2px;font-size:32px}.head p{margin:0;color:var(--muted)}.live{padding:8px 13px;border:1px solid #21836f;border-radius:99px;color:var(--green);background:#09251f;box-shadow:0 0 20px #08e79d20}.live:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.35}}.heroStats{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px;margin:16px 0}.heroStat{position:relative;overflow:hidden;padding:14px 18px;border:1px solid #27627d;border-radius:16px;background:linear-gradient(145deg,#102b45,#091525);box-shadow:0 12px 35px #0004}.heroStat:after{content:"";position:absolute;width:100px;height:100px;right:-28px;top:-48px;border-radius:50%;background:#08dce813}.heroStat span{color:#9eb4c8;font-size:13px}.heroStat b{display:block;margin-top:1px;color:var(--cyan);font-size:34px;line-height:1.15;text-shadow:0 0 25px #08dce84d}.heroStat:nth-child(2){border-color:#27705e}.heroStat:nth-child(2) b{color:var(--green)}.heroStat:nth-child(3){border-color:#75592f}.heroStat:nth-child(3) b{color:var(--gold)}.heroStat small{position:absolute;right:14px;bottom:12px;color:#7f98ae}.content{display:grid;grid-template-columns:25% 1fr;gap:20px}.join,.board{border:1px solid #24627f;border-radius:20px;background:linear-gradient(145deg,#0e2841e8,#081322ef);box-shadow:0 20px 55px #0005,inset 0 1px #ffffff0a}.join{padding:20px;text-align:center}.qr{width:min(190px,75%);aspect-ratio:1;margin:auto;object-fit:contain;background:#fff;border:10px solid white;border-radius:12px;box-shadow:0 0 0 1px var(--cyan),0 0 28px #05dce92c}.join h2{margin:14px 0 4px;color:var(--cyan);font-size:22px}.join p{margin:0;color:var(--muted);line-height:1.6}.steps{display:grid;gap:7px;margin-top:14px;text-align:left}.steps div{padding:8px 10px;border-radius:9px;background:#0b2036;color:#c7d8e9;font-size:12px}.slogan{margin-top:14px;color:var(--green);font-weight:800;letter-spacing:3px}.board{overflow:hidden}.tabs{display:flex;gap:7px;padding:12px 17px;border-bottom:1px solid #193e57}.tabs button{padding:8px 15px;border:1px solid #2a5b76;border-radius:9px;background:#0d2238;color:#a4b7cc;cursor:pointer}.tabs button.active{border-color:var(--cyan);background:#123e52;color:var(--cyan);box-shadow:0 0 18px #08dce820}.table{padding:0 17px 12px}.row{display:grid;grid-template-columns:62px 1.15fr .75fr .85fr .7fr .85fr;gap:10px;align-items:center;padding:10px;border-bottom:1px solid #183b54}.row.headrow{color:#8fa5bf;font-size:11px}.row.item{transition:.25s}.row.item:first-child{border:1px solid #6d5b34;border-radius:11px;background:linear-gradient(90deg,#392e1b,#102136);box-shadow:0 0 25px #ffb44d12}.row.flash{animation:rowflash 1.4s}@keyframes rowflash{0%,to{background:transparent}35%{background:#0c4f50;box-shadow:inset 3px 0 var(--green)}}.no{font-size:19px;font-weight:900;color:var(--gold)}.score{color:var(--green);font-weight:900;text-align:right}.time{color:#a8bdd0;font-size:12px}.status{display:inline-block;padding:5px 9px;border-radius:99px;text-align:center;font-size:11px}.status.done{background:#0b3a2c;color:var(--green)}.status.wait{background:#423019;color:var(--gold)}.claim{display:grid;grid-template-columns:110px 1fr 160px 130px;gap:14px;align-items:center;padding:13px 10px;border-bottom:1px solid #183b54}.claimqr{display:none;margin:14px 17px;padding:13px;border:1px solid #755a32;border-radius:13px;background:#2d2417}.claimqr b{color:var(--gold)}.livebar{display:flex;align-items:center;gap:13px;margin-top:14px;padding:10px 15px;border:1px solid #244d65;border-radius:12px;background:#08182a;overflow:hidden}.livebar b{flex:0 0 auto;color:var(--cyan)}.ticker-wrap{flex:1;overflow:hidden;min-width:0}.ticker{white-space:nowrap;color:#c4d7e7;animation:ticker 17s linear infinite}@keyframes ticker{0%{transform:translate(100%)}to{transform:translate(-100%)}}.spotlight{position:fixed;z-index:20;right:4vw;bottom:10vh;width:360px;padding:18px;border:1px solid var(--gold);border-radius:17px;background:linear-gradient(135deg,#362817f2,#0c2134f2);box-shadow:0 20px 60px #000b,0 0 32px #ffb44d2b;opacity:0;transform:translate(30px) scale(.96);transition:.35s;pointer-events:none}.spotlight.on{opacity:1;transform:none}.spotlight .label{color:var(--gold);font-size:11px;font-weight:900;letter-spacing:2px}.spotlight h3{margin:5px 0;font-size:23px}.spotlight p{margin:0;color:#c9d9e7}.spotlight strong{color:var(--green);font-size:27px}.foot{display:flex;justify-content:space-between;padding-top:10px;color:#8199b3;font-size:12px}.foot b{color:var(--cyan)}.empty-tip{padding:30px;text-align:center;color:var(--muted)}@media (max-width:900px){body{overflow:auto}.content{grid-template-columns:1fr}.join{display:none}.row{grid-template-columns:45px 1fr 80px}.row span:nth-child(3),.row span:nth-child(4),.row span:nth-child(6){display:none}.heroStats{grid-template-columns:1fr}.spotlight{display:none}}