:root{--bg:#fff;--bg-alt:#f6f8fa;--border:#e1e4e8;--text:#1a1f26;--text-dim:#57606a;--text-faint:#8b939d;--accent:#0d6efd;--ok:#1a7f37;--ok-bg:#dafbe1;--ok-cell:#2ea043;--warn:#9a6700;--warn-bg:#fff8c5;--warn-cell:#d4a72c;--bad:#cf222e;--bad-bg:#ffebe9;--bad-cell:#cf222e;--nodata-cell:#e1e4e8;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans:-apple-system, "PingFang SC", "Segoe UI", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}body{background:var(--bg-alt);color:var(--text);font-family:var(--sans);margin:0;line-height:1.6}.page{background:var(--bg);border:1px solid var(--border);border-radius:12px;max-width:1180px;margin:40px auto 60px;overflow:hidden;box-shadow:0 12px 40px -18px #00000026}header.brand-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:22px 28px;display:flex}header.brand-bar .name{font-size:16px;font-weight:700}header.brand-bar .sub{color:var(--text-faint);font-size:12px}.lang-switcher{color:var(--text-dim);background:var(--bg-alt);border:1px solid var(--border);font-size:12.5px;font-family:var(--sans);cursor:pointer;border-radius:6px;padding:5px 8px}.status-banner{border-bottom:1px solid var(--border);background:var(--ok-bg);align-items:center;gap:12px;padding:22px 28px;display:flex}.status-banner.warn{background:var(--warn-bg)}.status-banner.bad{background:var(--bad-bg)}.status-banner .icon{background:var(--ok);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex}.status-banner.warn .icon{background:var(--warn)}.status-banner.bad .icon{background:var(--bad)}.status-banner .msg{color:var(--ok);font-size:16px;font-weight:700}.status-banner.warn .msg{color:var(--warn)}.status-banner.bad .msg{color:var(--bad)}.status-banner .updated{color:var(--text-faint);font-size:12px;font-family:var(--mono);margin-left:auto}.group{padding:8px 28px}.group h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);margin:22px 0 4px;font-size:12px;font-weight:700}.component{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.component:last-child{border-bottom:none}.component .left{align-items:center;gap:10px;min-width:220px;max-width:320px;display:flex}.component .dot{background:var(--ok);border-radius:50%;flex-shrink:0;width:8px;height:8px}.component.warn .dot{background:var(--warn)}.component.bad .dot{background:var(--bad)}.component .cname{text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:14px;font-weight:600;overflow:hidden}.component .cstatus{color:var(--ok);font-size:12.5px;font-weight:600}.component.warn .cstatus{color:var(--warn)}.component.bad .cstatus{color:var(--bad)}.component.nodata .dot{background:var(--text-faint)}.component.nodata .cstatus{color:var(--text-faint)}.component .cdetail{min-width:0;color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;flex:160px;font-size:12px;overflow:hidden}.uptime{align-items:center;gap:10px;display:flex}.uptime .bars{gap:1px;display:flex}.uptime .bars .cell{background:var(--ok-cell);border-radius:1px;width:4px;height:24px}.uptime .bars .cell.warn{background:var(--warn-cell)}.uptime .bars .cell.bad{background:var(--bad-cell)}.uptime .bars .cell.nodata{background:var(--nodata-cell)}.uptime .pct{color:var(--text-faint);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;flex-shrink:0;width:128px;font-size:12px}.legend{color:var(--text-faint);gap:18px;padding:10px 28px 22px;font-size:11.5px;display:flex}.legend span{align-items:center;gap:5px;display:inline-flex}.legend .sw{border-radius:2px;width:8px;height:8px}.incidents{border-top:1px solid var(--border);padding:4px 28px 28px}.incidents h3{margin:20px 0 12px;font-size:13px}.incident{border:1px solid var(--border);border-radius:8px;margin-bottom:10px;padding:14px 16px}.incident .ihead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.incident .ititle{font-size:13.5px;font-weight:700}.incident .itime{color:var(--text-faint);font-size:11.5px;font-family:var(--mono)}.incident .badge{background:var(--ok-bg);color:var(--ok);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.incident .badge.investigating,.incident .badge.identified{background:var(--warn-bg);color:var(--warn)}.timeline{border-left:2px solid var(--border);margin-top:8px;padding-left:14px}.tstep{color:var(--text-dim);padding:4px 0 4px 14px;font-size:12.5px;position:relative}.tstep:before{content:"";background:var(--text-faint);border-radius:50%;width:6px;height:6px;position:absolute;top:9px;left:-19px}.tstep .tlabel{color:var(--text);margin-right:6px;font-weight:700}.tstep .ttime{color:var(--text-faint);font-family:var(--mono);font-size:11px}footer.page-footer{border-top:1px solid var(--border);background:var(--bg-alt);color:var(--text-faint);justify-content:space-between;padding:16px 28px;font-size:11.5px;display:flex}.empty-state{text-align:center;color:var(--text-faint);padding:40px 28px;font-size:13px}