:root{color-scheme:dark;--bg:#0c111b;--surface:#141d2b;--line:#29364a;--text:#eef3fc;--muted:#9eafc9;--accent:#54dcc4;--amber:#f6c774;--red:#ff9c9c;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.55}header,main{max-width:1440px;margin:auto;padding:28px 36px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.eyebrow{font-size:.75rem;color:var(--accent);letter-spacing:.14em}h1{font-size:1.9rem;letter-spacing:-.03em;margin:4px 0}h1 span{font-size:1.2rem;font-weight:400;color:var(--muted);margin-left:12px}h2{font-size:1.08rem;margin:0}p{margin:0 0 10px}.connection{display:flex;align-items:center;gap:10px;font-size:.875rem;flex-wrap:wrap}.connection #clock{color:var(--muted);display:block}.light{width:9px;height:9px;border-radius:50%;background:var(--amber)}.light.online{background:var(--accent)}.light.offline{background:var(--red)}.intro,.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.intro p,.section-head p,.footnote{color:var(--muted);font-size:.875rem}.section-head p{margin:5px 0 0}.notice{border-left:3px solid var(--amber);padding:12px 16px;background:#22263a;color:#efdcbb;font-size:.875rem;margin-bottom:20px}.notice.subtle{background:#182235}.warning{color:var(--amber);font-size:.875rem}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metrics article{padding:20px 22px;border:1px solid var(--line);background:var(--surface);border-radius:10px}.metrics article>span{display:block;color:var(--muted);font-size:.875rem}.metrics strong{display:block;font-variant-numeric:tabular-nums;font-size:1.8rem;letter-spacing:-.03em;margin:10px 0;overflow-wrap:anywhere}.metrics small{font-size:.8rem;color:var(--muted)}.panel{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:22px;margin-bottom:22px;min-width:0}.columns{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.tag{display:inline-flex;border:1px solid var(--line);border-radius:5px;padding:4px 8px;white-space:nowrap;font-size:.75rem;color:var(--muted)}button{font:inherit;font-size:.875rem;background:#1d3442;color:var(--accent);border:1px solid #345c6b;border-radius:6px;padding:9px 14px;cursor:pointer;white-space:nowrap}button:hover{background:#244551}button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.55;cursor:wait}.jobs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.job{border-top:2px solid #436680;padding:16px 0 0}.job-top{display:flex;gap:10px;justify-content:space-between;align-items:center}.job strong{font-size:.95rem}.job p{font-size:.8rem;color:var(--muted);margin:10px 0;overflow-wrap:anywhere}.job .bad{color:var(--red)}.job .good{color:var(--accent)}.event-list{max-height:380px;overflow:auto}.event{border-left:2px solid var(--amber);padding:10px 14px;margin:0 0 14px;background:#192437}.event.critical{border-left-color:var(--red)}.event.info{border-left-color:var(--accent)}.event h3{font-size:.875rem;margin:0 0 4px}.event p{font-size:.8rem;color:var(--muted);margin:5px 0}.event time{font-size:.75rem;color:var(--muted)}.event summary{font-size:.8rem;color:var(--muted);cursor:pointer}.controls{font-size:.875rem;margin:0}.controls dt{color:var(--muted);margin-top:14px}.controls dd{margin:4px 0 16px;overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:.8rem}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.75rem;background:#0b1421;padding:12px;max-height:230px;overflow:auto}summary{font-size:.875rem;cursor:pointer}.footnote{margin-top:14px;line-height:1.7}.empty{color:var(--muted);padding:26px 0;font-size:.875rem}.table-scroll{overflow:auto;max-height:440px}table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}th{color:var(--muted);font-weight:500;background:var(--surface);position:sticky;top:0}th,td{padding:12px 10px;border-bottom:1px solid var(--line)}td{font-variant-numeric:tabular-nums;vertical-align:top}td:first-child{font-family:ui-monospace,monospace;font-size:.8rem;overflow-wrap:anywhere}caption{text-align:left;color:var(--muted);font-size:.8rem;padding:10px} .mini-metrics{display:flex;flex-wrap:wrap;gap:24px;margin:10px 0 20px}.mini-metrics div{min-width:130px}.mini-metrics span{color:var(--muted);font-size:.8rem;display:block}.mini-metrics strong{font-size:1.1rem;font-variant-numeric:tabular-nums}footer{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.75rem;padding:6px 0 30px}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.jobs{grid-template-columns:1fr}.job-top{justify-content:flex-start}.job-top button{margin-left:auto}}@media(max-width:620px){header,main{padding:20px 16px}header,.intro,.section-head,footer{align-items:flex-start;flex-direction:column;gap:12px}h1{font-size:1.65rem}.metrics{gap:10px}.metrics article{padding:15px}.metrics strong{font-size:1.35rem}.panel{padding:16px}.tag{white-space:normal}.table-scroll{max-width:100%}}@media(prefers-reduced-motion:no-preference){.light.online{box-shadow:0 0 10px #54dcc450}}