@layer base;*{box-sizing:border-box}:root{--bg:#0b1016;--bg-2:#111823;--panel:#141d2a;--line:#22303f;--ink:#e6edf3;--ink-dim:#98a8b8;--accent:#4cc2ff;--accent-2:#7ce7c8;--warn:#ffb454;--bad:#ff6b7a;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Noto Sans TC,Helvetica Neue,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1120px;margin:0 auto;padding:0 24px 96px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(11,16,22,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1120px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:20px}.brand{font-weight:700;letter-spacing:.02em;font-size:15px;color:var(--ink)}.brand span{color:var(--accent)}.nav{display:flex;gap:14px;margin-left:auto;font-size:14px}.nav a{color:var(--ink-dim)}.nav a.active,.nav a:hover{color:var(--ink);text-decoration:none}.hero{padding:64px 0 28px;border-bottom:1px solid var(--line)}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2)}h1{font-size:40px;line-height:1.18;margin:14px 0 12px;letter-spacing:-.01em}.lede{font-size:18px;color:var(--ink-dim);max-width:800px}h2{font-size:25px;margin:56px 0 6px;letter-spacing:-.01em}h2 .num{font-family:var(--mono);color:var(--accent);font-size:15px;margin-right:10px}h3{font-size:17px;margin:26px 0 8px}.section-lede{color:var(--ink-dim);margin:0 0 18px;max-width:820px}p{margin:12px 0;max-width:860px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 20px}.grid{display:grid;grid-gap:14px;gap:14px}.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.g4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}table{width:100%;border-collapse:collapse;font-size:14px;margin:14px 0}td,th{text-align:left;padding:9px 11px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);background:var(--bg-2)}tbody tr:hover{background:rgba(76,194,255,.05)}td.num,th.num{text-align:right}.pill,td.num,th.num{font-family:var(--mono)}.pill{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--ink-dim);white-space:nowrap}.pill.ok{color:#0b1016;background:var(--accent-2);border-color:var(--accent-2)}.pill.warn{color:#0b1016;background:var(--warn);border-color:var(--warn)}.pill.bad{color:#fff;background:var(--bad);border-color:var(--bad)}.pill.info{color:var(--accent);border-color:rgba(76,194,255,.5)}button.pill{background:transparent;font:inherit;font-family:var(--mono);cursor:pointer;color:var(--ink)}button.pill:hover{border-color:var(--accent);color:var(--accent)}pre{border:1px solid var(--line);border-radius:10px;padding:14px 16px;overflow-x:auto;font-size:12.5px;line-height:1.6;color:#c9d6e2}code,pre{background:#0a0f15;font-family:var(--mono)}code{font-size:13px;padding:1px 5px;border-radius:4px;border:1px solid var(--line)}pre code{background:none;border:none;padding:0}ol,ul{max-width:860px;padding-left:22px}li{margin:7px 0}.flow{display:grid;grid-gap:10px;gap:10px;margin:18px 0}.flow-stage{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:10px;padding:13px 16px}.flow-stage .t{font-weight:650;font-size:14.5px}.flow-stage .d{color:var(--ink-dim);font-size:13.5px}.flow-stage.s2{border-left-color:var(--accent-2)}.flow-stage.s3{border-left-color:var(--warn)}.flow-stage.s4{border-left-color:var(--bad)}.flow-arrow{text-align:center;color:var(--ink-dim);font-family:var(--mono);font-size:13px;margin:-4px 0}.metric{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.metric .label{font-size:12px;color:var(--ink-dim);letter-spacing:.05em;text-transform:uppercase}.metric .value{font-family:var(--mono);font-size:30px;font-weight:600;line-height:1.15;margin-top:4px}.metric .sub{font-size:12.5px;color:var(--ink-dim)}.metric.bad .value{color:var(--bad)}.metric.warn .value{color:var(--warn)}.metric.ok .value{color:var(--accent-2)}.bars{display:grid;grid-gap:7px;gap:7px;margin-top:10px}.bar-row{display:grid;grid-template-columns:150px 1fr 108px;align-items:center;grid-gap:10px;gap:10px;font-size:13px}.bar-track{background:#0a0f15;border-radius:5px;height:18px;overflow:hidden;border:1px solid var(--line)}.bar-fill{height:100%;background:var(--accent)}.bar-fill.bad{background:var(--bad)}.bar-fill.ok{background:var(--accent-2)}.bar-fill.warn{background:var(--warn)}.bar-name{color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-val{font-family:var(--mono);font-size:12.5px;text-align:right}.timeline-chart{display:flex;align-items:flex-end;gap:5px;height:150px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.tcol{flex:1 1;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;align-items:center;min-width:0}.tseg{width:100%;border-radius:3px}.tseg.base{background:rgba(76,194,255,.35)}.tseg.dl{background:var(--warn)}.tseg.cx{background:var(--bad)}.thr{font-family:var(--mono);font-size:10px}.legend,.thr{color:var(--ink-dim)}.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;margin-top:10px}.hourly{display:flex;gap:10px;margin-top:14px}.hourly-axis{display:flex;flex-direction:column;justify-content:space-between;font-family:var(--mono);font-size:10px;color:var(--ink-dim);text-align:right;padding-bottom:33px;min-width:34px}.hourly-cols{align-items:stretch;gap:2px;overflow:hidden}.hcol,.hourly-cols{display:flex;flex:1 1}.hcol{min-width:0;flex-direction:column}.hbar-area{height:150px;display:flex;align-items:flex-end;border-bottom:1px solid var(--line)}.hbar{width:100%;border-radius:3px 3px 0 0;background:var(--accent-2);min-height:2px}.hbar.warn{background:var(--warn)}.hbar.bad{background:var(--bad)}.hbar.empty{background:transparent;border:1px dashed var(--line);border-bottom:none;min-height:0}.hnum{height:12px;line-height:12px}.hhour,.hnum{font-family:var(--mono);font-size:9px;color:var(--ink-dim);text-align:center;overflow:hidden}.hhour{height:20px;line-height:20px;white-space:nowrap}.dot{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px}.callout{border:1px solid var(--line);border-left:3px solid var(--accent-2);background:var(--panel);border-radius:10px;padding:14px 17px;margin:18px 0;font-size:14.5px}.callout.warn{border-left-color:var(--warn)}.note{color:var(--ink-dim);font-size:14px;border-left:2px solid var(--line);padding-left:13px;margin:14px 0 20px}.callout.bad{border-left-color:var(--bad)}.callout .h{font-weight:650;margin-bottom:4px}.footer{border-top:1px solid var(--line);margin-top:60px;padding-top:22px;color:var(--ink-dim);font-size:13px}.toc{position:-webkit-sticky;position:sticky;top:76px;font-size:13.5px}.toc ol{list-style:none;padding:0}.toc li,.toc ol{margin:0}.toc a{display:block;padding:5px 0;color:var(--ink-dim);border-bottom:1px dashed rgba(34,48,63,.6)}.toc a:hover{color:var(--accent);text-decoration:none}.layout-2{display:grid;grid-template-columns:220px 1fr;grid-gap:34px;gap:34px;align-items:start}@media (max-width:900px){.layout-2{grid-template-columns:1fr}.toc{position:static}h1{font-size:31px}.bar-row{grid-template-columns:110px 1fr 92px}}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:8px;gap:8px}.status-cell{background:#0a0f15;border:1px solid var(--line);border-radius:9px;padding:10px 12px}.status-cell .n{font-family:var(--mono);font-size:19px}.status-cell .l{font-size:12px;color:var(--ink-dim)}.scroll-x{overflow-x:auto}