#tool-app * {box-sizing: border-box}
#tool-app {margin:0;font-family:-apple-system,"PingFang SC","Microsoft YaHei",Segoe UI,sans-serif;background:#0f1115;color:#e6e6e6}
#tool-app header {padding:18px 24px;background:#161a21;border-bottom:1px solid #232833}
#tool-app h1 {margin:0;font-size:20px}
#tool-app .sub {color:#8a93a3;font-size:13px;margin-top:4px}
#tool-app nav {position:sticky;top:0;z-index:5;background:#12161d;border-bottom:1px solid #232833;padding:8px 24px;display:flex;gap:14px;font-size:13px;flex-wrap:wrap}
#tool-app nav a {color:#9fb3c8;text-decoration:none}
#tool-app nav a:hover {color:#fff}
#tool-app section {padding:22px 24px;max-width:1180px;margin:0 auto}
#tool-app .card {background:#161a21;border:1px solid #232833;border-radius:10px;padding:16px;margin-bottom:18px}
#tool-app h2 {font-size:16px;margin:0 0 12px;color:#cfe3ff}
#tool-app svg {width:100%;height:auto;display:block;background:#0b0d11;border-radius:8px}
#tool-app #detail {min-height:120px}
#tool-app .kpis {display:flex;gap:14px;flex-wrap:wrap;margin-bottom:6px}
#tool-app .kpi {background:#1b212b;border:1px solid #2a323f;border-radius:8px;padding:10px 14px}
#tool-app .kpi b {font-size:22px;color:#7fd1ff}
#tool-app table {width:100%;border-collapse:collapse;font-size:13px}
#tool-app th, #tool-app td {text-align:left;padding:6px 8px;border-bottom:1px solid #232833;vertical-align:top}
#tool-app th {color:#8a93a3;font-weight:600}
#tool-app .tag {display:inline-block;background:#222a36;border-radius:4px;padding:1px 7px;margin:2px;font-size:12px}
#tool-app .bar {fill:#4f9bff}
#tool-app .note {color:#8a93a3;font-size:12px;margin:0 0 12px}

#tool-app .l4-legend {margin:10px 0 6px;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:12px}
#tool-app .l4-legend-title {color:#9fb3c8;line-height:1.6}
#tool-app .l4-legend-reset {margin-left:auto;cursor:pointer;color:#7fd1ff;border:1px solid #2a3547;border-radius:4px;padding:2px 10px;flex:none}
#tool-app .l4-legend-reset:hover {background:#1b2432}
#tool-app .l4-legend-chips {display:flex;flex-wrap:wrap;gap:3px 8px;width:100%;margin-top:2px}
#tool-app .l4-chip {display:inline-flex;align-items:center;gap:4px;cursor:pointer;padding:1px 7px;border-radius:10px;border:1px solid transparent;color:#c8d2dc;white-space:nowrap}
#tool-app .l4-chip i {width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}
#tool-app .l4-chip:hover {background:#1b2432}
#tool-app .l4-chip.on {border-color:#3a82c8;background:#16283c}
#tool-app .l4-chip.dim {opacity:.4}
#tool-app .l4-chip b {color:#8fa3b8;font-weight:normal;font-size:11px}
#tool-app svg#svg {cursor:grab}
#tool-app svg#svg.grabbing {cursor:grabbing}
#tool-app .l4-tip {position:fixed;z-index:9999;max-width:320px;background:#161a21;color:#e6e6e6;border:1px solid #2a3547;border-radius:6px;padding:8px 10px;font-size:12px;line-height:1.5;pointer-events:none;box-shadow:0 4px 16px rgba(0,0,0,.45)}
#tool-app .l4-tip-hint {color:#7fd1ff;font-size:11px}
#tool-app .l4-note {color:#9fb3c8;font-size:12px;margin:6px 0 0}