:root{--brand:#2563eb;--brand-bright:#2563eb;--brand-soft:#edf3ff;--canvas:#f3f6fb;--text:#17243b;--line:#e6ebf2;font-family:Inter,"Microsoft YaHei","PingFang SC",sans-serif}body{background:var(--canvas);color:var(--text)}.topbar{background:#fff;border-bottom:1px solid #e6ebf2;box-shadow:none}.brand{font-size:18px;letter-spacing:-.3px}.brandmark{background:#2563eb;border-radius:10px;box-shadow:0 4px 12px #2563eb25}.header-context{font-size:13px}.demo-pill{background:#eef3fc;color:#60728f}.avatar{background:#edf3ff;color:#2563eb}.shell{grid-template-columns:232px minmax(0,1fr)}.sidebar{background:#142139;color:#dbe5f5;border:0;padding:24px 14px}.scope{color:#f1f6ff;border-color:#ffffff16}.scope small{color:#91a4c0}.scope-icon{background:#ffffff10;color:#c2d7ff}.nav-group summary,.nav-group[open] summary{color:#c1cee3;padding:13px 14px;border-radius:10px;font-weight:500}.group-symbol,.chevron{color:#7d93b6}.nav-group summary:hover{background:#ffffff08}.nav-group[open]{background:#ffffff04;border-radius:12px}#sidenav .nav-children a{color:#9fb0cb;border-radius:8px}#sidenav a.active{background:#2563eb;color:#fff;font-weight:600}#sidenav a.active:before{display:none}.side-bottom{border-color:#ffffff15;color:#94a9c6}.side-bottom small{color:#7087aa}main{padding:24px 32px;max-width:1920px}.environment{background:#eaf1fb;color:#6380a5;border-radius:8px;padding:9px 14px}.environment>span{color:#587ba8}.page-heading{margin:24px 0}.page-heading h1{font-size:28px;letter-spacing:-.7px;color:#15243b}.breadcrumb{font-size:12px;color:#8d9db2}.source-note{background:#fff;padding:7px 12px;border-radius:20px;border:1px solid #e4eaf3}.panel,.chart-panel,.dc-filter{border:1px solid #e6ebf2;box-shadow:0 4px 16px #1d355703;border-radius:14px;background:#fff}.panel{padding:22px}.primary,.ops-primary-link{background:#2563eb;border-color:#2563eb;border-radius:8px;box-shadow:0 3px 8px #2563eb18}.primary:hover:not(:disabled),.ops-primary-link:hover{background:#1d4ed8;border-color:#1d4ed8}input,select{accent-color:#2563eb}.field input,.field select{border-color:#dbe3ee;border-radius:8px;background:#fbfcfe}.tabs button.active{color:#2563eb;border-color:#2563eb}.overview{background:white;border-radius:14px;border:1px solid #e5ebf3;padding:16px 0}.count strong{font-size:27px;color:#17243b}.count span{color:#8494a8}.wall{gap:20px}.live-card{border:1px solid #e3eaf4;border-radius:16px;padding:22px;background:#fff;box-shadow:0 3px 10px #21395b04}.live-card[role=button]:hover{border-color:#9bbaf5;box-shadow:0 12px 30px #1e3d7010;transform:translateY(-2px)}.live-card[role=button]:focus-visible{outline-color:#2563eb}.live-card h3.room-name{font-size:18px;color:#192a44}.live-card .room-identity{color:#8696ac}.live-card .metric-grid{background:#f7f9fd;padding:16px;border-radius:10px;gap:14px 20px}.live-card .metric-grid span{color:#8393aa;font-size:12px}.live-card .metric-grid strong{font-size:25px;color:#20344f;letter-spacing:-.5px}.live-card .metadata{font-size:12px;color:#94a3b7}.tag.live{background:#e7f7f1;color:#129673}.tag.ready{background:#edf2ff;color:#5579cd}.tag.unknown{background:#f0f3f7;color:#8a99ad}.tag.ended{background:#eef1f7;color:#73839a}.no-metrics{background:#f7f9fc;color:#98a7ba;border-radius:10px}.card-bottom{border-color:#eef2f7}.dc-kpis{gap:18px}.kpi{border-color:#e3eaf4;border-radius:14px;padding:22px;box-shadow:0 3px 14px #21395b03}.kpi.selected{border-color:#aac2f5;background:linear-gradient(135deg,#f0f5ff,#fff);box-shadow:none}.kpi:hover:not(:disabled){border-color:#a9c3f6;background:#f5f8ff}.kpi strong{color:#1b2f4c;font-size:32px}.kpi.selected .kpi-spark i{background:#7ba4ee}.chart-panel{padding:24px}.chart-panel h2{font-size:17px;color:#263a57}.chart-legend i{background:#2563eb}.rank-track{height:8px;background:#eff3f9}.rank-track i{background:#4c82e6}.rank-row:nth-child(2) .rank-track i{background:#46bfae}.rank-row:nth-child(3) .rank-track i{background:#a09eea}.rank-row:first-child .rank-position{color:#2563eb}.coverage-link,.text-button{color:#2563eb}.funnel-row:first-child .funnel-shape{background:#709deb}.funnel-row:nth-child(2) .funnel-shape{background:#58c6b3}.coverage-item .not-connected{color:#899ab2}.data-table thead{background:#f2f5fa}.data-table th{font-size:12px;color:#7c8fa9}.data-table td{color:#40536e;border-color:#eff3f8}.notice-inline,.dc-summary-mode{background:#f4f7fc;color:#7b8fa9;border-radius:8px}.analysis-tabs button.active{color:#2563eb;border-color:#2563eb}
dialog.ops-dialog{border:1px solid #e5ecf5;border-radius:18px;max-width:980px;width:calc(100% - 40px);box-shadow:0 25px 100px #12233b33}dialog::backdrop{background:#101f3680;backdrop-filter:blur(4px)}.ops-dialog .dialog-head{padding:22px 28px;border-bottom:1px solid #edf1f7;background:#fff;position:sticky;top:0;z-index:2}.ops-dialog #dialog-title{font-size:24px;color:#172a45;letter-spacing:-.5px}.ops-dialog .eyebrow{color:#8b9bb2;font-size:11px;letter-spacing:1px}.ops-dialog #dialog-body{padding:24px 28px}.trader-overview{margin-bottom:20px}.trader-identity strong{font-size:18px;color:#243c5b}.trader-identity>span{color:#8a9bb2;font-size:14px}.trader-primary{gap:16px}.trader-primary>div{background:#f5f8fe;border:1px solid #e6edf8;padding:18px 20px;border-radius:12px}.trader-primary>div:first-child{background:#edf4ff;border-color:#d9e6ff}.trader-primary span{font-size:13px;color:#6b80a0}.trader-primary strong{font-size:34px;letter-spacing:-1px;color:#1d3659}.trader-primary small{color:#94a4ba;font-size:11px}.trader-support{border-bottom:0;font-size:14px;padding:18px 0;color:#8a9ab0}.trader-missing{color:#91a0b4;font-size:11px}.trader-visible{border-top:0;background:#f7f9fd;border-radius:12px;padding:18px 20px;margin:20px 0 12px}.trader-visible h3{font-size:15px;color:#3c5273}.trader-visible h3 span{color:#9aa9bc}.trader-visible .ops-detail-secondary{gap:18px;padding:18px 0 4px}.trader-visible .ops-tile>span{font-size:12px;color:#8092ad}.trader-visible .ops-tile strong{font-size:23px;color:#30496c}.trader-visible>p{font-size:11px;color:#9aa9ba}.trader-diagnostics summary{color:#8799b1}.detail-end button{border-radius:8px}.visual-row{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:18px}.visual-panel{border:1px solid #e8eef6;border-radius:12px;padding:18px;min-width:0;background:#fff}.visual-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.visual-head h3{font-size:15px;margin:0;color:#32496a}.visual-switch{display:flex;padding:3px;background:#f0f4fa;border-radius:7px;gap:3px}.visual-switch button{font-size:12px;border:0;padding:5px 10px;border-radius:5px;color:#8395b0;background:transparent}.visual-switch button[aria-pressed=true]{background:white;color:#2563eb;box-shadow:0 1px 4px #1d355714}.mini-trend{display:block;width:100%;height:auto}.mini-trend text{font-size:11px;fill:#91a2ba}.visual-note{font-size:11px;color:#9aa9bd;line-height:1.7;margin-top:10px}.traffic-ring{display:flex;align-items:center;gap:18px;padding:20px 0 12px}.traffic-ring svg{width:116px;height:116px;flex-shrink:0}.ring-legend{display:flex;flex-direction:column;gap:16px;font-size:12px;color:#8094b1}.ring-legend b{display:block;color:#345073;font-size:22px;margin-top:4px}.ring-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.card-mini{margin:6px 0 12px}.card-mini>div{display:flex;justify-content:space-between;font-size:10px;color:#9aaac1;margin-bottom:5px}.card-mini svg{display:block;width:100%;height:34px}.ops-screen{background:#101d31;color:#dbe8fa}.ops-surface{background:#18283e;border-color:#293b53;border-radius:14px}.ops-screen-head{border-color:#293b53}.ops-screen .ops-tile strong{color:#78a9ff}.ops-chart polyline[stroke="#f6b24c"]{stroke:#7aa7ff}.ops-analysis-tabs button[aria-selected=true]{color:#83b0ff;border-color:#83b0ff}.ops-status.live{background:#164b46;color:#77e0c6}.ops-sample-label{color:#849bb9}.ops-screen-foot .ops-source-note{color:#7c92af}
@media(max-width:1050px){main{padding:20px}.shell{grid-template-columns:205px minmax(0,1fr)}}@media(max-width:850px){.shell{display:block}.sidebar{padding:8px 12px}.nav-group[open]{background:#ffffff06}.visual-row{grid-template-columns:1fr}.traffic-ring{justify-content:center}.page-heading h1{font-size:24px}.ops-dialog #dialog-body{padding:20px}.ops-dialog .dialog-head{padding:20px}.trader-visible{padding:16px}.sidebar #sidenav{padding:0}}@media(max-width:600px){main{padding:14px}.topbar{padding:14px}.brand{font-size:15px}.live-card{padding:20px}.trader-primary strong{font-size:28px}.trader-primary>div{padding:14px}.visual-switch button{padding:5px 8px}.trader-visible .ops-detail-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-dialog #dialog-title{font-size:20px}}
.ops-dialog .dialog-head{position:static}.ops-dialog .ops-primary-link:focus-visible{outline:3px solid #90b4ff;outline-offset:3px}.live-card[role=button]{transition:box-shadow .15s,border-color .15s,transform .15s}
.analysis-actions #dc-query,.calendar-bottom .date-done,.day-grid button.range-edge{background:#2563eb;color:#fff;border-radius:7px}.analysis-tabs [aria-selected=true]{color:#2563eb;border-color:#2563eb}.filter-popover[open] summary{border-color:#9cb9ef;box-shadow:0 0 0 2px #2563eb12}.account-option input{accent-color:#2563eb}.account-option:hover{background:#f3f7ff}.day-grid button.in-range{background:#edf3ff;color:#4e77bb}.inline-select,.filter-popover summary{border-radius:7px;border-color:#dce5f1}.trader-period span{color:#8193ac}