:root{--ink:#10283f;--cyan:#008fa8;--bg:#eef4f7;--line:#d8e4ea;--muted:#6e8391;--green:#159966;--amber:#c7832c;--red:#c24d58}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 "Segoe UI","Microsoft YaHei",sans-serif}.shell{display:grid;grid-template-columns:230px minmax(760px,1fr);min-height:100vh}aside{background:#10283f;color:#d7e7ed;padding:22px 14px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 28px}.brand>span{background:#008fa8;color:white;font-size:18px;font-weight:800;padding:6px;border-radius:8px}.brand b{display:block}.brand small{display:block;color:#8eacba}nav{display:grid;gap:3px}nav a{padding:10px 12px;color:#9bb4c1;border-radius:8px}nav a.active,nav a:hover{background:#19445e;color:#fff}footer{margin-top:auto;color:#7f9bab;font-size:11px;line-height:1.8}footer em{color:#6fdda6;font-style:normal}main{padding:30px 38px}header{display:flex;justify-content:space-between;align-items:center}header small{color:var(--muted)}h1{margin:4px 0 22px;font-size:28px}.header-right{display:flex;gap:12px;align-items:center}.env,.privacy{font-size:11px;padding:6px 9px;border-radius:20px;background:#fff;border:1px solid var(--line)}.env{color:var(--amber);font-weight:700}.privacy{color:var(--green)}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--cyan);color:white}.notice{background:#e5f5f7;border:1px solid #b7e0e5;padding:13px 16px;border-radius:10px;color:#34636e;margin-bottom:20px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards article,.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.cards small,.cards span{display:block;color:var(--muted);font-size:12px}.cards strong{display:block;font-size:28px;margin:7px 0}.up{color:var(--green)!important}.warn{color:var(--amber)!important}.grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-top:14px}.card.wide{min-height:195px}.card-head{display:flex;justify-content:space-between;align-items:center}.card h2{font-size:15px;margin:0}.card-head span{font-size:11px;color:var(--muted)}.distribution{display:grid;gap:13px;margin-top:22px}.distribution>div{display:grid;grid-template-columns:40px 1fr 150px;align-items:center;gap:10px;font-size:12px}.distribution i{height:8px;border-radius:8px;background:linear-gradient(90deg,var(--cyan),#68cbd2);display:block}.distribution b{font-size:13px}.distribution span{color:var(--muted)}.health,.events{list-style:none;padding:0;margin:14px 0;display:grid;gap:16px}.health li,.events li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf2f4;padding-bottom:10px;font-size:12px}.health span{white-space:nowrap}.ok{color:var(--green)}.chart{height:115px;display:flex;align-items:end;gap:18px;padding:18px 18px 0}.chart span{flex:1;background:linear-gradient(#66ccd2,var(--cyan));border-radius:6px 6px 0 0;min-height:12px}.events small{display:block;color:var(--muted)}@media(max-width:980px){.shell{grid-template-columns:190px 1fr}main{padding:24px}.cards{grid-template-columns:repeat(2,1fr)}}