:root{color-scheme:dark;--bg: #0b1017;--panel: #131a24;--border: #23303f;--text: #e6edf3;--muted: #8b9bb0;--ok: #3fb950;--bad: #f85149;--warn: #d29922;--accent: #58a6ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0%,#16202c 0%,var(--bg) 55%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Roboto,Helvetica,Arial,sans-serif}.app{max-width:880px;margin:0 auto;padding:40px 20px 64px}h1{font-size:22px;margin:0 0 4px}.subtitle{color:var(--muted);font-size:13px;margin-bottom:28px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px 18px}.card .label{color:var(--muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.card .value{margin-top:8px;font-size:17px;font-weight:600;word-break:break-all}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;vertical-align:middle}.ok{color:var(--ok)}.bad{color:var(--bad)}.warn{color:var(--warn)}.accent{color:var(--accent)}.banner{margin-bottom:20px;padding:12px 16px;border-radius:10px;border:1px solid var(--border);font-size:13px;line-height:1.6;background:#d2992214;color:var(--warn)}.foot{margin-top:26px;color:var(--muted);font-size:12px;display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}button{background:#1f2b39;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 14px;font-size:12px;cursor:pointer}button:hover{border-color:var(--accent)}