:root{--bg: #0b0f17;--panel: #121826;--panel-2: #182030;--border: #232d40;--text: #e7edf7;--text-dim: #8b98ad;--accent: #5b9cff;--good: #3fce8e;--bad: #f4716d;--warn: #e8b34b;--radius: 12px;font-variant-numeric:tabular-nums}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 500px at 80% -10%,rgba(91,156,255,.08),transparent),var(--bg);color:var(--text);font-family:-apple-system,PingFang SC,Microsoft YaHei,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.55}#root{min-height:100vh}.app-header{display:flex;align-items:center;gap:24px;padding:16px 28px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#0b0f17eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20}.app-title{font-size:17px;font-weight:700;letter-spacing:.5px}.app-title small{color:var(--text-dim);font-weight:400;margin-left:10px;font-size:12px}.tabs{display:flex;gap:6px}.tab{border:1px solid transparent;background:none;color:var(--text-dim);padding:7px 16px;border-radius:999px;font-size:14px;cursor:pointer}.tab:hover{color:var(--text)}.tab.active{background:#5b9cff24;border-color:#5b9cff73;color:var(--accent);font-weight:600}.page{padding:22px 28px 60px;max-width:1480px;margin:0 auto}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;margin-bottom:18px}.panel h3{margin:0 0 14px;font-size:15px}.panel h3 small{color:var(--text-dim);font-weight:400;margin-left:8px}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:16px}.filter-group{display:flex;align-items:center;gap:8px}.filter-label{color:var(--text-dim);font-size:13px;white-space:nowrap}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--border);background:var(--panel-2);color:var(--text-dim);border-radius:999px;padding:4px 12px;font-size:13px;cursor:pointer}.chip:hover{color:var(--text)}.chip.on{background:#5b9cff29;border-color:#5b9cff80;color:var(--accent)}select,input[type=text],input[type=date],input[type=number]{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:6px 10px;font-size:13px;outline:none}select:focus,input[type=text]:focus,input[type=date]:focus,input[type=number]:focus{border-color:var(--accent)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px 18px;margin:16px 0}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.span-2{grid-column:span 2}.field-hint{color:var(--text-dim);font-size:12px}.inline-check{display:flex;align-items:center;gap:8px;color:var(--text);font-size:13px}.form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.primary-btn,.ghost-btn{border-radius:8px;padding:8px 18px;font-size:14px;cursor:pointer}.primary-btn{border:1px solid rgba(91,156,255,.55);background:#5b9cff33;color:var(--accent);font-weight:600}.primary-btn:hover:not(:disabled){background:#5b9cff4d}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.ghost-btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text-dim)}.ghost-btn:hover{color:var(--text)}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;font-size:13.5px;white-space:nowrap}thead th{position:sticky;top:0;background:var(--panel-2);color:var(--text-dim);text-align:right;font-weight:600;padding:10px 14px;border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none}thead th.sortable{cursor:pointer}thead th.sortable:hover{color:var(--text)}thead th.left,td.left{text-align:left}tbody td{padding:9px 14px;border-bottom:1px solid rgba(35,45,64,.6);text-align:right}tbody tr:last-child td{border-bottom:none}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:#5b9cff0f}.num-good{color:var(--good);font-weight:600}.num-mid{color:var(--warn);font-weight:600}.num-bad{color:var(--bad);font-weight:600}.dim{color:var(--text-dim)}.name-cell{max-width:420px;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid}.badge.adaptive{color:#6db1ff;border-color:#6db1ff73;background:#6db1ff1a}.badge.fixed-b2{color:#4ed0c2;border-color:#4ed0c273;background:#4ed0c21a}.badge.fixed-b30{color:#69cf7e;border-color:#69cf7e73;background:#69cf7e1a}.badge.fixed-b60{color:#e8b34b;border-color:#e8b34b73;background:#e8b34b1a}.badge.fixed-b120{color:#f08c5a;border-color:#f08c5a73;background:#f08c5a1a}.badge.benchmark{color:#b394f2;border-color:#b394f273;background:#b394f21a}.badge.segment{color:var(--text-dim);border-color:var(--border);background:var(--panel-2);font-weight:400}.badge.win{color:var(--good);border-color:#3fce8e80;background:#3fce8e1a}.badge.lose{color:var(--bad);border-color:#f4716d80;background:#f4716d1a}.metric-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:16px}.metric-card{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.metric-card .label{color:var(--text-dim);font-size:12px;margin-bottom:4px}.metric-card .value{font-size:20px;font-weight:700}.metric-card .sub{color:var(--text-dim);font-size:12px;margin-top:2px}.overlay{position:fixed;inset:0;background:#04070c8c;z-index:40}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(640px,94vw);background:var(--panel);border-left:1px solid var(--border);z-index:50;overflow-y:auto;padding:22px 24px 40px;box-shadow:-24px 0 60px #00000073}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}.drawer-head h2{margin:0;font-size:16px;line-height:1.4;word-break:break-all}.drawer-meta{color:var(--text-dim);font-size:12.5px;margin-bottom:16px;display:flex;flex-wrap:wrap;gap:6px 14px}.close-btn{background:var(--panel-2);border:1px solid var(--border);color:var(--text-dim);border-radius:8px;width:30px;height:30px;cursor:pointer;font-size:15px;flex-shrink:0}.close-btn:hover{color:var(--text)}.section-title{font-size:13px;font-weight:600;color:var(--text-dim);margin:20px 0 10px;text-transform:uppercase;letter-spacing:.6px}.share-bar{display:flex;height:14px;border-radius:7px;overflow:hidden;border:1px solid var(--border)}.share-bar .seg-b2{background:#4ed0c2}.share-bar .seg-b30{background:#69cf7e}.share-bar .seg-b60{background:#e8b34b}.share-bar .seg-b120{background:#f08c5a}.share-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px;font-size:12.5px;color:var(--text-dim)}.legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.config-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px 16px;font-size:13px}.config-grid .k{color:var(--text-dim);margin-right:8px}.status{padding:60px 0;text-align:center;color:var(--text-dim)}.status.error{color:var(--bad)}.count-hint{color:var(--text-dim);font-size:12.5px;margin:0 0 10px 2px}.chart-box{width:100%;height:260px}.chart-box.tall{height:320px}.recharts-tooltip-wrapper{z-index:30}