:root{--brand:#d2760d;--brand-bright:#e88c21;--brand-soft:#fff4e5;--canvas:#f5f6f8;--text:#202734;--line:#e9edf2;font-family:"Microsoft YaHei","PingFang SC",sans-serif}
.topbar{height:64px;padding:0 26px;gap:34px;box-shadow:0 1px 8px #222b3a04;z-index:10}.brand{font-size:19px;letter-spacing:.025em}.brandmark{font-family:Arial;font-size:24px;font-weight:800;width:32px;height:32px;border-radius:9px;background:#ed8d19}.header-context{flex:1;font-size:14px;color:#7e8796}.header-context span{color:#d4d9e2;margin:0 14px}.identity{gap:18px}.demo-pill{border:0;color:#8a641b;background:#fff5dd}.avatar{background:#eff1f5;color:#5a6270}.shell{grid-template-columns:224px minmax(0,1fr)}.sidebar{padding:20px 12px}.scope{font-size:14px;padding:0 10px 22px}.scope-icon{background:#f0f3f8;color:#46556c}.scope small{line-height:1.6}#sidenav{padding-top:18px;overflow-y:auto}.nav-group{margin-bottom:7px}.nav-group summary{list-style:none;display:flex;align-items:center;gap:12px;padding:12px 14px;font-size:14px;cursor:pointer;color:#4b5362;font-weight:600;border-radius:6px}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:hover{background:#f8f9fb}.group-symbol{width:20px;text-align:center;font-size:18px;color:#858fa0}.chevron{margin-left:auto;color:#939cac;font-size:17px;transition:transform .15s}.nav-group[open] .chevron{transform:rotate(180deg)}.nav-group[open] summary{color:#242c3b}.nav-children{padding:2px 0 6px}#sidenav .nav-children a{padding:10px 12px 10px 45px;font-size:14px;margin:3px 0;font-weight:400;min-height:42px;position:relative}#sidenav a.active{font-weight:600;color:#bd6404;background:#fff1dc}#sidenav a.active:before{content:"";position:absolute;left:0;width:3px;height:18px;background:#e78a1b;border-radius:3px}.nav-planned{margin-left:auto;font-size:12px;color:#9aa2af;font-weight:400}.side-bottom{font-size:12px;line-height:1.8}.side-bottom small{font-size:12px}main{padding:18px 28px;max-width:1800px;margin:0 auto}.environment{border:0;background:#fff8eb;padding:9px 12px;font-size:12px;color:#8b6a34}.environment>span{background:transparent;color:#ba852d;font-weight:700}.page-heading{margin:22px 0 18px}.page-heading h1{font-size:24px;color:#212a38;font-weight:600}.breadcrumb{font-size:12px;color:#9299a6;margin-bottom:5px}.source-note{font-size:12px}.panel{padding:20px 22px;border:1px solid #edf0f4;border-radius:10px}.field{font-size:14px}.field input,.field select{height:38px;border-radius:5px}.primary{border-radius:5px;min-height:38px;color:white;background:#e78a1b;border-color:#e78a1b}.primary:hover:not(:disabled){background:#d47b11;border-color:#d47b11}.overview{border:1px solid #edf0f4;padding:18px 0}.count strong{font-size:25px}.wall{gap:18px;grid-template-columns:repeat(auto-fill,minmax(285px,1fr))}.live-card{border-radius:10px;border-color:#e7ebf0;box-shadow:0 2px 4px #25314803;padding:20px}.room-name{font-size:17px;font-weight:600;margin-top:16px}.room-identity{line-height:1.9}.metric-grid{margin:20px 0}.metric-grid strong{font-size:22px}.tag{border-radius:4px}.section-heading h2:before{display:none}.section-heading h2{font-size:17px}.data-table thead{background:#f7f9fb}.data-table th{color:#677184;font-weight:500}.data-table td{padding-top:17px;padding-bottom:17px}.table-wrap{border-radius:7px}.notice-inline{background:#f8fafc;border-radius:5px}.tabs button.active{color:#bf6b0d;border-color:#e38a1e}.tabs{gap:26px}.icon-button{border-radius:50%}footer{color:#a0a7b3;font-size:12px}
.dc-filter{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;background:white;border:1px solid #edf0f4;border-radius:9px;padding:17px 20px}.dc-filter-fields{display:flex;gap:22px}.dc-filter label{display:flex;align-items:center;gap:12px;color:#667184;font-size:14px}.dc-filter select{border:1px solid #dfe4ec;border-radius:5px;height:38px;min-width:180px;padding:0 12px;color:#303849;font-size:14px;background:white}.dc-scope{font-size:12px;color:#8b93a1;margin:12px 2px 18px}.dc-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.kpi{position:relative;border:1px solid #e8edf3;border-radius:10px;background:white;text-align:left;padding:20px 22px;min-height:130px;overflow:hidden}.kpi.selected{border-color:#eebc7e;box-shadow:0 0 0 1px #eebc7e20;background:linear-gradient(125deg,#fffaf3,#fff 80%)}.kpi:hover:not(:disabled){background:#fffaf3;border-color:#eebc7e}.kpi>span{color:#656f80;font-size:14px;display:flex;align-items:center;gap:8px}.kpi small{font-size:12px;color:#9ca3ad}.kpi strong{display:block;font-size:30px;margin-top:12px;font-family:Arial,sans-serif;font-weight:600;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.kpi-spark{display:flex;gap:3px;align-items:flex-end;position:absolute;right:20px;bottom:22px;height:30px;opacity:.6}.kpi-spark i{width:4px;border-radius:2px 2px 0 0;background:#e5e9f1}.kpi.selected .kpi-spark i{background:#ecc28d}.dc-charts-top{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:20px;margin-bottom:20px}.dc-charts-bottom{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:20px}.chart-panel{background:white;border:1px solid #edf0f4;border-radius:10px;padding:22px;min-width:0}.chart-panel header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}.chart-panel h2{font-size:16px;font-weight:600;color:#2d3543}.chart-panel header p{font-size:12px;color:#9aA2af;margin-top:6px;line-height:1.6}.chart-legend{font-size:12px;color:#828c9d;display:flex;gap:7px;align-items:center;white-space:nowrap}.chart-legend i{width:7px;height:7px;border-radius:50%;background:#e88b1a}.trend-svg{width:100%;height:auto;display:block;min-height:180px}.trend-svg text{font-family:Arial,sans-serif;font-size:12px;fill:#a0a7b4}.chart-data{font-size:12px;color:#8b95a5;margin-top:6px}.chart-data summary{cursor:pointer}.chart-data table{margin-top:12px}.rank-row{display:flex;gap:13px;margin:27px 0}.rank-position{font-size:16px;font-weight:600;color:#a3adbd}.rank-row:first-child .rank-position{color:#d98920}.rank-row>div{flex:1;min-width:0}.rank-label{display:flex;justify-content:space-between;gap:8px;font-size:14px}.rank-label b{font-weight:500}.rank-label strong{font-family:Arial;font-weight:600}.rank-track{height:7px;background:#f2f4f8;border-radius:4px;margin:12px 0 8px;overflow:hidden}.rank-track i{display:block;background:#ecad59;height:100%;border-radius:4px}.rank-row:nth-child(2) .rank-track i{background:#7f9aba}.rank-row:nth-child(3) .rank-track i{background:#abc1d4}.rank-row small{font-size:12px;color:#9ba3b0}.funnel{display:flex;gap:26px;padding:8px 0 12px}.funnel-row{flex:1;min-width:0;text-align:center}.funnel-row>div:first-child{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#7e8795}.funnel-row b{font-family:Arial;color:#303949;font-size:24px}.funnel-shape{height:28px;margin:18px auto;background:#dce7f3;clip-path:polygon(0 0,100% 0,87% 100%,13% 100%)}.funnel-row:first-child .funnel-shape{background:#eeb66f}.funnel-row:nth-child(2) .funnel-shape{background:#99b4d1}.funnel-row small{font-size:12px;color:#9aa4b3;line-height:1.7}.funnel-row small b{display:block;font-size:14px;color:#74859d;font-weight:500}.coverage-number{font:600 34px Arial;color:#324151;margin:10px 0 20px}.coverage-number small{font:12px "Microsoft YaHei";margin-top:5px;color:#98a2b2}.coverage-item{display:flex;justify-content:space-between;font-size:13px;margin:13px 0;color:#8c96a6}.coverage-item b{font-weight:500;color:#525f74}.coverage-item .not-connected{color:#bd833d}.coverage-link{display:inline-block;color:#bd710d;border-top:1px solid #f0f2f5;padding-top:13px;width:100%;font-size:13px;margin-top:4px}
@media(min-width:1750px){.wall{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.shell{grid-template-columns:200px minmax(0,1fr)}main{padding:18px}.dc-charts-top,.dc-charts-bottom{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.kpi{padding:18px 16px}.kpi strong{font-size:26px}.kpi-spark{display:none}.dc-filter label{flex-direction:column;align-items:flex-start;gap:6px}}
@media(max-width:850px){.topbar{height:auto;padding:14px 16px;gap:10px}.header-context{display:none}.shell{display:block}.sidebar{position:static;height:auto;padding:0 12px}.scope,.side-bottom{display:none}#sidenav{display:flex;overflow-x:auto;padding:5px 0;align-items:flex-start;gap:5px}.nav-group{flex-shrink:0}.nav-group summary{padding:9px 12px}.nav-group[open]{background:#fafbfd;border-radius:6px}.group-symbol{display:none}.nav-children{padding:0}#sidenav .nav-children a{padding:7px 12px;min-height:34px;white-space:nowrap}.dc-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dc-charts-top,.dc-charts-bottom{grid-template-columns:1fr}.dc-filter-fields{gap:14px}.dc-filter select{min-width:0;width:100%}.dc-filter label{flex:1}.dc-filter-fields{flex:1}.dc-filter{padding:14px;gap:10px}.dc-filter label{font-size:12px}.dc-filter select{font-size:13px}.chart-panel{padding:18px}.funnel{gap:12px}.funnel-row b{font-size:22px}.page-heading h1{font-size:22px}.brand{font-size:17px}.nav-planned{display:none}.wall{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}
@media(max-width:420px){main{padding:12px}.wall{grid-template-columns:minmax(0,1fr)}.dc-filter{align-items:flex-end}.dc-filter select{max-width:130px}.dc-scope{line-height:1.7}.kpi{min-height:115px;padding:16px}.kpi strong{font-size:28px}.kpi>span{font-size:14px;flex-wrap:wrap;gap:4px}.chart-legend{display:none}.trend-svg{min-height:150px}.funnel-row small{font-size:12px}.header-context{display:none}.demo-pill{font-size:12px}.chart-panel header p{max-width:270px}}
.trend-svg text{font-size:16px}.trend-svg{min-height:0}