html:root{color-scheme:light;--bg:#f4f6f8;--card:#fff;--border:#d6dde3;--mint:#235b92;--muted:#536679;--white:#172b40;font:15px/1.55 "Segoe UI","Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif}
:root body{background:#f4f6f8}
:root .header{height:62px;background:#fff;border-bottom:1px solid #dce2e8}
:root .header a:not(.brand){color:#465a6f}
:root .divider{background:#d9e0e6}
:root .header .brand b{color:#182e44}
:root .header .brand small{color:#496783}
:root .head-actions .live{font:12px "Segoe UI","Microsoft YaHei",sans-serif;color:#466055}
:root .head-actions .live i{background:#378368}
:root .pagehead{align-items:center;margin:0 0 18px}
:root .eyebrow{font:600 11px/1.5 "Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:.06em;color:#597188;margin-bottom:6px}
:root h1{font:650 clamp(26px,2.7vw,39px)/1.18 "Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:-.03em}
:root .stat{padding:0 5px 0 18px;border-left:1px solid #d7dfe6}
:root .stat strong{color:#263d54;font:580 29px/1.1 "Segoe UI",sans-serif}
:root .stat small{font-size:12px;color:#526b7e}
:root .tabs{border-bottom:1px solid #cbd5de;border-radius:0;margin:0 0 16px;gap:20px}
:root .tabs button{background:transparent;color:#53677c;border:0;border-bottom:3px solid transparent;border-radius:0;padding:6px 2px 10px;font-size:14px}
:root .tabs button[aria-selected=true]{color:#174c80;border-bottom-color:#316eac;background:transparent;font-weight:650}
:root button,:root select{background:#fff;border-color:#cdd7e0;color:#2d4660}
:root .workspace{background:#fff;box-shadow:0 3px 12px #27384509;border-color:#cad4dd;border-radius:7px}
:root .view{height:clamp(374px,57vh,720px);background:#e7eced}
:root .inspector{max-height:clamp(374px,57vh,720px);background:#fff;padding:20px}
:root .inspector h2{font-size:16px;line-height:1.35;font-weight:650;color:#182f45}
:root .inspector h3{color:#324e67;font-size:14px}
:root .inspector p{color:#57697a;line-height:1.7}
:root .items button{border-color:#e0e5ea;background:#f7f9fb;color:#2b4258;font:13px/1.5 "Segoe UI","Microsoft YaHei",sans-serif;padding:5px 9px}
:root .items button:hover,:root .items button[aria-current=true]{background:#e8f0f8;border-color:#92afca;color:#174e7f}
:root .dot{background:#8196a9}:root .dot.high{background:#bb6b33}:root .dot.critical{background:#b84947}
:root .inspector a.link{background:#e7f1fa;color:#214f78;border:1px solid #a5bdd3}
:root .viewhead,:root .viewfoot{font:11px/1.4 "Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:.015em;left:12px;right:12px;color:#263c4d}
:root .viewhead>span,:root .viewfoot>span{background:#f9fbfbe8;border:1px solid #cdd5d8;border-radius:3px;padding:3px 7px;color:#405767}
:root .viewhead .level{color:#245078}
:root .tooltip{background:#fff;border-color:#b9c9d6;color:#203c52}
:root .tools>.controls-wrap,:root .tools #controls{gap:7px}
:root .tools details{background:#fff;border-color:#d5dde5}
:root .tools summary{color:#446079}
:root .tools input{accent-color:#316a9e}
:root #fallback{background:#e5ebef}
@media(max-width:770px){:root .inspector{max-height:260px}:root .stat{padding:0 0 0 8px}:root .tabs{gap:10px}}

:root #fallback svg text{fill:#213a50;font-family:"Segoe UI","Microsoft YaHei",sans-serif}:root .tools label input[type=number]{background:#fff;color:#243b51}:root #settings input{accent-color:#326ca2}