:root{color-scheme:dark;--bg:#0e211f;--panel:#17312e;--line:#37554f;--text:#eff7f3;--muted:#b3cec5;--accent:#a5debd;--amber:#f5ce85}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 "Microsoft YaHei",system-ui,sans-serif}a{color:var(--accent)}button{font:inherit;color:var(--text);background:#24443e;border:1px solid #55766c;border-radius:6px;padding:9px 14px;min-height:44px;cursor:pointer}button:hover{background:#365a50}button:disabled{opacity:.6}a:focus-visible,button:focus-visible,main:focus-visible{outline:3px solid var(--amber);outline-offset:4px}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:8px;background:var(--panel);padding:12px;z-index:3}header{padding:24px 3vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:20px}.brand img{width:100px;height:66px;object-fit:contain;background:white;border-radius:6px}.brand p{font-size:14px;color:var(--muted);margin:0}h1{font-size:clamp(24px,2.1vw,40px);letter-spacing:2px;margin:3px 0}h2{font-size:20px;margin:0}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.controls a{min-height:44px;display:flex;align-items:center}.statusline{padding:12px 3vw 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;color:var(--muted)}p{margin:0}.freshness{padding-bottom:18px}.freshness>div{display:flex;flex-wrap:wrap;align-items:center;gap:12px}#connection{color:var(--accent)}#connection.stale{color:var(--amber)}#error{margin:0 3vw 18px;padding:16px;border:1px solid var(--amber);color:var(--amber);background:#3b3020}main{padding:0 3vw 24px}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);border-radius:8px;margin-bottom:22px;background:var(--panel)}.metric{padding:22px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric h2{font-size:15px;color:var(--muted);font-weight:500}.metric strong{display:block;font-size:clamp(30px,3.1vw,58px);font-weight:650;line-height:1.25;margin:12px 0;color:var(--accent);font-variant-numeric:tabular-nums}.metric small{color:var(--muted)}.panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);margin-bottom:22px;overflow:hidden}.section-head{padding:18px 22px;display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.section-head span{color:var(--muted);font-size:13px}.stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;padding:22px}.stage p{font-size:14px;color:var(--muted)}.stage strong{font-size:28px;margin-right:10px}.stage small{color:var(--amber)}.columns{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.empty{padding:40px 22px;color:var(--muted);text-align:center}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}th,td{padding:14px 20px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}th{color:var(--muted);font-weight:500}tr:last-child td{border-bottom:0}.numeric{font-variant-numeric:tabular-nums}.progress-row{padding:16px 22px;border-bottom:1px solid var(--line)}.progress-row:last-child{border:0}.progress-heading{display:flex;justify-content:space-between;gap:16px}.progress-row small{display:block;color:var(--muted);margin:4px 0 10px}progress{width:100%;height:10px;accent-color:var(--accent)}progress::-webkit-progress-bar{background:#0e211f;border-radius:5px}progress::-webkit-progress-value{background:var(--accent);border-radius:5px}.badge{display:inline-block;border:1px solid var(--line);padding:2px 8px;border-radius:4px;color:var(--accent);white-space:nowrap}.badge.pending{color:var(--amber)}.note{font-size:13px;color:var(--muted)}footer{padding:18px 3vw;border-top:1px solid var(--line);color:var(--muted);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px}@media(min-width:2000px){body{font-size:20px}table{font-size:18px}.metric h2,.stage p{font-size:18px}.section-head span{font-size:16px}}@media(max-width:1000px){header{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:repeat(3,1fr)}.metric{border-bottom:1px solid var(--line)}.columns{grid-template-columns:1fr}}@media(max-width:560px){.brand{gap:12px}.brand img{width:68px;height:56px}.brand p{font-size:11px}h1{font-size:24px;letter-spacing:0}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:16px}.metric strong{font-size:34px}.controls{gap:10px}header{padding:18px 4vw}th,td{padding:12px}.statusline{font-size:13px}.progress-heading{flex-wrap:wrap}.section-head{padding:16px}.metric:last-child{grid-column:1/-1}.stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:16px}}