.data-panel{clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px));background:linear-gradient(#2f7e970b 1px,#0000 1px) 0 0/18px 18px,linear-gradient(90deg,#2f7e970b 1px,#0000 1px) 0 0/18px 18px,linear-gradient(145deg,#051726f5,#030f1bc7);border:1px solid #4b819575;min-height:0;padding:14px 16px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #1d748d14,0 0 18px #00000024}.data-panel:before,.data-panel:after{content:"";pointer-events:none;position:absolute}.data-panel:before{background:linear-gradient(90deg,#28bed0,#0000);width:38%;height:1px;top:0;left:18px}.data-panel:after{background:0 0;border-bottom:1px solid #d49b39;border-right:1px solid #d49b39;width:34px;height:8px;bottom:8px;right:10px}.panel-title{border-bottom:1px solid #427c9133;justify-content:space-between;align-items:baseline;padding-bottom:9px;display:flex}.panel-title:after{content:"";background:linear-gradient(90deg,#2ec9d8b8,#0000);width:42px;height:2px;margin-left:8px}.panel-title>span{letter-spacing:.1em;font-size:14px}.panel-title>span:before{content:"";border:1px solid #6c98a7;width:5px;height:5px;margin-right:9px;display:inline-block;transform:rotate(45deg)}.panel-title small{color:#486d7b;letter-spacing:.13em;font-size:8px}.panel-title strong{color:#62dfeb;margin-left:10px;font:500 26px Bahnschrift,sans-serif}.panel-title em{color:#d69e42;margin-left:4px;font-size:11px;font-style:normal}.coverage-body,.total-body{align-items:center;gap:13px;height:calc(100% - 30px);display:flex}.ring-gauge{background:conic-gradient(#2dd9e6 0 72%, #d7a23f 72% 82%, #4068772e 82%);border-radius:50%;flex:none;place-items:center;width:116px;height:116px;display:grid;position:relative;box-shadow:0 0 20px #25c6d61f}.coverage-gauge{background:conic-gradient(#2dd9e6 0 58.8%, #d7a23f 58.8% 82.4%, #40687752 82.4%)}.total-gauge{background:conic-gradient(#2dd9e6 0 83.1%, #d7a23f 83.1% 93.7%, #4068776b 93.7%)}.ring-gauge:before{content:"";background:#051728;border:1px solid #43c9d75c;border-radius:50%;position:absolute;inset:8px;box-shadow:inset 0 0 18px #2092a42e}.ring-gauge>div{z-index:2;text-align:center;position:relative}.ring-gauge small,.ring-gauge em{color:#779ba8;font-size:9px;font-style:normal;display:block}.ring-gauge strong{color:#e9b24e;margin:3px 2px;font:500 38px Bahnschrift,sans-serif;display:inline-block}.legend-list,.device-status{flex:1;margin:0;padding:0;list-style:none}.legend-list li,.device-status li{color:#6d929f;border-bottom:1px solid #446f801f;grid-template-columns:7px 1fr auto;align-items:center;gap:7px;padding:6px 0;font-size:9px;display:grid}.legend-list strong,.device-status strong{color:#a9ced5;font:400 12px Consolas,monospace}.legend-cyan,.legend-gold,.legend-muted{background:#31d7e4;width:6px;height:6px;display:inline-block}.legend-gold{background:#dba440}.legend-muted{background:#445f6b}.growth-list{align-content:space-evenly;height:calc(100% - 30px);display:grid}.empty-copy{color:#6f939f;text-align:center;margin:0;font-size:13px}.growth-item{grid-template-columns:28px 1fr auto 60px;align-items:center;gap:9px;display:grid}.growth-icon{color:#40dce8;clip-path:polygon(50% 0,100% 25%,88% 83%,50% 100%,12% 83%,0 25%);border:1px solid #2fccdb85;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.growth-item:nth-child(2) .growth-icon{color:#dba440;border-color:#dba44099}.growth-item span{color:#9bb8c2;font-size:11px}.growth-item strong{color:#63dce7;font:500 20px Bahnschrift,sans-serif}.growth-item strong small{color:#7797a4;font-size:9px;font-weight:400}.micro-bars{justify-content:space-between;align-items:flex-end;gap:3px;height:24px;display:flex}.micro-bars i{background:linear-gradient(#48dce7,#1b6175);width:4px}.micro-bars i:nth-child(2n){background:linear-gradient(#d9a23d,#604a28)}.mini-chart,.trend-chart{height:calc(100% - 34px);min-height:90px;margin-top:7px;position:relative}.mini-chart svg,.trend-chart svg{z-index:2;width:100%;height:calc(100% - 18px);position:relative;overflow:visible}.chart-grid{z-index:0;background-image:linear-gradient(#48758529 1px,#0000 1px);background-size:100% 25%;position:absolute;inset:0 0 18px}.chart-area-gold{fill:url(#cityArea)}.chart-area-cyan{fill:url(#trendArea)}.chart-line-gold,.chart-line-cyan{fill:none;stroke:#e2a53c;stroke-width:2px}.chart-line-cyan{stroke:#31dce8}.chart-points-gold circle,.chart-points-cyan circle{fill:#091b29;stroke:#f0b343;stroke-width:2px}.chart-points-cyan circle{stroke:#35dce8}.chart-days{color:#456a78;justify-content:space-between;font-size:7px;display:flex;position:absolute;bottom:0;left:0;right:0}.total-gauge{width:132px;height:132px}.total-gauge strong{font-size:31px}.total-gauge em{display:inline}.trend-legend{color:#668b98;justify-content:center;gap:22px;padding-top:6px;font-size:8px;display:flex}.trend-values{fill:#9cecf2;text-anchor:middle;font:10px Consolas,monospace}.trend-legend i{margin-right:5px}.ranking-head,.ranking-panel li{grid-template-columns:35px 1fr 90px 42px;align-items:center;gap:5px;display:grid}.ranking-head{color:#486d7a;padding:8px 0 5px;font-size:8px}.ranking-panel ol{align-content:space-evenly;height:calc(100% - 58px);margin:0;padding:0;list-style:none;display:grid}.ranking-panel li{color:#9cb9c2;border-top:1px solid #42708121;min-height:54px;padding:13px 0;font-size:10px}.rank-index{color:#e6ab42;border:1px solid #b9812b;place-items:center;width:20px;height:20px;display:grid}.rank-count{background:#305b6a2e;height:7px;margin-right:22px;position:relative}.rank-count i{background:linear-gradient(90deg,#1f8191,#54dce6);height:100%;display:block}.rank-count b{color:#b7dce2;font:400 9px Consolas,monospace;position:absolute;top:50%;left:calc(100% + 6px);transform:translateY(-50%)}.rank-percent{color:#6e929e;text-align:right;font:400 9px Consolas,monospace}.map-stage:after{z-index:1;opacity:.16;content:"";pointer-events:none;background:repeating-radial-gradient(circle at 52% 48%,#0000 0 48px,#369db133 49px 50px),radial-gradient(circle at 52% 48%,#1fa7bc24,#0000 58%);position:absolute;inset:5% 4% 8%;-webkit-mask-image:radial-gradient(#000 15%,#0000 76%);mask-image:radial-gradient(#000 15%,#0000 76%)}.map-scan{z-index:3;opacity:.46;pointer-events:none;background:linear-gradient(90deg,#0000,#34dce8c2,#0000);height:1px;animation:7s linear infinite scan-map;position:absolute;top:7%;left:8%;right:8%;box-shadow:0 0 14px #34dce87a}@keyframes scan-map{0%{opacity:0;top:9%}12%,88%{opacity:.46}to{opacity:0;top:88%}}.map-legend{z-index:4;color:#6f939f;background:#03101cc2;border:1px solid #34a1b933;align-items:center;gap:10px;padding:7px 15px;font-size:10px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.map-legend i{background:#35dce8;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #35dce81f,0 0 10px #35dce8}.map-legend b{background:#6992a03d;width:1px;height:10px}.city-showcase{z-index:5;text-align:center;clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,11px 100%,0 50%);background:linear-gradient(90deg,#03121f61,#042333e6,#03121f61);border:1px solid #36b9cf57;grid-template-columns:auto auto;align-items:center;gap:2px 12px;min-width:230px;padding:9px 24px 10px;display:grid;position:absolute;top:16px;left:50%;transform:translate(-50%)}.city-showcase small{color:#527c8b;letter-spacing:.28em;grid-column:1/-1;font-size:8px}.city-showcase strong{color:#ddfaff;letter-spacing:.12em;font-size:15px;font-weight:500}.city-showcase span{color:#efb24a;font:500 16px Bahnschrift,sans-serif}:root{color:#d9f4f7;font-synthesis:none;background:#020913;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 44%,#0c4c6833,#0000 48%),#020913}.dashboard{background-color:#0000;background-image:linear-gradient(#1f67840b 1px,#0000 1px),linear-gradient(90deg,#1f67840b 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100vw;min-width:960px;height:100vh;min-height:540px;position:relative;overflow:hidden}.dashboard:after{z-index:10;content:"";pointer-events:none;background:radial-gradient(#0000 60%,#00000070 100%);position:absolute;inset:0}.screen-frame{z-index:11;clip-path:polygon(0 22px,22px 0,36% 0,37% 5px,63% 5px,64% 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,62% 100%,61% calc(100% - 5px),39% calc(100% - 5px),38% 100%,22px 100%,0 calc(100% - 22px));pointer-events:none;border:1px solid #5b8ea27a;position:absolute;inset:12px}.topbar{z-index:12;background:linear-gradient(#020913f5,#02091333);border-bottom:1px solid #4194b033;grid-template-columns:1fr 2fr 1fr;align-items:center;height:76px;padding:10px 34px 8px;display:grid;position:relative}.brand,.system-status,.heading{align-items:center;display:flex}.brand{color:#efb14b;letter-spacing:.13em;font-size:23px}.heading{justify-content:center;gap:18px}.heading h1{letter-spacing:.12em;text-shadow:0 0 18px #44e1ed40;margin:0;font-size:clamp(24px,1.75vw,34px);font-weight:600}.heading-decor{border-top:1px solid #d99f3d;border-bottom:1px solid #46b9d26b;width:100px;height:6px;transform:skew(-34deg)}.heading-decor-right{transform:skew(34deg)}.system-status{color:#648796;justify-content:flex-end;gap:12px;font-size:10px}.status-dot{background:#2ce1ed;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #2ce1ed}.weather{color:#a5c0c9;border-left:1px solid #6896a73d;padding-left:10px}.system-status time{color:#9ab5bf;font-family:Consolas,monospace}.content-grid{z-index:3;grid-template-columns:304px minmax(540px,1fr) 320px;gap:14px;display:grid;position:absolute;inset:80px 32px 54px}.panel-column{gap:12px;min-height:0;display:grid}.panel-column-left{grid-template-rows:.96fr .82fr 1.22fr}.panel-column-right{grid-template-rows:.96fr 2.04fr}.map-stage{min-width:0;min-height:0;position:relative;overflow:hidden}.map-stage:before{filter:blur(20px);content:"";background:radial-gradient(#16819624,#0000 68%);border-radius:50%;position:absolute;inset:9% 5% 12%}.map-grid{opacity:.18;background-image:linear-gradient(#237b9933 1px,#0000 1px),linear-gradient(90deg,#237b9933 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 25%,#0000 78%);mask-image:radial-gradient(#000 25%,#0000 78%)}#installation-map{z-index:2;width:100%;height:100%;position:relative}.state-message{z-index:5;color:#bdecef;background:#03111df2;border:1px solid #35dce866;padding:13px 22px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.state-message.is-visible{display:block}.footer{z-index:12;color:#4e717e;letter-spacing:.12em;justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute;bottom:14px;left:34px;right:34px}.footer b{font-weight:400}@media (aspect-ratio<=16/10){.content-grid{grid-template-columns:260px minmax(430px,1fr) 274px;gap:9px}.heading-decor{width:50px}}