*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{font-family:Microsoft YaHei,PingFang SC,sans-serif;background:linear-gradient(135deg,#0a1628,#0d2137,#0a1628);color:#fff}#app{width:100%;height:100vh}.dashboard[data-v-f0b4d17b]{width:100%;height:100vh;background-size:100% 100%;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden}.bg-decoration[data-v-f0b4d17b]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.light-beam[data-v-f0b4d17b]{position:absolute;width:400px;height:100%;background:linear-gradient(90deg,transparent,rgba(0,150,255,.05),transparent)}.light-beam.left[data-v-f0b4d17b]{left:0;transform:skew(-15deg)}.light-beam.right[data-v-f0b4d17b]{right:0;transform:skew(15deg)}.grid-lines[data-v-f0b4d17b]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,150,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,150,255,.03) 1px,transparent 1px);background-size:50px 50px}.header[data-v-f0b4d17b]{height:100px;position:relative;display:flex;justify-content:center;background:url(/assets/header-Cr4Q_aRH.png) no-repeat center;background-size:100% 100%}.header-decoration-left[data-v-f0b4d17b]{position:absolute;left:5%;top:0;width:20%;height:100%;pointer-events:none;overflow:hidden}.header-decoration-right[data-v-f0b4d17b]{position:absolute;right:5%;top:0;width:20%;height:100%;pointer-events:none;overflow:hidden;transform:scaleX(-1)}.light-spot[data-v-f0b4d17b]{position:absolute;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,rgba(0,212,255,.4) 40%,transparent 70%);border-radius:50%;filter:blur(2px);animation:spotFlash-f0b4d17b 4s infinite ease-in-out}.spot-1[data-v-f0b4d17b]{width:8px;height:8px;left:20%;top:40%;animation-delay:0s}.spot-2[data-v-f0b4d17b]{width:12px;height:12px;left:50%;top:60%;animation-delay:2s;background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(0,150,255,.5) 40%,transparent 70%)}.spot-3[data-v-f0b4d17b]{width:10px;height:10px;left:35%;top:30%;animation-delay:1.5s}.spot-4[data-v-f0b4d17b]{width:15px;height:15px;left:65%;top:50%;animation-delay:3s;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(0,255,255,.6) 40%,transparent 70%)}@keyframes spotFlash-f0b4d17b{0%,to{opacity:0;transform:scale(.5) translate(0)}50%{opacity:1;transform:scale(1.2) translate(10px,-5px)}}.header-content[data-v-f0b4d17b]{position:relative;display:flex;align-items:center;z-index:5;height:100%}.title-container[data-v-f0b4d17b]{position:relative;padding:0 100px;margin-top:-25px}.main-title[data-v-f0b4d17b]{margin:0;font-family:Impact,Arial Black,sans-serif;font-size:40px;font-weight:900;letter-spacing:0px;background:linear-gradient(to bottom,#fff 15%,#a4ccff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:none;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5))}.title-inner-line[data-v-f0b4d17b],.wing[data-v-f0b4d17b],.bottom-glow-line[data-v-f0b4d17b]{display:none}.main-content[data-v-f0b4d17b]{display:flex;height:calc(100vh - 100px);padding:0 15px 15px;gap:15px}.panel[data-v-f0b4d17b]{width:25%;min-width:350px;display:flex;flex-direction:column;gap:12px}.section[data-v-f0b4d17b]{background:transparent;border:none;border-radius:4px;padding:12px;flex:1;display:flex;flex-direction:column}.overview-section[data-v-f0b4d17b]{flex:0 0 130px;display:flex;flex-direction:column;justify-content:center}.trend-section[data-v-f0b4d17b]{flex:1!important}.device-alarm-section[data-v-f0b4d17b]{flex:1.3!important}.rank-section[data-v-f0b4d17b]{flex:0 0 130px}.alarm-count-section[data-v-f0b4d17b]{flex:1!important}.system-category-section[data-v-f0b4d17b]{flex:1.3!important}.section-header[data-v-f0b4d17b]{display:flex;align-items:flex-end;margin-bottom:10px;position:relative;height:30px;overflow:hidden}.header-running-line[data-v-f0b4d17b]{position:absolute;bottom:0;left:-100px;width:100px;height:2px;background:linear-gradient(90deg,transparent,#fff,#00d4ff,transparent);box-shadow:0 0 15px #00d4ff;z-index:3;animation:headerLineRun-f0b4d17b 2.5s infinite linear}@keyframes headerLineRun-f0b4d17b{0%{left:-100px;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}.section-title[data-v-f0b4d17b]{font-size:16px;font-weight:900;color:#fff;white-space:nowrap;padding:0 10px 5px 5px;position:relative;z-index:2;text-shadow:0 0 10px rgba(0,212,255,.5)}.section-header[data-v-f0b4d17b]:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#00d4ff 0%,#00d4ff 30%,transparent 100%);box-shadow:0 0 10px #00d4ff}.section-header[data-v-f0b4d17b]:after{content:"";position:absolute;bottom:0;right:0;width:60px;height:4px;background:repeating-linear-gradient(135deg,#00d4ff,#00d4ff 2px,transparent 2px,transparent 6px)}.header-line[data-v-f0b4d17b]{display:none}.overview-cards[data-v-f0b4d17b]{display:flex;justify-content:space-around;padding:5px 0;flex:1;align-items:center}.overview-card[data-v-f0b4d17b]{display:flex;flex-direction:column;align-items:center;gap:5px}.card-icon-img[data-v-f0b4d17b]{width:65px;height:65px;display:flex;align-items:center;justify-content:center}.card-icon-img img[data-v-f0b4d17b]{width:100%;height:100%;object-fit:contain}.card-icon[data-v-f0b4d17b]{width:50px;height:50px;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative}.card-icon svg[data-v-f0b4d17b]{width:28px;height:28px}.card-icon.blue[data-v-f0b4d17b]{background:linear-gradient(135deg,#1e5799,#06c);box-shadow:0 0 20px #0096ff33;color:#fff}.card-icon.green[data-v-f0b4d17b]{background:linear-gradient(135deg,#228b22,#32cd32);box-shadow:0 0 20px #32cd3233;color:#fff}.card-icon.orange[data-v-f0b4d17b]{background:linear-gradient(135deg,#c60,#f90);box-shadow:0 0 20px #f903;color:#fff}.card-label[data-v-f0b4d17b]{font-size:11px;color:#fff}.card-value[data-v-f0b4d17b]{font-size:32px;font-weight:900;font-family:Consolas,Monaco,Courier New,monospace;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card-value.blue[data-v-f0b4d17b]{filter:drop-shadow(0 0 5px rgba(0,212,255,.2))}.card-value.green[data-v-f0b4d17b]{filter:drop-shadow(0 0 5px rgba(50,205,50,.2))}.card-value.orange[data-v-f0b4d17b]{filter:drop-shadow(0 0 5px rgba(255,153,0,.2))}.card-value[data-v-f0b4d17b]:after{content:attr(data-value);position:absolute;left:0;top:0;z-index:-1;-webkit-text-fill-color:initial}.card-value.blue[data-v-f0b4d17b]:after{text-shadow:0 0 2px #ffffff,0 0 8px #00d4ff}.card-value.green[data-v-f0b4d17b]:after{text-shadow:0 0 2px #ffffff,0 0 8px #32cd32}.card-value.orange[data-v-f0b4d17b]:after{text-shadow:0 0 2px #ffffff,0 0 8px #ff9900}.card-value.blue[data-v-f0b4d17b],.card-value.green[data-v-f0b4d17b],.card-value.orange[data-v-f0b4d17b]{color:transparent}.chart-container[data-v-f0b4d17b]{flex:1;min-height:150px}.pie-chart-wrapper[data-v-f0b4d17b]{display:flex;justify-content:center;align-items:center;flex:1;position:relative;min-height:150px}.pie-chart-container[data-v-f0b4d17b]{width:320px;height:240px}.center-panel[data-v-f0b4d17b]{flex:1;display:flex;align-items:flex-start;justify-content:center;position:relative;padding-top:60px;perspective:1000px}.map-container[data-v-f0b4d17b]{width:90%;height:60%;position:relative;margin-top:20px;display:flex;flex-direction:column;align-items:center;z-index:10}.map-glow[data-v-f0b4d17b]{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:90%;height:200px;background:radial-gradient(ellipse at center,rgba(0,150,255,.3) 0%,transparent 70%);pointer-events:none}.map-platform[data-v-f0b4d17b]{position:absolute;bottom:-40px;left:50%;transform:translate(-50%) rotateX(60deg);width:90%;height:120px;background:radial-gradient(ellipse at center,rgba(0,150,255,.4) 0%,transparent 75%);filter:blur(5px);z-index:1}.map-frame[data-v-f0b4d17b]{width:100%;height:100%;position:relative;z-index:5;background:#0a1628;border:2px solid rgba(0,212,255,.8);box-shadow:0 0 30px #00d4ffb3,0 0 60px #00d4ff66,inset 0 0 40px #00d4ff66;animation:mapGlowBreath-f0b4d17b 3s infinite alternate ease-in-out}@keyframes mapGlowBreath-f0b4d17b{0%{box-shadow:0 0 20px #00d4ff99,0 0 40px #00d4ff4d,inset 0 0 30px #00d4ff4d;border-color:#00d4ffb3}to{box-shadow:0 0 40px #00d4ffe6,0 0 80px #00d4ff80,inset 0 0 60px #00d4ff80;border-color:#00d4ff}}.map-corner[data-v-f0b4d17b]{position:absolute;width:20px;height:20px;border:3px solid #00d4ff;z-index:6;animation:cornerGlowBreath-f0b4d17b 3s infinite alternate ease-in-out}@keyframes cornerGlowBreath-f0b4d17b{0%{filter:drop-shadow(0 0 8px #00d4ff);border-color:#00d4ffb3}to{filter:drop-shadow(0 0 24px #00d4ff);border-color:#00d4ff}}.map-corner.top-left[data-v-f0b4d17b]{top:-3px;left:-3px;border-right:none;border-bottom:none}.map-corner.top-right[data-v-f0b4d17b]{top:-3px;right:-3px;border-left:none;border-bottom:none}.map-corner.bottom-left[data-v-f0b4d17b]{bottom:-3px;left:-3px;border-right:none;border-top:none}.map-corner.bottom-right[data-v-f0b4d17b]{bottom:-3px;right:-3px;border-left:none;border-top:none}.map-content[data-v-f0b4d17b]{width:100%;height:100%;position:relative;overflow:hidden}.map-overlay[data-v-f0b4d17b]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,100,200,.05) 0%,transparent 30%,transparent 70%,rgba(0,100,200,.05) 100%);pointer-events:none}.map-watermark[data-v-f0b4d17b]{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:12px;color:#fff}.map-watermark .tianditu-logo[data-v-f0b4d17b]{color:#fff;font-weight:700}.real-map[data-v-f0b4d17b]{width:100%;height:100%;position:absolute;top:0;left:0;background:#0a1628}[data-v-f0b4d17b] .tdt-control-copyright,[data-v-f0b4d17b] .tdt-control-zoom{display:none!important}.platform-ring[data-v-f0b4d17b]{position:absolute;bottom:-30px;left:50%;transform:translate(-50%) rotateX(70deg);width:80%;height:100px;border:2px solid rgba(0,212,255,.3);border-radius:50%;box-shadow:0 0 20px #00d4ff33;z-index:2}.platform-glow-lines[data-v-f0b4d17b]{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:90%;height:150px;background:repeating-linear-gradient(90deg,transparent,transparent 20px,rgba(0,150,255,.1) 20px,rgba(0,150,255,.1) 21px);mask-image:radial-gradient(ellipse at bottom center,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at bottom center,black 0%,transparent 70%)}@media (max-width: 1600px){.panel[data-v-f0b4d17b]{width:28%}.title[data-v-f0b4d17b]{font-size:26px;letter-spacing:5px}}@media (max-width: 1400px){.panel[data-v-f0b4d17b]{width:30%}.title[data-v-f0b4d17b]{font-size:22px;letter-spacing:3px}.section-title[data-v-f0b4d17b]{font-size:13px}.card-value[data-v-f0b4d17b]{font-size:22px}}