:root{color:#dcebf2;font-synthesis:none;background:#050d14;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 15%,#0b2634 0,#07131d 42%,#050b11 100%);min-width:1180px;min-height:100vh;margin:0}button,select{font:inherit}.shell{background-image:linear-gradient(#1d46570f 1px,#0000 1px),linear-gradient(90deg,#1d46570d 1px,#0000 1px);background-size:42px 42px;flex-direction:column;height:100vh;min-height:760px;display:flex;overflow:hidden}.topbar{z-index:5;background:#050e16e0;border-bottom:1px solid #1b3948;flex:none;align-items:center;height:70px;padding:0 26px;display:flex;box-shadow:0 8px 32px #0008}.brand{align-items:center;gap:12px;width:315px;display:flex}.brand-mark{color:#06131c;background:linear-gradient(145deg,#42dcff,#49f1bd);border-radius:10px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 0 24px #3ddbd955}.brand b{color:#fff;letter-spacing:2px;font-size:19px;display:block}.brand span{color:#7894a1;letter-spacing:1.6px;margin-top:1px;font-size:10px;display:block}.topbar nav{align-items:stretch;gap:6px;height:100%;display:flex}.topbar nav button{color:#7895a3;cursor:pointer;background:0 0;border:0;padding:0 18px;position:relative}.topbar nav button:hover,.topbar nav button.active{color:#e6fbff}.topbar nav button.active:after{content:"";background:#41d9e8;height:2px;position:absolute;bottom:0;left:18px;right:18px;box-shadow:0 0 12px #41d9e8}.top-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.weather{color:#b8cbd2;border-right:1px solid #25414d;align-items:center;gap:7px;padding-right:15px;font-size:12px;display:flex}.weather svg{color:#5dcff2}.weather small{color:#65808c}.icon-btn{color:#8da6b2;cursor:pointer;background:#0b1c27;border:1px solid #1c3948;border-radius:7px;place-items:center;width:36px;height:36px;display:grid}.badge{position:relative}.badge:after{content:"3";color:#fff;background:#ff6157;border:2px solid #08131b;border-radius:10px;padding:1px 4px;font-size:8px;position:absolute;top:-5px;right:-4px}.clock{text-align:right;min-width:112px}.clock strong{color:#dff8ff;letter-spacing:2px;font-size:17px;display:block}.clock span{color:#64808e;font-size:10px}.hero-strip{flex:none;justify-content:space-between;align-items:flex-end;height:110px;padding:18px 26px 13px;display:flex}.eyebrow{color:#42dce8;letter-spacing:3px;margin:0;font-size:9px}.hero-strip h1{color:#f0fbff;letter-spacing:2px;margin:5px 0 2px;font-size:24px;font-weight:600}.hero-strip h1 span{color:#55e4e2;margin-left:8px}.subtitle{color:#68838f;margin:0;font-size:10px}.live-dot{background:#50e5a2;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:0 0 8px #50e5a2}.metrics{gap:9px;display:flex}.metrics article{background:linear-gradient(135deg,#0e2632cc,#091821cc);border:1px solid #1a3c4b;border-radius:6px;align-items:center;gap:9px;width:178px;height:68px;padding:12px;display:flex;box-shadow:inset 0 1px #24516455}.metrics article>svg{color:#42d8e5}.metrics article>div span{color:#79939f;font-size:10px;display:block}.metrics article strong{color:#fff;font-size:21px;line-height:1.2;display:block}.metrics article strong i{color:#6c8792;margin-left:4px;font-size:9px;font-style:normal;font-weight:400}.metrics article em{color:#51dca6;align-self:flex-end;margin-left:auto;font-size:9px;font-style:normal}.metrics article.warn svg,.metrics article.warn em{color:#ff7a65}.dashboard-grid{flex:1;grid-template-columns:274px minmax(500px,1fr) 298px;gap:11px;min-height:0;padding:0 26px 12px;display:grid}.left-col,.right-col{flex-direction:column;gap:11px;min-height:0;display:flex}.panel{background:linear-gradient(145deg,#0a1b26f0,#06121bf0);border:1px solid #183746;border-radius:5px;box-shadow:inset 0 1px #24516355,0 12px 30px #0003}.panel-head{border-bottom:1px solid #173341;justify-content:space-between;align-items:center;height:39px;padding:0 12px;display:flex}.panel-head>div{align-items:center;gap:8px;display:flex}.panel-head>div>i{background:#42dbe1;width:3px;height:14px;box-shadow:0 0 10px #42dbe1}.panel-head span{color:#cbe2e9;font-size:12px}.panel-head button{color:#66838e;cursor:pointer;background:0 0;border:0;align-items:center;font-size:9px;display:flex}.panel-head select{color:#758f9a;background:#0b202b;border:1px solid #244351;border-radius:4px;padding:3px 6px;font-size:9px}.risk-panel{height:188px}.risk-body{align-items:center;gap:16px;padding:17px 12px;display:flex}.gauge{text-align:center;background:radial-gradient(circle at center,#0b1d27 52%,transparent 54%),conic-gradient(#4ce5af 0 65deg,#173540 65deg 270deg,transparent 270deg);border-radius:50%;place-content:center;width:102px;height:102px;display:grid;position:relative;transform:rotate(-135deg)}.gauge:before{content:"";border:1px solid #29515c;border-radius:50%;position:absolute;inset:5px}.gauge>*{transform:rotate(135deg)}.gauge span{color:#4ce5af;font-size:9px}.gauge strong{color:#ecffff;font-size:26px;line-height:1}.gauge small{color:#56727c;font-size:8px}.risk-copy{flex:1}.risk-copy>b{color:#d9edf1;font-size:12px}.risk-copy>p{color:#5f7d89;margin:2px 0 10px;font-size:9px}.risk-copy>p span{color:#51dca6}.risk-copy>div{grid-template-columns:28px 1fr 18px;align-items:center;gap:4px;margin:6px 0;display:grid}.risk-copy small{color:#718b96;font-size:8px}.risk-copy i{background:linear-gradient(90deg,#41dcaf var(--w),#18333d var(--w));border-radius:3px;height:3px}.risk-copy em{color:#4fe0a9;font-size:8px;font-style:normal}.risk-copy em.mid{color:#ffb547}.trend-panel{height:236px}.legend{color:#6d8995;gap:16px;padding:10px 13px 0;font-size:8px;display:flex}.legend i{width:8px;height:2px;margin-right:4px;display:inline-block}.legend .cyan{background:#42dcea}.legend .amber{background:#ffb648}.chart{border-bottom:1px solid #24404b;height:102px;margin:6px 12px 0;position:relative;overflow:hidden}.gridlines{background:repeating-linear-gradient(0deg,#0000 0 24px,#19343f 25px);position:absolute;inset:0}.line{filter:drop-shadow(0 0 4px);height:2px;position:absolute;left:0;right:0}.l1{color:#41d9e7;clip-path:polygon(0 60%,8% 30%,17% 44%,26% 20%,35% 70%,43% 53%,52% 78%,61% 20%,69% 45%,78% 30%,87% 65%,94% 28%,100% 43%,100% 60%,0 60%);background:#41d9e7;height:52px;top:42px}.l2{color:#ffb547;clip-path:polygon(0 78%,9% 55%,18% 69%,28% 42%,38% 62%,47% 18%,56% 34%,66% 12%,75% 58%,84% 40%,93% 72%,100% 45%,100% 49%,0 82%);background:#ffb547;height:54px;top:30px}.chart>span{color:#4f6873;width:14.1%;font-size:7px;display:inline-block;position:relative;top:87px}.mini-stats{border-top:1px solid #142f3c;margin:11px 12px 0;display:flex}.mini-stats>div{width:50%;padding-top:8px}.mini-stats>div+div{border-left:1px solid #183440;padding-left:13px}.mini-stats small{color:#627d88;font-size:8px;display:block}.mini-stats b{color:#d8edf2;font-size:15px}.mini-stats i{color:#607983;font-size:8px;font-style:normal}.sensor-panel{flex:1;min-height:155px}.online{color:#46dca7!important;font-size:8px!important}.sensor-grid{grid-template-columns:1fr 1fr;gap:7px;padding:11px;display:grid}.sensor-grid>div{background:#0d2430;border:1px solid #193946;border-radius:4px;grid-template-rows:20px 14px;grid-template-columns:24px 1fr;align-items:center;padding:8px;display:grid}.sensor-grid svg{color:#49cfe0;grid-row:1/3;width:17px}.sensor-grid b{color:#dff6fa;font-size:15px}.sensor-grid small{color:#62808c;font-size:8px}.map-panel{min-width:0;position:relative;overflow:hidden}.map-top{z-index:3;justify-content:space-between;display:flex;position:absolute;top:11px;left:12px;right:12px}.breadcrumbs{color:#9db5be;background:#091a24cc;border:1px solid #1d3b48;border-radius:4px;align-items:center;gap:5px;padding:7px 10px;font-size:9px;display:flex}.breadcrumbs svg{color:#4bdbe3}.breadcrumbs span{color:#45616d}.map-tools{background:#091a24dc;border:1px solid #1c3b48;border-radius:5px;padding:3px;display:flex}.map-tools button{color:#698692;cursor:pointer;background:0 0;border:0;border-radius:3px;align-items:center;gap:4px;padding:5px 9px;font-size:9px;display:flex}.map-tools button.active{color:#55e1e5;background:#173b49}.twin-scene{background:radial-gradient(circle,#123447 0,#07151f 68%);position:absolute;inset:0}.twin-scene canvas{cursor:grab;width:100%;height:100%;display:block}.title-label{position:absolute;top:55px;left:18px}.title-label span{color:#d9f1f5;font-size:13px;display:block}.title-label small{color:#50717e;font-size:8px}.district-tag{background:#07141dcc;border-left:2px solid #42dce6;padding:5px 8px;position:absolute}.district-tag span{color:#bbe0e7;font-size:8px;display:block}.district-tag small{color:#557581;font-size:7px}.d1{top:28%;left:18%}.d2{top:42%;left:57%}.d3{bottom:25%;left:35%}.scene-actions{flex-direction:column;gap:5px;display:flex;position:absolute;bottom:48px;right:13px}.scene-actions button{color:#7798a4;cursor:pointer;background:#091b25dd;border:1px solid #254653;border-radius:4px;place-items:center;width:31px;height:31px;display:grid}.scene-actions button:hover{color:#55e1e5;border-color:#398497}.map-legend{color:#6b8995;white-space:nowrap;background:#081821dd;border:1px solid #1d3b48;border-radius:4px;align-items:center;gap:12px;padding:7px 12px;font-size:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.map-legend i{border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.map-legend .normal{background:#47dfa5}.map-legend .attention{background:#ffb547}.map-legend .danger{background:#ff6258}.map-legend .pipe-main,.map-legend .pipe-branch{background:#46d6eb;border-radius:0;width:12px;height:2px}.map-legend .pipe-branch{background:#366b7d}.divider{background:#24424d;width:1px;height:14px}.scene-popup{z-index:4;background:#071822ed;border:1px solid #315363;border-radius:5px;width:190px;padding:12px 28px 12px 12px;position:absolute;top:28%;left:50%;box-shadow:0 10px 30px #0008}.scene-popup>span{color:#ffb547;background:#ffb54722;border-radius:3px;padding:2px 5px;font-size:7px;display:inline-block}.scene-popup>span.alarm{color:#ff6c64;background:#ff5a4f22}.scene-popup b,.scene-popup small{display:block}.scene-popup b{color:#e8f7fa;margin-top:6px;font-size:11px}.scene-popup small{color:#63808b;margin-top:3px;font-size:7px}.scene-popup button{color:#6e8994;cursor:pointer;background:0 0;border:0;position:absolute;top:5px;right:6px}.alarm-panel{height:241px}.panel-head b{color:#ff6a5d;background:#ff62571d;border-radius:8px;padding:1px 6px;font-size:9px}.alarm-list{padding:2px 10px}.alarm-list>button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #142d38;align-items:center;gap:8px;width:100%;padding:8px 2px;display:flex}.alarm-list>button>i{border-radius:50%;width:5px;height:5px;box-shadow:0 0 6px}.alarm-list>button>div{flex:1;min-width:0}.alarm-list span{align-items:center;gap:6px;display:flex}.alarm-list em{border:1px solid;border-radius:2px;padding:1px 4px;font-size:7px;font-style:normal}.alarm-list b{color:#bcd4db;font-size:10px;font-weight:500}.alarm-list time{color:#56717c;margin-left:auto;font-size:8px}.alarm-list small{color:#536f7b;margin-top:3px;font-size:8px;display:block}.ai-panel{height:199px}.ai-chip{align-items:center;gap:4px;display:flex;color:#55dbea!important;font-size:7px!important}.ai-result{align-items:center;gap:10px;padding:12px;display:flex}.scan{color:#ffb547;background:linear-gradient(145deg,#15333e,#0a1a24);border:1px solid #2b4955;border-radius:4px;place-items:center;width:62px;height:53px;display:grid;position:relative;overflow:hidden}.scan:after{content:"";background:#49e3e7;height:1px;position:absolute;top:50%;left:0;right:0;box-shadow:0 0 8px #49e3e7}.ai-result>div+div span,.ai-result small{color:#63818c;font-size:8px;display:block}.ai-result b{color:#edfaff;margin:3px 0;font-size:12px;display:block}.ai-result em{color:#51dfa9;font-style:normal}.ai-stats{border-top:1px solid #17323d;grid-template-columns:repeat(3,1fr);display:grid}.ai-stats>div{padding:9px 10px}.ai-stats>div+div{border-left:1px solid #17323d}.ai-stats small{color:#597682;font-size:7px;display:block}.ai-stats b{color:#dff6fa;font-size:15px}.ai-stats span{color:#58727c;margin-left:2px;font-size:7px}.dispatch-panel{flex:1;min-height:180px}.device{border-bottom:1px solid #142f3a;align-items:center;gap:8px;margin:0 10px;padding:10px 0;display:flex}.device-icon{color:#4bdde6;background:#102b37;border:1px solid #245060;border-radius:4px;flex:none;place-items:center;width:32px;height:32px;display:grid}.device-info{flex:1;min-width:0}.device-info>span{display:flex}.device-info b{color:#bdd5dc;font-size:9px}.device-info em{color:#4fe0a9;margin-left:auto;font-size:7px;font-style:normal}.device-info small{color:#55737f;margin:2px 0 5px;font-size:7px;display:block}.device>strong{color:#79949f;font-size:9px}.progress{background:#19343e;height:2px}.progress i{background:linear-gradient(90deg,#38bcd5,#4ee0ad);height:100%;display:block;box-shadow:0 0 5px #3ed8db}footer{color:#415f6c;background:#061018;border-top:1px solid #17313d;flex:none;justify-content:space-between;align-items:center;height:25px;padding:0 26px;font-size:7px;display:flex}footer span:nth-child(2){color:#60818d}footer i{background:#49dea4;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block;box-shadow:0 0 6px #49dea4}@media (width<=1450px){.topbar nav button{padding:0 10px}.brand{width:270px}.metrics article{width:155px}.dashboard-grid{grid-template-columns:255px minmax(460px,1fr) 280px}.hero-strip h1{font-size:21px}}.scene-popup>span.sensor{color:#56ffd2;background:#56ffd222}.model-loading{z-index:12;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#dffaff;background:radial-gradient(circle,#0c303ef5,#051018fa 68%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.model-loading__visual{width:76px;height:76px;margin-bottom:18px;position:relative}.model-loading__visual span,.model-loading__visual i,.model-loading__visual em{border:1px solid #0000;border-radius:50%;position:absolute;inset:0}.model-loading__visual span{border-top-color:#55e4e2;border-right-color:#55e4e255;animation:1.2s linear infinite model-spin;box-shadow:0 0 16px #42dce633}.model-loading__visual i{border-bottom-color:#42dce6;border-left-color:#42dce655;animation:.9s linear infinite reverse model-spin;inset:10px}.model-loading__visual em{background:#4fe0ad;border:0;animation:1.1s ease-in-out infinite model-pulse;inset:27px;box-shadow:0 0 20px #4fe0ad}.model-loading__visual.error span,.model-loading__visual.error i{border-color:#ff685d #ff685d55 #ff685d55;animation-play-state:paused}.model-loading__visual.error em{background:#ff685d;animation:none;box-shadow:0 0 20px #ff685d}.model-loading strong{letter-spacing:1px;font-size:13px;font-weight:500}.model-loading small{color:#668b98;margin-top:7px;font-size:9px}.model-loading__bar{background:#183945;width:180px;height:2px;margin-top:16px;overflow:hidden}.model-loading__bar i{background:linear-gradient(90deg,#38bcd5,#4ee0ad);height:100%;transition:width .25s;display:block;box-shadow:0 0 8px #42dce6}.model-loading-enter-active,.model-loading-leave-active{transition:opacity .28s}.model-loading-enter-from,.model-loading-leave-to{opacity:0}@keyframes model-spin{to{transform:rotate(360deg)}}@keyframes model-pulse{50%{opacity:.55;transform:scale(.68)}}.scene-popup>span.node{color:#55e8ef;background:#42dce622}.scene-popup.node-popup{width:290px;padding:14px 30px 13px 14px}.reading-list{border-top:1px solid #183b49;margin-top:10px}.reading-list>div{border-bottom:1px solid #132f3a;grid-template-columns:1fr auto 32px;align-items:center;gap:8px;min-height:29px;display:grid}.reading-list span{color:#7896a1;font-size:9px}.reading-list strong{color:#e8fbff;margin:0;font-size:12px;font-weight:600}.reading-list strong i{color:#64828d;font-size:8px;font-style:normal;font-weight:400}.reading-list em{color:#4ce0a7;text-align:right;font-size:8px;font-style:normal}.reading-list em.attention{color:#ffb547}.reading-list time{color:#506f7b;padding-top:8px;font-size:8px;display:block}.empty-readings{color:#607f8a;text-align:center;border:1px dashed #244552;margin-top:10px;padding:10px;font-size:9px}.scene-popup.anchored{animation:.16s ease-out popup-in;transform:translateY(-50%)}.scene-popup.anchored:before{content:"";background:#071822;border-bottom:1px solid #315363;border-left:1px solid #315363;width:12px;height:12px;position:absolute;top:50%;left:-7px;transform:translateY(-50%)rotate(45deg)}@keyframes popup-in{0%{opacity:0;transform:translate(5px,-50%)}to{opacity:1;transform:translateY(-50%)}}.module-page{flex:1;min-height:0;padding:20px 26px 14px;position:relative;overflow:hidden}.module-hero{background:linear-gradient(110deg,#0d2734,#091923 64%,#102d39);border:1px solid #193c4b;border-radius:6px;justify-content:space-between;align-items:center;height:83px;padding:0 22px;display:flex}.module-hero p{color:#46dce7;letter-spacing:3px;margin:0;font-size:9px}.module-hero h1{color:#effcff;letter-spacing:2px;margin:5px 0 3px;font-size:23px;font-weight:600}.module-hero h1 span{color:#55e4e2;margin-left:12px}.module-hero small{color:#698692;font-size:9px}.module-hero small i{background:#50e5a2;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:0 0 8px #50e5a2}.module-hero>svg{color:#44dce5;opacity:.45;filter:drop-shadow(0 0 18px #2edce788)}.module-stats{grid-template-columns:repeat(4,1fr);gap:11px;margin:11px 0;display:grid}.module-stats article{background:linear-gradient(135deg,#0d2632,#091923);border:1px solid #193a49;border-radius:5px;height:72px;padding:12px 15px;position:relative}.module-stats span{color:#718d98;font-size:9px;display:block}.module-stats strong{color:#edfcff;margin-top:3px;font-size:22px;display:block}.module-stats strong i{color:#64808b;margin-left:5px;font-size:9px;font-style:normal;font-weight:400}.module-stats em{color:#50dda7;font-size:9px;font-style:normal;position:absolute;bottom:13px;right:14px}.module-workspace{grid-template-columns:minmax(700px,1fr) 285px;gap:11px;height:calc(100% - 177px);display:grid}.module-list,.module-detail{min-height:0;overflow:hidden}.module-toolbar{border-bottom:1px solid #173642;align-items:center;gap:9px;height:52px;padding:8px 11px;display:flex}.module-search{color:#607e89;background:#081923;border:1px solid #254653;border-radius:4px;align-items:center;gap:6px;width:215px;padding:0 9px;display:flex}.module-search input{color:#cde3e9;background:0 0;border:0;outline:0;width:100%;height:30px;font-size:9px}.status-tabs{gap:4px;min-width:0;display:flex;overflow:hidden}.status-tabs button,.primary-action,.module-detail button{color:#75929d;cursor:pointer;background:#0b202b;border:1px solid #254653;border-radius:4px}.status-tabs button{white-space:nowrap;padding:6px 8px;font-size:8px}.status-tabs button.active{color:#58e0e4;background:#153b48;border-color:#328899}.primary-action{color:#59e1e5;white-space:nowrap;border-color:#318797;margin-left:auto;padding:7px 11px;font-size:9px}.data-table{height:calc(100% - 52px);padding:0 10px 10px;overflow:auto}.table-row{color:#a9c2ca;text-align:left;background:0 0;border:0;border-bottom:1px solid #14313d;grid-template-columns:1.12fr 1.35fr 1.2fr 1.05fr .8fr .72fr;align-items:center;width:100%;min-height:43px;display:grid}button.table-row{cursor:pointer}button.table-row:hover,button.table-row.selected{background:#12313d99}.table-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0 9px;font-size:9px;overflow:hidden}.table-head{z-index:1;color:#587681;background:#0a1d27;min-height:35px;position:sticky;top:0}.table-head span{font-size:8px}.table-row .state{color:#55dda9}.table-row .state i{background:currentColor;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block;box-shadow:0 0 5px}.empty-table{color:#54717d;text-align:center;padding:60px;font-size:10px}.detail-title{color:#cfe6eb;border-bottom:1px solid #173642;align-items:center;gap:8px;height:43px;padding:0 13px;font-size:11px;display:flex}.detail-title svg{color:#48dce5}.detail-state{color:#4de0aa;background:#0d2834;border:1px solid #214856;align-items:center;gap:10px;margin:13px;padding:11px;display:flex}.detail-state small,.detail-state b{display:block}.detail-state small{color:#647f8a;font-size:8px}.detail-state b{color:#def5f8;margin-top:2px;font-size:11px}.module-detail dl{grid-template-columns:78px 1fr;margin:8px 13px 14px;display:grid}.module-detail dt,.module-detail dd{border-bottom:1px solid #14313c;margin:0;padding:8px 4px;font-size:9px}.module-detail dt{color:#5f7d88}.module-detail dd{color:#b9d1d7}.module-detail>button{width:calc(100% - 26px);margin:0 13px 7px;padding:8px;font-size:9px}.module-detail>button:first-of-type{color:#54dce1;border-color:#328797}.detail-empty{color:#426572;flex-direction:column;justify-content:center;align-items:center;height:calc(100% - 43px);display:flex}.detail-empty span{color:#7996a0;margin-top:12px;font-size:10px}.detail-empty small{margin-top:4px;font-size:8px}.module-toast{z-index:10;color:#65e7e4;background:#0b2632ee;border:1px solid #318594;border-radius:4px;padding:9px 16px;font-size:10px;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0007}.toast-enter-active,.toast-leave-active{transition:all .18s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,8px)}