.kpi.clickable[data-v-eda1a19c]:hover{cursor:pointer;box-shadow:0 0 12px #2fdcff33;background:#2fdcff1a!important;border-color:#2fdcff99!important}.map-echart[data-v-fa49bfc6]{cursor:pointer}.age-gender-panel .panel-body{height:100%!important}.panel-body{overflow:hidden}.back-btn{z-index:100;color:#4fe8ff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04103ad9;border:1px solid #2fdcff66;border-radius:4px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;transition:all .2s;display:flex;position:fixed;top:12px;left:16px}.back-btn:hover{background:#2fdcff26;border-color:#4fe8ff;box-shadow:0 0 12px #2fdcff66}.back-btn:active{transform:scale(.96)}.back-btn:focus-visible{outline-offset:2px;outline:2px solid #4fe8ff}.back-icon{width:16px;height:16px}:root{--bg:#020b3e;--line:#168bf5;--cyan:#34ddff;--text:#e9f7ff;--muted:#83b8e9;--yellow:#ffe243}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--text);background:radial-gradient(circle at 50% 12%,#1245bc 0,#04145a 38%,#010629 100%);font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif}.screen{transform-origin:50%;background:radial-gradient(at 50% 45%,#0b3fb855 0,#0000 54%),linear-gradient(#061c69ee,#020a3df5);width:1920px;height:1080px;position:absolute;top:50%;left:50%;overflow:hidden}.screen:before{content:"";opacity:.32;pointer-events:none;background-image:linear-gradient(#1484e51a 1px,#0000 1px),linear-gradient(90deg,#1484e515 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0}.screen:after{content:"";background:linear-gradient(90deg,#0000,#42d9ff,#0000);height:1px;position:absolute;top:78px;left:0;right:0;box-shadow:0 0 18px #29cfff}.dashboard-header{background:linear-gradient(90deg,#0000,#0b49c680,#0000);justify-content:center;align-items:center;height:82px;display:flex;position:relative}.dashboard-header .wing{opacity:.65;border-top:2px solid #1f82ed;width:520px;height:30px;position:absolute;top:22px}.dashboard-header .wing.left{left:0;transform:skew(35deg)}.dashboard-header .wing.right{right:0;transform:skew(-35deg)}h1{letter-spacing:8px;text-shadow:0 0 16px #54caff,0 2px #0c2f7e;margin:0;font-size:34px;font-weight:700}.subline{color:#61bffc;letter-spacing:6px;font-size:10px;position:absolute;top:61px}.header-right{z-index:3;color:#9fcff4;font-size:13px;position:absolute;top:24px;right:24px}.layout{grid-template-columns:425px minmax(0,1fr) 425px;gap:16px;height:998px;padding:15px 22px 22px;display:grid;position:relative}.col{gap:14px;min-height:0;display:grid}.left-col{grid-template-rows:365px 282px 1fr}.center-col{grid-template-rows:130px 1fr}.right-col{grid-template-rows:365px 278px 1fr}.panel{background:linear-gradient(145deg,#0a3c9edc,#061c68e8);border:1px solid #167ed6;min-height:0;position:relative;box-shadow:inset 0 0 30px #0b8dff25,0 0 12px #006fe72b}.panel:before,.panel:after{content:"";z-index:2;width:23px;height:23px;position:absolute}.panel:before{border-top:3px solid #3de4ff;border-left:3px solid #3de4ff;top:-2px;left:-2px}.panel:after{border-bottom:3px solid #218cff;border-right:3px solid #218cff;bottom:-2px;right:-2px}.ptitle{letter-spacing:1px;background:linear-gradient(90deg,#0e57c8,#0b3b9cb0 72%,#0000);border-bottom:1px solid #1aa7ee;align-items:center;height:44px;padding:0 17px;font-size:18px;font-weight:700;display:flex;position:relative}.ptitle:before{content:"";background:#50e7ff;width:5px;height:18px;margin-right:10px;box-shadow:0 0 9px #51e7ff}.ptitle:after{content:"";border-top:1px solid #44cfff;border-bottom:1px solid #1a69c8;width:62px;height:4px;position:absolute;right:17px}.panel-body{height:calc(100% - 44px);overflow:hidden}.chart{height:calc(100% - 44px);padding:16px;position:relative}.unit{color:#8ebde8;font-size:11px;position:absolute;top:11px;left:15px}.legend{color:#9dc8ed;gap:13px;font-size:11px;display:flex;position:absolute;top:11px;right:16px}.legend i{width:8px;height:8px;margin-right:5px;display:inline-block}.legend-male{background:#2d86ff}.legend-female{background:#f4cd2c}.echart-host,.age-echart,.location-echart,.donut-echart,.map-echart,.horizontal-chart{width:100%;height:100%;overflow:hidden}.horizontal-chart{padding:0}.stack-chart{height:100%;padding:32px 8px 26px 42px}.grid-y{color:#79a9d7;flex-direction:column;justify-content:space-between;align-items:flex-end;width:34px;font-size:10px;display:flex;position:absolute;top:39px;bottom:35px;left:12px}.bars-v{background:repeating-linear-gradient(0deg,#0000 0 48px,#4595d82d 49px);border-bottom:1px solid #3985ca88;border-left:1px solid #3985ca66;align-items:flex-end;gap:18px;height:100%;display:flex}.stack-col{flex:1;justify-content:center;align-items:flex-end;height:100%;display:flex;position:relative}.stack{filter:drop-shadow(0 0 6px #1f99ff);flex-direction:column-reverse;width:28px;display:flex}.stack i{display:block}.male{background:linear-gradient(#48b6ff,#2176ff)}.female{background:linear-gradient(#ffe950,#e6a717)}.stack-col label{color:#a9cef0;white-space:nowrap;font-size:11px;position:absolute;bottom:-22px}.stack-col strong{color:#def7ff;font-size:10px;font-weight:400;position:absolute}.horizontal-bars{height:calc(100% - 44px);padding:12px 12px 8px}.horizontal-row{color:#b7daf6;grid-template-columns:76px 1fr 52px;align-items:center;gap:8px;height:32px;font-size:11px;display:grid}.horizontal-row>span{text-align:right}.horizontal-track{background:#031a61;border-radius:1px;height:8px}.horizontal-fill{background:linear-gradient(90deg,#2379ff,#4eeaff);height:100%;box-shadow:0 0 7px #3ccfff}.horizontal-row:nth-child(2n) .horizontal-fill{background:linear-gradient(90deg,#3159ee,#8a7cff)}.horizontal-row:nth-child(3n) .horizontal-fill{background:linear-gradient(90deg,#168fc7,#2ee6ac)}.horizontal-row b{color:#d9f3ff;text-align:right;font-weight:400}.chart>.horizontal-bars{height:100%}.bars-education{padding:4px 12px 8px 8px;transform:translateY(-6px)}.bars-education .horizontal-row{grid-template-columns:102px 1fr 52px;gap:8px}.bars-education .horizontal-row>span{text-align:left;padding-left:2px}.bars-jobs{height:calc(100% - 44px);padding:4px 12px 8px 8px}.bars-jobs .horizontal-row{grid-template-columns:102px 1fr 62px;gap:8px;height:39px}.bars-jobs .horizontal-row>span{text-align:left;padding-left:2px}.bars-jobs .horizontal-track{height:10px}.bars-jobs .horizontal-row:nth-child(2) .horizontal-fill,.bars-jobs .horizontal-row:nth-child(5) .horizontal-fill{background:linear-gradient(90deg,#5a50ed,#9c8cff)}.bars-jobs .horizontal-row:nth-child(3) .horizontal-fill,.bars-jobs .horizontal-row:nth-child(6) .horizontal-fill{background:linear-gradient(90deg,#1593b6,#39e5ad)}.bars-intent{height:calc(100% - 44px);padding:4px 12px 8px 8px}.bars-intent .horizontal-row{grid-template-columns:102px 1fr 46px;gap:8px;height:36px}.bars-intent .horizontal-row>span{text-align:left;padding-left:2px}.bars-intent .horizontal-row:nth-child(2n) .horizontal-fill{background:linear-gradient(90deg,#9b7313,#ffde3e)}.location-chart{height:100%;padding:22px 18px 30px 45px}.loc-bars{background:repeating-linear-gradient(0deg,#0000 0 43px,#378fd52c 44px);border-bottom:1px solid #3486cc88;border-left:1px solid #3486cc77;align-items:flex-end;gap:32px;height:100%;display:flex}.loc{flex:1;justify-content:center;align-items:flex-end;height:100%;display:flex;position:relative}.loc i{background:linear-gradient(#40e7ff,#1e70f0);width:34px;min-height:4px;display:block;box-shadow:0 0 10px #22cfff}.loc:nth-child(2) i{background:linear-gradient(#ce8cff,#7059ee)}.loc:nth-child(3) i{background:linear-gradient(#ffeb4d,#c68510)}.loc label{color:#add1ef;white-space:nowrap;font-size:11px;position:absolute;bottom:-22px}.loc b{color:#e4f8ff;font-size:11px;font-weight:400;position:absolute}.kpis{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.kpi{background:linear-gradient(160deg,#0b3b9b,#06236f);border:1px solid #167ed6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 22px #178fff36}.kpi:before{content:"";filter:blur(5px);background:#1bb7ff55;border-radius:50%;height:8px;position:absolute;bottom:14px;left:20%;right:20%}.kpi b{letter-spacing:1px;color:#eefbff;margin-top:8px;font-size:25px}.kpi.main b{color:#ffe748}.kpi span{color:#a8cdf0;margin-top:3px;font-size:12px}.kpi small{color:#87b8e6;margin-left:2px;font-size:11px}.map-panel{overflow:hidden}.map-panel .ptitle{background:linear-gradient(90deg,#0000,#0b4ab7 30% 70%,#0000);justify-content:center}.map-panel .ptitle:before{display:none}.map-panel .ptitle:after{border-bottom-color:#49e5ff;width:250px;bottom:0;right:calc(50% - 125px);box-shadow:0 0 10px #3ad6ff}.map-body{background:radial-gradient(at 50% 46%,#0f58cf70 0,#0000 55%);height:calc(100% - 44px);position:relative;overflow:hidden}.map-body:before{content:"";opacity:.65;background:radial-gradient(circle,#1c87ff1b 0 1px,#0000 2px) 0 0/20px 20px;position:absolute;inset:0}.map-loading{color:#62ddff;letter-spacing:2px;justify-content:center;align-items:center;height:100%;font-size:16px;display:flex}.map-wrap{width:760px;height:550px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.map-svg{filter:drop-shadow(0 0 15px #127cff88);width:100%;height:100%;overflow:visible}.district{fill:#0751beaa;stroke:#35aef5;stroke-width:2px;transition:all .2s}.district:hover{fill:#1288e6!important}.river{fill:none;stroke:#2ad8ff;stroke-width:8px;opacity:.55;filter:drop-shadow(0 0 7px #2ce4ff)}.map-label{fill:#d9f5ff;text-anchor:middle;pointer-events:none;font-size:14px}.map-value{fill:#4bf3ff;text-anchor:middle;pointer-events:none;font-size:12px}.pulse{fill:#ffe449;stroke:#fff58e;stroke-width:2px;filter:drop-shadow(0 0 8px #ffe13c)}.map-note{color:#78afe0;font-size:11px;position:absolute;bottom:16px;left:18px}.map-legend{color:#92bee4;align-items:center;gap:7px;font-size:10px;display:flex;position:absolute;bottom:17px;right:21px}.gradient{background:linear-gradient(90deg,#073175,#0786df,#4fe8ff);width:105px;height:7px}.donut-body{justify-content:center;align-items:center;gap:34px;height:calc(100% - 44px);display:flex}.donut{background:conic-gradient(#35ddff 0 var(--pct),#6359e7 var(--pct) 100%);border-radius:50%;width:176px;height:176px;position:relative;box-shadow:0 0 20px #2b92ff55}.donut:after{content:"";background:#07266f;border-radius:50%;position:absolute;inset:26px;box-shadow:inset 0 0 17px #1496e044}.donut-center{z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-center b{color:#fff;font-size:28px}.donut-center span{color:#9cc8ec;margin-top:4px;font-size:12px}.donut-legend{color:#b4d8f6;gap:20px;font-size:12px;display:grid}.donut-item{border-left:3px solid #35ddff;padding-left:12px}.donut-item:last-child{border-left-color:#6d63eb}.donut-item b{color:#edfaff;margin-top:6px;font-size:20px;display:block}.loading-state{color:#62ddff;letter-spacing:3px;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;inset:82px 0 0}.loading-state.error{color:#ffbd73}.footer{z-index:4;color:#4386bc;letter-spacing:2px;font-size:9px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}@media (width<=900px){html,body,#app{overflow:auto}.screen{position:relative;top:0;left:0;transform:none!important}}