:root{--bg:#04131d;--panel:#082331;--panel2:#0a2d3c;--line:#13566a;--cyan:#55e6ef;--green:#54d8a5;--gold:#ffd067;--red:#ff748f;--purple:#b996ff;--text:#def9fc;--muted:#79a9b3;--shadow:0 0 24px rgba(34,190,214,.08)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:"Microsoft YaHei","PingFang SC",sans-serif}button,select,input{font:inherit}.dashboard{height:100vh;min-height:720px;display:grid;grid-template-rows:66px 43px 48px minmax(0,1fr) 29px;padding:8px 14px;background:radial-gradient(circle at 50% 28%,#123f4c 0,#071d28 42%,#04131d 78%);position:relative}.dashboard:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(59,198,217,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(59,198,217,.025) 1px,transparent 1px);background-size:28px 28px}
.topbar,.page-nav,.filterbar,.page-root,.statusbar{position:relative;z-index:1}.topbar{border:1px solid #1a7188;background:linear-gradient(90deg,#082735,#0b3747 50%,#082735);display:grid;grid-template-columns:1fr 2.3fr 1fr;align-items:center;padding:0 18px}.brand{font:11px Consolas;color:#69c8d5;letter-spacing:1.7px;display:flex;align-items:center;gap:9px}.brand-mark{width:30px;height:30px;border:1px solid var(--cyan);display:grid;place-items:center;color:var(--cyan);font-weight:800;box-shadow:0 0 12px #46ced766}.headline{text-align:center}.headline h1{font-size:clamp(21px,1.65vw,32px);letter-spacing:3px;margin:0;text-shadow:0 0 16px #53dce488}.headline-line{height:2px;width:72%;margin:7px auto 0;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}.system-meta{text-align:right;font:11px Consolas;color:#79b8c4}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);margin-right:7px}
.page-nav{display:flex;justify-content:center;gap:5px;border-bottom:1px solid #165467;padding:5px 0}.nav-button{min-width:126px;border:1px solid transparent;background:transparent;color:#70a7b2;padding:7px 17px;cursor:pointer}.nav-button:hover,.nav-button.active{border-color:#49dce7;background:#0b5366;color:#fff;box-shadow:inset 0 -2px var(--cyan)}
.filterbar{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid #124b5d;background:#061d28}.filterbar label{height:34px;display:flex;align-items:center;gap:5px;color:#72aab5;font-size:11px;white-space:nowrap}.filterbar select,.filterbar input{height:30px;border:1px solid #176276;background:#092b3a;color:#d8f5f8;padding:0 8px;outline:none}.filterbar select:focus,.filterbar input:focus{border-color:var(--cyan)}.search-label{margin-left:auto}.search-label input{width:170px}.ghost-button{height:30px;border:1px solid #235e6d;background:transparent;color:#91c1ca;cursor:pointer}.scope-note{font-size:9px;color:#467e8b}
.page-root{min-height:0;padding-top:7px}.page{height:100%;display:grid;gap:7px}.overview{grid-template-rows:94px minmax(0,1fr) 205px}.topic{grid-template-rows:90px minmax(0,1fr) 208px}.kpis{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.kpi,.panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(9,41,55,.96),rgba(6,29,40,.96));box-shadow:var(--shadow);position:relative;overflow:hidden}.kpi{padding:11px 13px;border-left:3px solid var(--accent,var(--cyan))}.kpi:after,.panel:after{content:"";position:absolute;right:0;top:0;width:15px;height:15px;border-top:2px solid #43c9d7;border-right:2px solid #43c9d7}.kpi span{font-size:11px;color:#86b5bd}.kpi b{display:block;color:var(--accent,var(--cyan));font:700 clamp(18px,1.35vw,26px) "Arial Narrow","Microsoft YaHei";margin:7px 0 2px}.kpi small{font-size:9px;color:#4e8792}.main-grid{min-height:0;display:grid;grid-template-columns:310px minmax(0,1fr) 400px;gap:7px}.bottom-grid{min-height:0;display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:7px}.topic-main{min-height:0;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:7px}.panel-title{height:42px;border-bottom:1px solid #154d5c;padding:8px 12px;font-weight:700;font-size:13px}.panel-title small{display:block;font:8px Consolas;color:#43a2b2;letter-spacing:1.2px}.panel-body{height:calc(100% - 42px);padding:10px 12px;overflow:auto;scrollbar-width:thin;scrollbar-color:#1d6878 #082431}.chart{width:100%;height:100%}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.mini-card{border:1px solid #164b5b;background:#082a38;padding:9px;min-height:60px}.mini-card span{font-size:10px;color:#75a9b3}.mini-card b{display:block;font:700 18px Consolas;margin-top:5px}.cyan{color:var(--cyan)}.gold{color:var(--gold)}.red{color:var(--red)}.green{color:var(--green)}.purple{color:var(--purple)}
.map-stage{position:relative;height:100%;background:radial-gradient(ellipse at 55% 45%,#15495a,#071e2a 68%);overflow:hidden}.gis-map{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:contain}.map-legend{position:absolute;right:10px;top:10px;background:#062432e8;border:1px solid #155466;padding:7px 10px;font-size:9px;color:#9bcbd2;z-index:3;display:grid;gap:5px}.map-legend div{display:grid;grid-template-columns:28px auto;align-items:center;gap:7px}.map-legend i{display:block;width:28px;height:2px;background:#56e5ef}.map-legend .legend-normal{background:#1d6070}.map-legend .legend-town{height:0;background:none;border-top:1px dashed #2b7888}.map-legend .legend-boundary{height:3px;background:#56e5ef;box-shadow:0 0 5px #56e5ef}.map-callout{position:absolute;left:12px;top:10px;border-left:3px solid var(--cyan);background:#062432e8;padding:7px 10px;z-index:3}.map-callout b{display:block;font-size:12px}.map-callout span{font-size:9px;color:#6fa5af}.scene-strip{position:absolute;right:10px;bottom:9px;display:flex;gap:4px;z-index:3}.scene-strip button{border:1px solid #1f6879;background:#082a38e8;color:#8cc3cc;padding:5px 7px;font-size:9px;cursor:pointer}.scene-strip button:hover{border-color:var(--cyan);color:#fff}
.map-panel .panel-body{padding:0}.map-overlay{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);z-index:2;pointer-events:auto}.map-controls{position:absolute;right:10px;top:10px;z-index:5;display:flex;gap:5px;align-items:center}.map-controls>div{display:flex}.map-controls button,.map-controls select{height:27px;border:1px solid #216879;background:#082a38e8;color:#8cc3cc;padding:0 8px;font-size:9px}.map-controls button.active{background:#0b6174;border-color:var(--cyan);color:#fff}.map-controls .hidden{display:none}.operational-map .map-callout,.remote-map .map-callout{top:10px}.operational-map .compact-legend,.remote-map .compact-legend{top:auto;bottom:10px;min-width:145px}.compact-legend b{color:#dff9fc;font-size:10px}.compact-legend small{color:#5f98a3}.remote-map .map-overlay circle{filter:drop-shadow(0 0 2px rgba(255,184,77,.65))}
.rank-list{display:grid;gap:5px}.rank-row{height:31px;display:grid;grid-template-columns:23px minmax(0,1fr) 110px 42px;gap:7px;align-items:center;border-bottom:1px solid #123c49;font-size:10px;cursor:pointer}.rank-row:hover{background:#0b3545}.rank-no{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#126a7e;color:#fff}.rank-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-bar{height:5px;background:#0d3441}.rank-bar i{display:block;height:100%;background:var(--bar,var(--cyan))}.rank-score{text-align:right;color:var(--bar,var(--cyan));font:11px Consolas}.insight{border:1px solid #174c5a;background:#082a38;padding:8px 10px;margin:6px 0}.insight b{font-size:11px}.insight p{margin:4px 0 0;color:#72a5af;font-size:10px;line-height:1.45}.badge{display:inline-block;border:1px solid #2a7488;color:#84c5d0;padding:3px 7px;margin:0 4px 4px 0;font-size:9px}.data-table{width:100%;border-collapse:collapse;font-size:10px}.data-table th{color:#64bdcb;text-align:left;border-bottom:1px solid #236071;padding:7px}.data-table td{padding:7px;border-bottom:1px solid #123d4a;color:#a8d1d7}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:#0a3545}.progress{height:7px;background:#0c3441;margin-top:6px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green))}.empty{height:100%;display:grid;place-items:center;color:#568894}.source-chip{position:absolute;right:8px;bottom:5px;color:#3e7f8b;font:8px Consolas}
.statusbar{display:flex;align-items:center;gap:25px;color:#528a95;font-size:9px;padding:4px 7px}.statusbar button{margin-left:auto;border:0;background:transparent;color:#67b8c6;cursor:pointer}.status-ok{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:5px}dialog{width:min(760px,90vw);max-height:82vh;border:1px solid #25829a;background:#072432;color:#dff9fc;padding:22px;box-shadow:0 0 40px #000}dialog::backdrop{background:#020b11cc}.dialog-close{position:absolute;right:10px;top:8px;border:0;background:transparent;color:#8bc5cf;font-size:25px;cursor:pointer}.dialog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dialog-grid .mini-card{min-height:80px}.source-list{font-size:12px;line-height:1.8;color:#9bc9d0}
@media(max-width:1200px){html,body{overflow:auto}.dashboard{width:1920px;height:1080px}.scope-note{display:none}}
@media(max-height:960px){html,body{overflow:auto}.dashboard{height:1080px;min-height:1080px}.page-root{min-height:0}}
.overview{grid-template-rows:120px minmax(0,1fr) 294px}
.topic{grid-template-rows:116px minmax(0,1fr) 254px}
body{position:relative;overflow:hidden}
.dashboard{position:fixed;left:0;top:0;width:1920px;height:1080px;min-height:0;transform-origin:top left}
.map-legend .legend-high{height:3px;background:#ff748f;box-shadow:0 0 6px #ff748f}
.map-legend .legend-medium{height:3px;background:#ffd067;box-shadow:0 0 6px #ffd067}
.map-legend .legend-attention{height:3px;background:#b996ff;box-shadow:0 0 6px #b996ff}
@media(max-width:1200px){html,body{overflow:hidden}.dashboard{width:1920px;height:1080px}.scope-note{display:inline}}
@media(max-height:960px){html,body{overflow:hidden}.dashboard{width:1920px;height:1080px;min-height:0}}
.panel-body{overflow:hidden}
.bottom-grid .panel-body{padding:8px 10px}

/* 大屏可读性增强：面向实际观看距离放大文字与内容密度 */
.nav-button{font-size:14px;font-weight:600}
.filterbar label{font-size:13px}.filterbar select,.filterbar input,.ghost-button{font-size:13px}.scope-note{font-size:11px}
.kpi{padding:13px 15px}.kpi span{font-size:14px}.kpi b{font-size:28px;margin:8px 0 3px}.kpi small{font-size:12px}
.panel-title{height:50px;padding:9px 14px;font-size:17px}.panel-title small{font-size:10px;margin-bottom:2px}
.panel-body{height:calc(100% - 50px);padding:12px 14px}
.mini-card{min-height:76px;padding:12px}.mini-card span{font-size:13px}.mini-card b{font-size:23px;margin-top:8px}
.rank-list{gap:4px}.rank-row{height:42px;grid-template-columns:28px minmax(0,1fr) 120px 58px;font-size:13px}.rank-no{width:25px;height:25px}.rank-score{font-size:13px}
.insight{padding:12px 14px;margin:8px 0}.insight b{font-size:14px}.insight p{font-size:13px;line-height:1.6;margin-top:6px}
.badge{font-size:12px;padding:5px 9px}.data-table{font-size:13px}.data-table th,.data-table td{padding:10px}
.map-callout{padding:9px 12px}.map-callout b{font-size:15px}.map-callout span{font-size:12px}
.map-controls button,.map-controls select{height:32px;padding:0 10px;font-size:12px}
.map-legend{font-size:12px;padding:9px 12px;gap:7px}.compact-legend b{font-size:13px}.compact-legend small{font-size:11px}
.source-chip{font-size:10px}.statusbar{font-size:11px}.statusbar button{font-size:11px}
.bottom-grid .panel-body{padding:11px 13px}

/* 防止放大字号后被固定高度裁切 */
.kpi{display:flex;flex-direction:column;justify-content:center}
.kpi b{line-height:1.05}.kpi small{line-height:1.3;min-height:15px}
.main-grid>article:first-child .mini-card{min-height:66px;padding:9px 11px}
.main-grid>article:first-child .mini-card b{font-size:21px;margin-top:5px}
.main-grid>article:first-child .insight{padding:8px 11px;margin:5px 0}
.main-grid>article:first-child .insight b{font-size:13px}
.main-grid>article:first-child .insight p{font-size:11.5px;line-height:1.45;margin-top:4px}