:root{--bg:oklch(100% 0 0);--surface:oklch(100% 0 0);--surface-muted:oklch(98.5% .002 264);--fg:oklch(20.8% .032 264);--muted:oklch(55.4% .041 257);--border:oklch(92.8% .006 264);--accent:oklch(0% 0 0);--accent-on:oklch(100% 0 0);--ok:oklch(54% .142 150);--warn:oklch(65% .141 75);--bad:oklch(56% .18 25);--info:oklch(55% .12 248);--radius:8px;--font-display:"Geist","Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;--font-body:"Geist","Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;--font-mono:"Geist Mono","SF Mono",Consolas,monospace;--shadow:0 1px 2px color-mix(in oklab,var(--fg),transparent 94%);--shadow-lg:0 18px 46px color-mix(in oklab,var(--fg),transparent 92%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.page{width:min(1120px,calc(100% - 40px));margin:auto;padding:0 0 56px}.bar{position:sticky;top:0;z-index:5;margin:0 0 20px;padding:0;background:color-mix(in oklab,var(--bg),transparent 5%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.bar-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;min-height:60px;padding:0 4px}.bar-inner,.brand{align-items:center}.brand{display:inline-flex;font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:-.035em;line-height:1}.nav{grid-column:2;justify-self:center;display:flex;gap:26px;color:var(--muted);font-size:15px;font-weight:560;white-space:nowrap}.nav a{min-height:60px;display:inline-flex;align-items:center;border-bottom:2px solid transparent}.nav a.active{color:var(--fg);border-bottom-color:var(--fg)}.bar-actions{justify-self:end;display:flex;gap:8px}.btn{min-height:40px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg);padding:0 13px;cursor:pointer}.btn:hover{background:var(--surface-muted)}.btn-primary{border-color:var(--accent);background:var(--accent);color:var(--accent-on)}.btn-primary:hover{background:color-mix(in oklab,var(--accent),#fff 10%)}h1,h2,h3,p{margin:0}h1{font:720 clamp(32px,5vw,56px)/1.04 var(--font-display);letter-spacing:-.045em}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;margin:18px 0}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.panel-head h2{font:680 20px/1.2 var(--font-display);letter-spacing:-.02em}.panel-body{padding:16px}.status{min-height:24px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:999px;background:var(--surface);padding:0 9px;color:var(--muted);font-family:var(--font-mono);font-size:12px;white-space:nowrap}.status:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--muted)}.status[data-tone=ok]{color:var(--ok);border-color:color-mix(in oklab,var(--ok),#fff 72%);background:color-mix(in oklab,var(--ok),#fff 94%)}.status[data-tone=ok]:before{background:var(--ok)}.status[data-tone=warn]{color:var(--warn);border-color:color-mix(in oklab,var(--warn),#fff 72%);background:color-mix(in oklab,var(--warn),#fff 94%)}.status[data-tone=warn]:before{background:var(--warn)}.status[data-tone=bad]{color:var(--bad);border-color:color-mix(in oklab,var(--bad),#fff 72%);background:color-mix(in oklab,var(--bad),#fff 94%)}.status[data-tone=bad]:before{background:var(--bad)}.status[data-tone=info]{color:var(--info);border-color:color-mix(in oklab,var(--info),#fff 72%);background:color-mix(in oklab,var(--info),#fff 94%)}.status[data-tone=info]:before{background:var(--info)}.grid{grid-template-columns:1.05fr .95fr;align-items:start}.grid,.stack{display:grid;gap:14px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.metric{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:12px;text-align:center;box-shadow:var(--shadow)}.metric span{display:block;color:var(--muted);font-size:13px}.metric strong{display:block;margin-top:3px;font-size:24px;letter-spacing:-.04em}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}@media(max-width:900px){.page{width:min(100% - 28px,1120px)}.bar-inner{grid-template-columns:auto minmax(0,1fr) auto}.nav{justify-self:center;overflow:auto;max-width:100%;gap:20px}.grid,.hero{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.page{width:min(100% - 20px,1120px)}.bar-actions{display:none}.metric-grid{grid-template-columns:1fr}.hero{gap:14px}.btn{width:100%}}