:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070a12;--panel:#101522;--muted:#8f98aa;--text:#f5f7fb;--violet:#7c5cff;--cyan:#21d4d8;--green:#35d07f;--line:#ffffff14}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% 0%,#7c5cff29,transparent 34%),var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}button{font:inherit}.shell{width:min(1120px,100% - 32px);margin:auto;padding:42px 0 56px}header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:38px;display:flex}.eyebrow{color:var(--cyan);letter-spacing:.16em;margin:0 0 10px;font-size:.78rem;font-weight:700}h1{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.45rem);line-height:1}.brand-title{align-items:center;gap:20px;display:flex}.brand-logo{border-radius:5px;width:132px;height:auto;display:block}.subtitle{color:var(--muted);margin:14px 0 0;font-size:1rem}.status{color:#cbd2df;white-space:nowrap;align-items:center;gap:9px;padding-top:7px;font-size:.9rem;display:flex}.status-dot{background:var(--green);border-radius:99px;width:9px;height:9px;box-shadow:0 0 0 5px #35d07f1f}.status-dot.is-error{background:#f87171;box-shadow:0 0 0 5px #f871711f}.toolbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#101522b8;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:14px 16px;display:flex}.updated{color:var(--muted);font-size:.9rem}.updated strong{color:#dce1eb;font-weight:550}.actions{align-items:center;gap:14px;display:flex}.switch-wrap{color:#c7ceda;cursor:pointer;align-items:center;gap:8px;font-size:.88rem;display:flex}.switch{appearance:none;cursor:pointer;background:#2a3040;border-radius:99px;width:38px;height:22px;transition:all .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--violet)}.switch:checked:after{transform:translate(16px)}.refresh{color:#ded8ff;cursor:pointer;background:#7c5cff21;border:1px solid #7c5cff73;border-radius:10px;padding:9px 14px;transition:all .2s}.refresh:hover{background:#7c5cff3d;transform:translateY(-1px)}.refresh:disabled{opacity:.55;cursor:wait;transform:none}.grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card{border:1px solid var(--line);background:linear-gradient(145deg,#141a2af5,#0c101bf5);border-radius:20px;min-height:210px;padding:24px;position:relative;overflow:hidden}.card:before{content:"";background:var(--accent);height:3px;position:absolute;inset:0 0 auto}.card:after{content:"";background:var(--glow);filter:blur(8px);border-radius:50%;width:130px;height:130px;position:absolute;bottom:-70px;right:-60px}.card:first-child{--accent:var(--violet);--glow:#7c5cff24}.card:nth-child(2){--accent:var(--cyan);--glow:#21d4d81f}.card:nth-child(3){--accent:var(--green);--glow:#35d07f1f}.icon{width:38px;height:38px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:11px;place-items:center;font-size:1.1rem;display:grid}.label{color:var(--muted);margin:24px 0 8px;font-size:.92rem}.value{letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(2.35rem,5vw,3.35rem);line-height:1}.unit{color:#777f91;letter-spacing:0;margin-left:6px;font-size:.85rem}.detail{color:#aab2c1;margin-top:16px;font-size:.83rem}.leaderboard{border:1px solid var(--line);background:#101522c7;border-radius:20px;margin-top:18px;overflow:hidden}.leader-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.leader-head h2{margin:0;font-size:1.08rem}.leader-head span{color:var(--muted);font-size:.86rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:16px 24px}th{color:var(--muted);letter-spacing:.05em;font-size:.78rem;font-weight:600}td{font-variant-numeric:tabular-nums;font-size:.95rem}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#ffffff06}.rank{color:#798194;width:72px}.rank.top{color:var(--cyan);font-weight:700}.nickname{font-weight:650}.avatar{color:#b6a9ff;background:#7c5cff24;border-radius:9px;place-items:center;width:30px;height:30px;margin-right:11px;font-size:.8rem;display:inline-grid}.toast{border:1px solid var(--line);color:#e6eaf1;opacity:0;pointer-events:none;background:#171d2a;border-radius:10px;padding:10px 14px;transition:all .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width:760px){.shell{padding-top:28px}header{display:block}.status{margin-top:20px}.brand-title{flex-direction:column;align-items:flex-start;gap:14px}.brand-logo{width:116px}.toolbar{flex-direction:column;align-items:flex-start}.actions{justify-content:space-between;width:100%}.grid{grid-template-columns:1fr}.card{min-height:180px}.leader-head{padding:18px}th,td{padding:14px 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}