.dispatch-page{position:relative;z-index:2;height:1008px;padding:12px 18px 18px}.dispatch-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;height:84px}.dispatch-kpi{position:relative;min-width:0;overflow:hidden;padding:11px 14px;border:1px solid #d9e9e3;border-radius:11px;background:#fffffff0;box-shadow:0 5px 17px #1c4f3f0d}.dispatch-kpi:before{position:absolute;inset:0 auto 0 0;width:3px;background:#2dad7f;content:""}.dispatch-kpi>span{display:flex;align-items:center;gap:8px;color:#748c84;font-size:12px}.dispatch-kpi>span svg{color:#269b72}.dispatch-kpi>strong{display:block;margin-top:6px;overflow:hidden;color:#275247;font:700 25px/1 Manrope;text-overflow:ellipsis;white-space:nowrap}.dispatch-kpi.mode>strong{font-family:inherit;font-size:20px}.dispatch-kpi>strong small{color:#82958f;font-size:11px}.dispatch-kpi>em{position:absolute;right:13px;bottom:10px;color:#7f938c;font-size:11px;font-style:normal}.dispatch-kpi>em.export{color:#d1882d}.dispatch-kpi.adjust:before{background:#6c78ce}.dispatch-kpi.adjust>span svg,.dispatch-kpi.adjust>strong{color:#626fc4}.dispatch-kpi.reserve:before{background:#d49a3c}.dispatch-kpi.reserve>span svg,.dispatch-kpi.reserve>strong{color:#c58a2e}.dispatch-layout{display:grid;grid-template-columns:470px minmax(0,1fr) 430px;grid-template-rows:428px 440px;gap:14px;height:882px;margin-top:12px}.dispatch-topology-panel{grid-column:1;grid-row:1}.dispatch-curve-panel{grid-column:2;grid-row:1}.dispatch-control-panel{grid-column:3;grid-row:1}.dispatch-resources-panel{grid-column:1 / 3;grid-row:2}.dispatch-command-panel{grid-column:3;grid-row:2}.dispatch-topology{height:385px;padding:16px 18px;background:linear-gradient(155deg,#f8fcfa,#edf7f3)}.topology-feed{display:grid;grid-template-columns:122px 34px 86px 34px 128px;align-items:center;justify-content:center;height:88px}.topology-feed>i{height:4px;background:linear-gradient(90deg,#92c9b5,#37ad81)}.topology-source,.topology-meter{display:grid;grid-template-columns:25px 1fr;align-content:center;gap:3px 7px;height:67px;padding:9px;border:1px solid #d6e8e1;border-radius:9px;background:#ffffffdb}.topology-source svg,.topology-meter svg{grid-row:1 / 3;align-self:center;color:#4e80d2}.topology-meter svg{color:#249d72}.topology-source span,.topology-meter span{color:#728981;font-size:11px}.topology-source strong,.topology-meter strong{color:#365c51;font:700 12px Manrope;white-space:nowrap}.topology-breaker{display:grid;place-items:center;gap:3px;height:75px;color:#218e68}.topology-breaker b{position:relative;width:30px;height:18px;border-right:3px solid currentColor;border-left:3px solid currentColor}.topology-breaker b:after{position:absolute;left:2px;top:7px;width:22px;height:3px;transform:rotate(0);transform-origin:left center;background:currentColor;content:""}.topology-breaker.open{color:#dd8e31}.topology-breaker.open b:after{transform:rotate(-28deg)}.topology-breaker span{color:#778d86;font-size:11px}.topology-breaker strong{font-size:12px}.topology-bus{position:relative;display:flex;align-items:center;gap:13px;height:43px;padding:0 15px;border:1px solid #cce4da;border-radius:8px;color:#2a6757;background:#e8f6f0}.topology-bus:before,.topology-bus:after{position:absolute;left:25%;bottom:-18px;width:3px;height:18px;background:#69b99b;content:""}.topology-bus:after{left:75%}.topology-bus span{margin-right:auto;font-size:13px;font-weight:700}.topology-bus b{font:700 12px Manrope}.topology-node-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.topology-node{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;min-width:0;height:91px;padding:11px;border:1px solid #dae9e4;border-radius:9px;background:#ffffffeb}.topology-node>svg{color:#27a778}.topology-node.pv>svg{color:#d99c2d}.topology-node.flexible>svg{color:#6c6bc9}.topology-node.load>svg{color:#5682ce}.topology-node>span{display:grid;gap:5px;min-width:0}.topology-node small{color:#7c918a;font-size:11px}.topology-node strong{color:#31584d;font:700 16px Manrope;white-space:nowrap}.topology-node em{align-self:start;padding:2px 5px;border-radius:5px;color:#258e69;background:#e9f7f1;font-size:11px;font-style:normal;white-space:nowrap}.dispatch-curve-panel .echart{height:385px}.dispatch-operation-state{height:70px;padding:7px 13px;border-bottom:1px solid #e4eee9;background:linear-gradient(90deg,#f6fbf8,#fbfdfc)}.dispatch-operation-state>div{display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:7px;height:32px}.dispatch-operation-state>div>svg{color:#269b70}.dispatch-operation-state>div>span{display:grid;gap:1px}.dispatch-operation-state small{color:#7a9088;font-size:11px}.dispatch-operation-state strong{color:#315d51;font-size:12px}.dispatch-operation-state>div>em{padding:3px 7px;border-radius:5px;color:#258f68;background:#e7f6ef;font-size:11px;font-style:normal}.dispatch-operation-state p{display:grid;grid-template-columns:17px 1fr auto;align-items:center;gap:6px;height:25px;margin:0;color:#718880;font-size:11px}.dispatch-operation-state p>svg{color:#d09432}.dispatch-operation-state p strong{margin-left:4px;color:#278d68}.dispatch-operation-state p small{white-space:nowrap}.dispatch-objective-title{display:flex;align-items:center;justify-content:space-between;height:25px;padding:0 14px;color:#476b61;font-size:12px;font-weight:700}.dispatch-objective-title em{color:#84978f;font-size:11px;font-style:normal;font-weight:400}.dispatch-objective-list{display:grid;gap:5px;padding:5px 13px 6px}.dispatch-objective-list button{display:grid;grid-template-columns:1fr 20px;align-items:center;height:44px;padding:0 11px;border:1px solid #dce9e4;border-radius:8px;color:#45685f;background:#fbfdfc;text-align:left;cursor:pointer}.dispatch-objective-list button:hover{border-color:#9dd6c0;background:#f2faf6}.dispatch-objective-list button.active{border-color:#75c9a8;color:#1f9067;background:linear-gradient(90deg,#eaf8f2,#f9fcfb);box-shadow:inset 3px 0 #24ad79}.dispatch-objective-list button:disabled{cursor:default}.dispatch-objective-list span{display:grid;gap:3px;min-width:0}.dispatch-objective-list strong{font-size:12px}.dispatch-objective-list small{overflow:hidden;color:#83968f;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.dispatch-objective-list button>svg{color:#24a977}.dispatch-objective-list button>i{width:8px;height:8px;justify-self:center;border:2px solid #b4c8c0;border-radius:50%}.dispatch-constraint-title{display:flex;align-items:center;gap:6px;height:24px;padding:0 14px;color:#476b61;font-size:12px;font-weight:700}.dispatch-constraint-title svg{color:#24a775}.dispatch-constraints{padding:0 13px}.dispatch-constraints>div{display:grid;grid-template-columns:1fr auto 38px;align-items:center;gap:7px;height:26px;border-bottom:1px dashed #e1ebe7;font-size:11px}.dispatch-constraints span{color:#7a9088}.dispatch-constraints strong{color:#3a6156;font:600 11px Manrope}.dispatch-constraints em{justify-self:end;color:#249369;font-style:normal}.dispatch-constraints em.已启用{color:#d08e2c}.dispatch-resource-head,.dispatch-resource-row{display:grid;grid-template-columns:1.45fr .85fr .9fr .55fr 1.25fr;align-items:center}.dispatch-resource-head{height:32px;padding:0 15px;color:#899b95;background:#f5f9f7;font-size:11px}.dispatch-resource-row{height:63px;margin:0 15px;border-bottom:1px dashed #e0eae6;font-size:12px}.dispatch-resource-row>div{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:7px;min-width:0;padding-right:12px}.dispatch-resource-row>div>i{width:8px;height:8px;border-radius:50%;background:#28ac7a}.dispatch-resource-row>div>i.光伏{background:#dda13a}.dispatch-resource-row>div>i.柔性负荷{background:#716bc8}.dispatch-resource-row>div>i.关键负荷{background:#5782cf}.dispatch-resource-row>div>span{display:grid;gap:3px;min-width:0}.dispatch-resource-row>div strong{overflow:hidden;color:#355d52;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.dispatch-resource-row>div small{color:#899a94;font-size:11px}.dispatch-resource-row>div em{padding:2px 5px;border-radius:5px;color:#258f69;background:#e9f7f1;font-size:11px;font-style:normal;white-space:nowrap}.dispatch-resource-row>div em.执行中{color:#6b62bd;background:#efedfa}.dispatch-resource-row>div em.保障中{color:#4f79c1;background:#edf3fc}.dispatch-resource-row>b{color:#345d52;font:700 12px Manrope}.dispatch-resource-row>b small{color:#879a93;font-size:11px}.dispatch-resource-row>p{display:flex;gap:4px;margin:0;color:#778e86;font-size:11px}.dispatch-resource-row>p strong{color:#24936b}.dispatch-resource-row>span{overflow:hidden;color:#617a72;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.dispatch-resource-note{display:flex;align-items:center;gap:7px;height:48px;padding:0 15px;color:#5f7b72;background:#eef8f4;font-size:11px}.dispatch-resource-note svg{color:#24a775}.dispatch-command-list{padding:4px 13px 0}.dispatch-command-row{display:grid;grid-template-columns:39px 10px 1fr auto;align-items:start;gap:7px;min-height:80px;padding:11px 0;border-bottom:1px dashed #dfeae6}.dispatch-command-row time{padding-top:2px;color:#879992;font:11px Manrope}.dispatch-command-row>i{width:8px;height:8px;margin-top:4px;border-radius:50%;background:#24ad79;box-shadow:0 0 0 3px #e4f6ef}.dispatch-command-row>i.执行中{background:#7668c9;box-shadow:0 0 0 3px #efedfa}.dispatch-command-row>i.已接受{background:#e0a03b;box-shadow:0 0 0 3px #fff2dd}.dispatch-command-row>div{display:grid;gap:4px;min-width:0}.dispatch-command-row strong{color:#355c51;font-size:12px}.dispatch-command-row span{overflow:hidden;color:#607a72;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.dispatch-command-row small{color:#879992;font-size:11px}.dispatch-command-row>em{padding:2px 5px;border-radius:5px;color:#238f67;background:#e9f7f1;font-size:11px;font-style:normal;white-space:nowrap}.dispatch-command-row>em.执行中{color:#695fbc;background:#efedfa}.dispatch-command-row>em.已接受{color:#d5882c;background:#fff1dc}.dispatch-command-summary{display:flex;align-items:center;gap:8px;height:63px;margin:5px 13px 0;padding:10px 11px;border-radius:8px;color:#52756b;background:#eef8f4;font-size:11px;line-height:1.45}.dispatch-command-summary svg{flex:none;color:#22a675}.dispatch-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:12px;color:#6c887f;background:#eff7f4f0}.dispatch-loading span{width:27px;height:27px;border:3px solid #cfe6de;border-top-color:#22b77d;border-radius:50%;animation:spin .8s linear infinite}.dispatch-confirm-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:180;display:grid;place-items:center;background:#142f286b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dispatch-confirm-dialog{width:760px;overflow:hidden;border:1px solid rgba(209,231,222,.9);border-radius:13px;background:#fbfdfc;box-shadow:0 20px 60px #143a2f38}.dispatch-confirm-dialog>header{display:flex;align-items:center;height:67px;padding:0 20px;border-bottom:1px solid #dfebe6;background:linear-gradient(90deg,#edf8f3,#fbfdfc)}.dispatch-confirm-dialog>header>div{display:flex;align-items:center;gap:10px}.dispatch-confirm-dialog>header svg{color:#25a878}.dispatch-confirm-dialog>header span{display:grid;gap:4px}.dispatch-confirm-dialog>header strong{color:#2c5a4d;font-size:15px}.dispatch-confirm-dialog>header small{color:#789087;font-size:11px}.dispatch-confirm-dialog>header button{display:grid;width:32px;height:32px;margin-left:auto;padding:0;place-items:center;border:0;border-radius:6px;color:#6e8780;background:transparent;cursor:pointer}.dispatch-confirm-dialog>header button:hover{background:#e4f2ec}.dispatch-objective-transition{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;gap:10px;padding:18px 22px 14px}.dispatch-objective-transition>svg{justify-self:center;color:#8ea69d}.dispatch-objective-transition>div{display:grid;gap:7px;min-height:62px;padding:11px 14px;border:1px solid #dce9e4;border-radius:8px;background:#f7faf9}.dispatch-objective-transition>div.next{border-color:#91d2b9;background:#ebf8f2}.dispatch-objective-transition small{color:#7a9188;font-size:11px}.dispatch-objective-transition strong{color:#345f53;font-size:14px}.dispatch-objective-transition .next strong{color:#1f9167}.dispatch-impact-title{height:29px;padding:0 22px;color:#3f685d;font-size:12px;font-weight:700}.dispatch-impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 22px 15px}.dispatch-impact-grid>div{display:grid;grid-template-columns:82px 1fr;align-items:center;min-height:50px;padding:8px 12px;border-radius:7px;background:#f1f7f4}.dispatch-impact-grid span{color:#7b9189;font-size:11px}.dispatch-impact-grid strong{color:#3b6358;font-size:12px;line-height:1.45}.dispatch-prechecks{padding:9px 22px;border-top:1px solid #e1ece7;border-bottom:1px solid #e1ece7;background:#f8fbfa}.dispatch-prechecks>div{display:grid;grid-template-columns:21px 1fr auto;align-items:center;height:30px;color:#58746b;font-size:11px}.dispatch-prechecks svg,.dispatch-prechecks em{color:#24966b}.dispatch-prechecks em{font-style:normal}.dispatch-confirm-dialog>footer{display:flex;align-items:center;gap:9px;height:68px;padding:0 22px}.dispatch-confirm-dialog>footer>span{margin-right:auto;color:#80938c;font-size:11px}.dispatch-confirm-dialog>footer button{height:34px;min-width:78px;padding:0 16px;border:1px solid #cddfd8;border-radius:6px;color:#536f66;background:#fff;font-size:12px;cursor:pointer}.dispatch-confirm-dialog>footer button.primary{border-color:#24a875;color:#fff;background:#24a875}.dispatch-confirm-dialog>footer button:disabled{opacity:.6;cursor:wait}.energy-page{height:1008px;padding:12px 18px 18px;position:relative;z-index:2}.energy-kpis{height:84px;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.energy-kpi{position:relative;padding:11px 14px;overflow:hidden;border:1px solid #d9e9e3;border-radius:11px;background:#fffffff0;box-shadow:0 5px 17px #1c4f3f0d}.energy-kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#25b57d}.energy-kpi>span{display:flex;align-items:center;gap:11px;color:#789087;font-size:12px}.energy-kpi>span svg{color:#20a674}.energy-kpi>strong{display:block;margin-top:5px;color:#254f45;font:700 25px/1 Manrope}.energy-kpi>strong small{color:#80958e;font-size:11px}.energy-kpi>em{position:absolute;right:13px;bottom:11px;color:#7e918b;font-size:11px;font-style:normal}.energy-kpi.flex:before{background:#7967d5}.energy-kpi.flex>span svg,.energy-kpi.flex>strong{color:#6d5bc6}.energy-layout{height:882px;margin-top:12px;display:grid;grid-template-columns:360px 1fr 410px;grid-template-rows:428px 440px;gap:14px}.demand-panel{grid-column:1;grid-row:1}.load-curve-panel{grid-column:2;grid-row:1}.flex-panel{grid-column:3;grid-row:1}.area-panel{grid-column:1;grid-row:2}.breakdown-panel{grid-column:2;grid-row:2}.issue-panel{grid-column:3;grid-row:2}.demand-hero{height:132px;display:flex;align-items:center;justify-content:center;gap:24px;background:linear-gradient(130deg,#eef9f5,#fbfdfc)}.demand-ring{--rate: 120deg;width:104px;height:104px;padding:9px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,#fff 61%,transparent 62%),conic-gradient(#24b67d var(--rate),#e0eee9 0)}.demand-ring strong{color:#1c9969;font:700 24px Manrope}.demand-ring span{color:#7c918a;font-size:11px}.demand-hero>div:last-child{display:grid;gap:3px}.demand-hero>div:last-child small{margin-top:3px;color:#859990;font-size:11px}.demand-hero>div:last-child strong{color:#31594e;font:700 16px Manrope}.demand-progress{height:84px;padding:11px 15px;border-top:1px solid #e4eeea;border-bottom:1px solid #e4eeea}.demand-progress>div{display:flex;justify-content:space-between;font-size:12px;color:#718981}.demand-progress>div b{color:#25966d}.demand-progress p{height:7px;margin:8px 0;overflow:hidden;border-radius:5px;background:#e1ece8}.demand-progress p i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#22b77d,#66cfa9)}.demand-progress small{color:#879a94;font-size:11px}.transformer-list{padding:11px 14px}.transformer-list button{width:100%;height:67px;display:grid;grid-template-columns:1fr 70px 42px;align-items:center;border:0;border-bottom:1px dashed #e0eae7;background:transparent;text-align:left}.transformer-list button>div{display:flex;align-items:center;gap:11px;color:#259f70}.transformer-list button span{display:grid;gap:2px}.transformer-list button strong{color:#365b51;font-size:11px}.transformer-list button small{color:#8a9c96;font-size:11px}.transformer-list button>b{color:#365e53;font:700 13px Manrope}.transformer-list button>em{padding:3px 5px;border-radius:11px;color:#1e9769;background:#e8f7f1;font-size:11px;font-style:normal;text-align:center}.load-curve-panel .echart{height:327px}.curve-tools{display:flex;align-items:center;gap:11px}.curve-tools span{color:#879a94;font-size:11px}.curve-tools button{height:26px;display:flex;align-items:center;gap:4px;border:1px solid #d1e6de;border-radius:6px;color:#298768;background:#f7fcfa;font-size:11px;cursor:pointer}.event-markers{height:58px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:7px 12px;border-top:1px solid #e2ece8}.event-markers>div{display:grid;grid-template-columns:16px 38px 1fr;align-items:center;padding:5px 7px;border-radius:6px;color:#288666;background:#eef8f4;font-size:11px}.event-markers strong{font:700 11px Manrope}.event-markers span{color:#607d74}.event-markers em{grid-column:3;color:#26926a;font-style:normal}.flex-capacity{height:68px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px 13px}.flex-capacity>div{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:7px;color:#695bc1;background:#f0eefb}.flex-capacity>div:last-child{color:#1c9a6b;background:#eaf8f2}.flex-capacity span{display:grid;color:#738981;font-size:11px}.flex-capacity strong{color:currentColor;font:700 15px Manrope}.resource-list{padding:0 13px}.resource-list>button{width:100%;height:76px;padding:8px 9px;border:0;border-bottom:1px dashed #dee9e5;background:transparent;text-align:left;cursor:pointer}.resource-head,.resource-range{display:flex;align-items:center;justify-content:space-between}.resource-head>span{display:flex;align-items:center;gap:6px}.resource-head i{width:7px;height:7px;border-radius:50%;background:#24b57c}.resource-head i.调节中{background:#7a68d5;box-shadow:0 0 0 3px #ece9fa}.resource-head i.受限{background:#eca043}.resource-head strong{color:#345a50;font-size:12px}.resource-head small{padding:2px 5px;border-radius:6px;color:#218e66;background:#e8f7f1;font-size:11px}.resource-head>b{color:#285a4d;font:700 14px Manrope}.resource-range{margin-top:5px;color:#879992;font-size:11px}.resource-range em{color:#6e5dc5;font-style:normal}.range-bar{height:5px;margin-top:7px;position:relative;border-radius:4px;background:#e4ece9}.range-bar i{position:absolute;top:0;bottom:0;border-radius:4px;background:#a9dfcc}.range-bar b{position:absolute;top:-3px;width:4px;height:11px;border-radius:3px;background:#6654c0}.flex-result{height:67px;margin:5px 13px 0;display:grid;grid-template-columns:repeat(4,1fr);border-radius:11px;background:#f2f8f6}.flex-result>div{display:grid;place-content:center;gap:3px;text-align:center;border-right:1px solid #dce9e5}.flex-result>div:last-child{border:0}.flex-result b{color:#2a7f64;font:700 11px Manrope}.flex-result span{color:#879992;font-size:11px}.area-table-head{height:30px;display:grid;grid-template-columns:1.5fr .7fr 1.1fr;align-items:center;padding:0 13px 0 45px;color:#91a29d;background:#f5f9f7;font-size:11px}.area-row{height:72px;display:grid;grid-template-columns:25px 1.35fr .7fr 1.1fr;align-items:center;padding:0 13px;border-bottom:1px dashed #e0eae6}.area-row>b{width:19px;height:19px;display:grid;place-items:center;border-radius:5px;color:#28956d;background:#e9f7f1;font:700 11px Manrope}.area-row>div{display:grid;gap:3px}.area-row>div strong{color:#365c51;font-size:12px}.area-row>div small{width:max-content;padding:1px 5px;border-radius:5px;color:#238f67;background:#e9f7f1;font-size:11px}.area-row>div small.关注{color:#dc892d;background:#fff1dc}.area-row>em{color:#365f54;font:600 12px Manrope;font-style:normal}.area-row>span{display:grid;grid-template-columns:1fr 28px;gap:3px 5px;align-items:center}.area-row>span strong{grid-column:1/3;color:#3e6459;font:600 12px Manrope}.area-row>span i{height:4px;overflow:hidden;border-radius:3px;background:#e1ece8}.area-row>span i b{display:block;height:100%;border-radius:3px;background:#35ba88}.area-row>span small{color:#879a93;font-size:11px}.area-note{height:62px;margin:9px 13px;display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:7px;color:#607b72;background:#eef8f4;font-size:11px;line-height:1.5}.area-note svg{flex:none;color:#20a773}.breakdown-body{height:395px;display:grid;grid-template-columns:1.1fr .9fr}.category-chart{position:relative;border-right:1px solid #e3ece9}.category-chart>.echart{height:100%}.chart-center{position:absolute;left:35%;top:50%;transform:translate(-50%,-50%);display:grid;text-align:center;pointer-events:none}.chart-center strong{color:#2a5b4e;font:700 17px Manrope}.chart-center span{color:#849790;font-size:11px}.tou-list{padding:18px 15px}.tou-list>div{height:67px;display:grid;grid-template-columns:35px 1fr 75px;align-items:center;border-bottom:1px dashed #e1ebe7}.tou-list>div>i{width:26px;height:26px;display:grid;place-items:center;border-radius:11px;color:#fff;font-size:11px;font-style:normal}.tou-list>div>span{display:grid;gap:3px}.tou-list>div span strong{color:#355b50;font:600 13px Manrope}.tou-list>div span small{color:#8b9d97;font-size:11px}.tou-list>div>b{text-align:right;color:#28674f;font:700 12px Manrope}.tou-list>p{margin:13px 0 0;padding:12px;display:grid;grid-template-columns:1fr auto;gap:5px;border-radius:11px;background:#f0f8f5}.tou-list>p span{color:#6e887f;font-size:11px}.tou-list>p strong{color:#df8a2b;font:700 13px Manrope}.tou-list>p em{grid-column:1/3;color:#238c65;font-size:11px;font-style:normal}.energy-issues{padding:5px 13px}.energy-issues>button{width:100%;height:100px;display:flex;gap:9px;padding:11px 3px;border:0;border-bottom:1px dashed #dfe9e5;background:transparent;text-align:left;cursor:pointer}.energy-issues>button>i{width:7px;height:7px;margin-top:5px;flex:none;border-radius:50%;background:#55a1dc}.energy-issues>button>i.一般{background:#eca043;box-shadow:0 0 0 3px #fff0d9}.energy-issues>button>div{flex:1;min-width:0;display:grid;gap:3px}.energy-issues strong{display:flex;gap:7px;align-items:center;color:#355a50;font-size:12px}.energy-issues strong em{padding:2px 5px;border-radius:5px;color:#2b936c;background:#eaf8f2;font-size:11px;font-style:normal}.energy-issues span{color:#5f7a72;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.energy-issues small{color:#df8a2d;font-size:11px}.energy-issues p{margin:1px 0 0;color:#879a93;font-size:11px}.issue-summary{height:57px;margin:5px 13px;display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:7px;color:#55756b;background:#eef8f4;font-size:11px;line-height:1.5}.issue-summary svg{flex:none;color:#1fa472}.energy-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:12px;color:#6c887f;background:#eff7f4f0}.energy-loading span{width:27px;height:27px;border:3px solid #cfe6de;border-top-color:#22b77d;border-radius:50%;animation:spin .8s linear infinite}.resource-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:160;display:grid;place-items:center;background:#14302966;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.resource-modal{width:680px;overflow:hidden;border-radius:12px;background:#fbfefc;box-shadow:0 24px 70px #11372c47}.resource-modal header{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-bottom:1px solid #dceae5;background:linear-gradient(100deg,#e9f7f2,#fff)}.resource-modal header>div{display:flex;align-items:center;gap:11px;color:#6655be}.resource-modal header span{display:grid;gap:2px}.resource-modal header strong{color:#2d574c;font-size:16px}.resource-modal header small{color:#859891;font-size:11px}.resource-modal header button{width:34px;height:34px;border:0;border-radius:11px;color:#6e837c;background:#edf5f2;cursor:pointer}.resource-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;padding:16px 18px}.resource-metrics>div{height:72px;display:grid;place-content:center;gap:5px;padding-left:13px;border-radius:11px;background:#f0f8f5}.resource-metrics span{color:#81948d;font-size:11px}.resource-metrics strong{color:#2a745c;font:700 15px Manrope}.resource-detail{margin:0 18px;display:grid;grid-template-columns:1fr 1fr;border:1px solid #dfebe7;border-radius:11px}.resource-detail>div{height:62px;display:grid;align-content:center;gap:4px;padding:0 13px;border-right:1px solid #e2ece8;border-bottom:1px solid #e2ece8}.resource-detail>div:nth-child(2n){border-right:0}.resource-detail>div:nth-last-child(-n+2){border-bottom:0}.resource-detail span{color:#849790;font-size:11px}.resource-detail strong{color:#385f54;font-size:11px}.resource-modal>p{margin:14px 18px 18px;padding:11px 12px;border-radius:11px;color:#5e7a71;background:#eef8f4;font-size:11px}.pv-page{height:1008px;padding:12px 18px 18px;position:relative;z-index:2}.pv-kpis{height:84px;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.pv-kpi{position:relative;padding:11px 14px;border:1px solid #d9e9e3;border-radius:11px;background:#fffffff0;box-shadow:0 5px 17px #1c4f3f0d;overflow:hidden}.pv-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#26b77e}.pv-kpi>span{display:flex;align-items:center;gap:11px;color:#779087;font-size:12px}.pv-kpi>span svg{color:#20a976}.pv-kpi strong{display:block;margin-top:5px;font:700 25px/1 Manrope;color:#245247}.pv-kpi strong small{font-size:11px;color:#849991}.pv-kpi em{position:absolute;right:13px;bottom:11px;font-style:normal;font-size:11px;color:#758f87}.pv-kpi em.warn,.pv-kpi.risk strong{color:#e18f32}.pv-kpi.risk:before{background:#efa23f}.pv-layout{height:882px;margin-top:12px;display:grid;grid-template-columns:360px 1fr 410px;grid-template-rows:428px 440px;gap:14px}.pv-performance{grid-column:1;grid-row:1;display:grid;grid-template-rows:43px 100px 72px 104px minmax(0,1fr)}.pv-asset-card{grid-column:2;grid-row:1}.pv-diagnosis{grid-column:3;grid-row:1}.pv-curve{grid-column:1/3;grid-row:2}.pv-device-preview{grid-column:3;grid-row:2;height:222px}.pv-daily{grid-column:3;grid-row:2;margin-top:236px;height:204px}.pv-power-hero{display:grid;align-content:center;padding:13px 17px;background:linear-gradient(130deg,#edf9f4,#fbfdfc)}.pv-power-hero>small{color:#769087;font-size:13px}.pv-power-hero>strong{display:block;margin-top:5px;font:700 34px Manrope;color:#179968}.pv-power-hero b{font-size:12px;color:#759087}.pv-today-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #e4eee9;border-bottom:1px solid #e4eee9}.pv-today-metrics>div{display:grid;align-content:center;gap:5px;min-width:0;padding:0 11px;border-right:1px solid #e4eee9}.pv-today-metrics>div:last-child{border-right:0}.pv-today-metrics span,.pv-summary-grid span{color:#82978f;font-size:11px}.pv-today-metrics strong{color:#31554b;font:700 14px Manrope;white-space:nowrap}.pv-today-metrics small{color:#849991;font-size:11px}.achievement{padding:12px 16px;border-bottom:1px solid #e4eee9}.achievement>div:first-child{display:flex;justify-content:space-between;align-items:center;color:#69837b;font-size:12px}.achievement strong{font:700 20px Manrope;color:#1b9a69}.progress{height:10px;margin:10px 0 8px;border-radius:5px;background:#e2eee9;overflow:hidden}.progress i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#22b77c,#63cfaa)}.achievement small{font-size:11px;color:#849991;line-height:1.45}.pv-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 14px 14px;border-radius:9px;background:#f3f9f6}.pv-summary-grid>div{display:grid;align-content:center;gap:6px;min-width:0;padding:0 10px;border-right:1px solid #dfece7}.pv-summary-grid>div:last-child{border-right:0}.pv-summary-grid strong{font:700 14px Manrope;color:#31554b;white-space:nowrap}.pv-unit-list{height:385px;padding:12px 14px 14px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#9fd5bf #edf5f1}.pv-unit-list::-webkit-scrollbar{width:7px}.pv-unit-list::-webkit-scrollbar-track{background:#edf5f1}.pv-unit-list::-webkit-scrollbar-thumb{border-radius:5px;background:#9fd5bf}.pv-zone-section+.pv-zone-section{margin-top:16px}.pv-zone-section>header{height:30px;display:flex;align-items:center;gap:8px;padding:0 2px;border-bottom:1px solid #dcebe5}.pv-zone-section>header>span{color:#8a9e97;font-size:11px}.pv-zone-section>header>strong{color:#345e51;font-size:14px}.pv-zone-section>header>em{margin-left:auto;color:#83978f;font:11px Manrope;font-style:normal}.pv-zone-section>header>i,.array-card-head>i{padding:2px 6px;border-radius:4px;background:#e8f7f1;color:#198d63;font-size:11px;font-style:normal}.pv-zone-section>header>i.预警,.array-card-head>i.预警{background:#fff0da;color:#d6862c}.pv-array-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:10px}.pv-array-card{min-width:0;height:106px;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:8px;padding:10px;border:1px solid #d8ebe3;border-top:3px solid #35b884;border-radius:8px;background:linear-gradient(135deg,#fff,#f4fbf8);color:#4a6d61;text-align:left;cursor:pointer}.pv-array-card.warning{border-color:#f1d3aa;border-top-color:#eaa143;background:linear-gradient(135deg,#fff,#fff9f1)}.pv-array-card:hover,.pv-array-card:focus-visible{outline:0;transform:translateY(-2px);border-color:#72cbaa;box-shadow:0 7px 16px #227a5624}.array-solar-mark{position:relative;width:44px;height:34px;display:block;transform:skewY(-10deg);border:2px solid #339a78;border-radius:2px;background:linear-gradient(90deg,transparent 29%,#d7f6e9 30% 33%,transparent 34% 64%,#d7f6e9 65% 68%,transparent 69%),repeating-linear-gradient(0deg,#38b88e 0,#38b88e 7px,#b8edda 8px,#b8edda 10px);box-shadow:5px 5px #1d8b671a}.array-solar-mark:before{position:absolute;left:21px;bottom:-8px;width:2px;height:8px;background:#5f9987;content:""}.array-solar-mark:after{position:absolute;left:13px;bottom:-9px;width:19px;height:2px;border-radius:2px;background:#5f9987;content:""}.array-solar-mark>i{display:none}.pv-array-card.warning .array-solar-mark{border-color:#db963b;background:linear-gradient(90deg,transparent 29%,#fff0d6 30% 33%,transparent 34% 64%,#fff0d6 65% 68%,transparent 69%),repeating-linear-gradient(0deg,#e9ad55 0,#e9ad55 7px,#ffdb9d 8px,#ffdb9d 10px);box-shadow:5px 5px #d48c281a}.pv-array-card.warning .array-solar-mark:before,.pv-array-card.warning .array-solar-mark:after{background:#b98955}.array-card-content{min-width:0}.array-card-head{display:flex;align-items:center;justify-content:space-between;gap:5px}.array-card-head>strong{overflow:hidden;color:#41675a;font:700 12px Manrope;text-overflow:ellipsis;white-space:nowrap}.array-card-content>b{display:block;margin-top:7px;color:#168e63;font:700 18px/1 Manrope}.pv-array-card.warning .array-card-content>b{color:#d7852b}.array-card-content>b small{color:#769087;font:500 11px Manrope}.array-card-content>em{display:block;margin-top:4px;color:#7f958d;font-size:11px;font-style:normal}.array-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:5px;color:#6f8b81;font-size:11px}.array-card-foot svg{color:#6eaa94}.health-score{height:78px;margin:11px 13px 6px;display:flex;align-items:center;border-radius:11px;background:linear-gradient(110deg,#eaf8f2,#f9fcfb)}.health-score>div{width:105px;text-align:center;border-right:1px solid #d9e9e3}.health-score strong{display:block;font:700 27px Manrope;color:#20a573}.health-score small{font-size:11px;color:#82978f}.health-score p{flex:1;display:flex;align-items:center;justify-content:center;gap:11px;margin:0;font-size:11px;color:#83968f}.health-score p b{font:700 16px Manrope;color:#249d70}.health-score p b.warning{color:#e09232}.health-score p em{width:1px;height:22px;background:#dbe9e4}.issue-list{padding:0 13px}.issue-list>button{width:100%;height:70px;display:flex;gap:11px;align-items:flex-start;padding:10px 3px;border:0;border-bottom:1px dashed #dfeae6;background:transparent;text-align:left;cursor:pointer}.issue-list>button>i{width:11px;height:11px;margin-top:5px;border-radius:50%;background:#5aa6df}.issue-list>button>i.一般{background:#eca044;box-shadow:0 0 0 3px #fff1dc}.issue-list>button>div{flex:1;min-width:0;display:grid;gap:2px}.issue-list strong{display:flex;align-items:center;gap:11px;font-size:12px;color:#34594f}.issue-list strong em{font-style:normal;font-size:11px;padding:2px 5px;border-radius:6px;color:#218f66;background:#e8f7f1}.issue-list strong em.待处理{color:#d77d27;background:#fff0db}.issue-list span{font-size:11px;color:#667f78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.issue-list small{font:11px Manrope;color:#94a49f}.issue-list small b{float:right;color:#d9842b}.diagnosis-tip{height:50px;margin:7px 13px;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:7px;color:#55776d;background:#eef8f4;font-size:11px;line-height:1.5}.diagnosis-tip svg{flex:none;color:#21a773}.pv-curve .echart{height:397px}.rank-head,.rank-row{display:grid;grid-template-columns:1.5fr .8fr .8fr;align-items:center}.rank-head{height:24px;padding:0 12px;color:#90a29c;font-size:11px;border-bottom:1px solid #e6efec}.rank-row{width:100%;height:34px;padding:0 12px;border:0;border-bottom:1px dashed #e4ece9;background:transparent;text-align:left;cursor:pointer;font-size:11px;color:#58736b}.rank-row>div{display:flex;align-items:center;gap:5px}.rank-row i{width:6px;height:6px;border-radius:50%;background:#25b67e}.rank-row i.预警{background:#ee9c3a}.rank-row strong{font-size:11px;color:#385e53}.rank-row small{color:#91a29d}.rank-row>b{font:600 11px Manrope;color:#3f665b}.rank-row em{justify-self:end;font-style:normal;color:#20966a}.rank-row em.预警{color:#df8c30}.pv-daily .echart{height:159px}.pv-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:12px;color:#6c887f;background:#eff7f4f0}.pv-loading span{width:27px;height:27px;border:3px solid #cfe6de;border-top-color:#22b77d;border-radius:50%;animation:spin .8s linear infinite}.pv-drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#1430295c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pv-drawer{position:absolute;right:0;top:0;width:860px;height:100%;background:#f9fdfb;box-shadow:-18px 0 55px #10392e33}.pv-drawer>header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #dceae5;background:linear-gradient(100deg,#e8f7f1,#fff)}.pv-drawer>header>div{display:grid;gap:4px}.pv-drawer>header strong{font-size:19px;color:#285248}.pv-drawer>header span{font-size:11px;color:#82958f}.pv-drawer>header button,.device-detail>button{border:0;background:#edf5f2;color:#678078;border-radius:11px;cursor:pointer}.pv-drawer>header button{width:36px;height:36px}.drawer-tools{height:64px;display:flex;align-items:center;gap:11px;padding:0 18px;border-bottom:1px solid #e1ece8}.drawer-tools label{width:300px;height:36px;display:flex;align-items:center;gap:11px;padding:0 11px;border:1px solid #d6e7e1;border-radius:11px;background:#fff;color:#8ba098}.drawer-tools input{width:100%;border:0;outline:0;color:#395d53;background:transparent}.drawer-tools>button{height:32px;padding:0 12px;border:1px solid #d8e7e2;border-radius:11px;background:#fff;color:#718880;cursor:pointer;font-size:11px}.drawer-tools>button.active{border-color:#8fd5bc;color:#168d61;background:#e8f7f1}.drawer-table-head,.drawer-rows>button{display:grid;grid-template-columns:105px 1.3fr 90px 90px 75px 110px;align-items:center}.drawer-table-head{height:38px;padding:0 18px;color:#8b9e98;background:#f0f7f4;font-size:11px}.drawer-rows{height:calc(100% - 178px);overflow:auto}.drawer-rows>button{width:100%;height:48px;padding:0 18px;border:0;border-bottom:1px solid #e8efed;background:#fff;text-align:left;color:#58736b;cursor:pointer;font-size:11px}.drawer-rows>button:hover{background:#f0faf6}.drawer-rows strong{color:#315a4f}.drawer-rows em{font-style:normal;color:#1f996b}.drawer-rows em.预警{color:#e08b2b}.device-detail{position:absolute;right:24px;bottom:24px;width:420px;padding:18px;border:1px solid #cce4db;border-radius:11px;background:#fff;box-shadow:0 15px 40px #14433533}.device-detail>button{position:absolute;right:12px;top:12px;width:28px;height:28px}.device-detail>strong{display:block;font-size:15px;color:#28554a}.device-detail>span{font-size:11px;color:#889a94}.device-detail>div{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:13px 0}.device-detail p{margin:0;padding:11px;border-radius:6px;background:#f2f8f6}.device-detail p small,.device-detail p b{display:block}.device-detail p small{font-size:11px;color:#84968f}.device-detail p b{margin-top:3px;font:700 12px Manrope;color:#2f584d}.device-detail>em{display:block;padding:11px;border-radius:6px;font-style:normal;font-size:11px;color:#d27c27;background:#fff1dc}.device-detail>em.ok{color:#238d66;background:#eaf8f2}.storage-page{height:1008px;padding:12px 18px 18px;position:relative;z-index:2}.storage-kpis{height:84px;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.storage-kpi{position:relative;overflow:hidden;padding:11px 14px;border:1px solid #d9e9e3;border-radius:11px;background:#fffffff0;box-shadow:0 5px 17px #1c4f3f0d}.storage-kpi:before{position:absolute;inset:0 auto 0 0;width:3px;background:#31a98a;content:""}.storage-kpi>span{display:flex;align-items:center;gap:8px;color:#789087;font-size:12px}.storage-kpi>span svg{color:#278f78}.storage-kpi>strong{display:block;margin-top:5px;color:#254f45;font:700 25px/1 Manrope;white-space:nowrap}.storage-kpi>strong small{color:#80958e;font-size:11px}.storage-kpi>em{position:absolute;right:13px;bottom:11px;color:#7e918b;font-size:11px;font-style:normal}.storage-kpi.benefit:before{background:#d69939}.storage-kpi.benefit>span svg,.storage-kpi.benefit>strong{color:#d28725}.storage-kpi em.warn{color:#d8872c}.storage-layout{height:882px;margin-top:12px;display:grid;grid-template-columns:360px 1fr 410px;grid-template-rows:428px 440px;gap:14px}.storage-strategy-panel{grid-column:1;grid-row:1}.storage-curve-panel{grid-column:2;grid-row:1}.storage-units-panel{grid-column:3;grid-row:1}.storage-benefit-panel{grid-column:1;grid-row:2}.storage-execution-panel{grid-column:2;grid-row:2}.storage-health-panel{grid-column:3;grid-row:2}.strategy-hero{height:136px;display:flex;align-items:center;justify-content:center;gap:20px;background:linear-gradient(135deg,#eef8f5,#fbfdfc)}.storage-soc-ring{--soc: 120deg;width:105px;height:105px;display:grid;place-items:center;align-content:center;border-radius:50%;background:radial-gradient(circle,#fff 60%,transparent 61%),conic-gradient(#29ab83 var(--soc),#e1eee9 0)}.storage-soc-ring strong{color:#218f6a;font:700 26px/1 Manrope}.storage-soc-ring span{margin-top:3px;color:#7c918a;font-size:11px}.strategy-hero>div:last-child{max-width:160px;display:grid;gap:5px}.strategy-hero small{color:#869a92;font-size:11px}.strategy-hero strong{color:#31594e;font-size:15px;line-height:1.3}.strategy-hero em{color:#719087;font-size:11px;font-style:normal;line-height:1.45}.strategy-action{height:125px;padding:14px 17px;border-bottom:1px solid #e4eeea}.strategy-action>span{color:#879a93;font-size:11px}.strategy-action>strong{display:block;margin-top:5px;color:#316153;font-size:13px;line-height:1.45}.strategy-action>div{display:flex;align-items:center;gap:6px;margin-top:11px;padding:7px 8px;border-radius:6px;color:#2d9570;background:#ecf8f3;font-size:11px}.strategy-action>div b{margin-left:auto;color:#4b7165;font-weight:500}.strategy-result{height:80px;margin:10px 13px;display:grid;grid-template-columns:repeat(3,1fr);border-radius:8px;background:#f2f8f6}.strategy-result div{display:grid;place-content:center;gap:4px;text-align:center;border-right:1px solid #dce9e5}.strategy-result div:last-child{border:0}.strategy-result b{color:#278168;font:700 12px Manrope}.strategy-result span{color:#869991;font-size:11px}.storage-curve-panel .echart{height:344px}.storage-curve-note{height:40px;display:flex;align-items:center;justify-content:center;gap:13px;border-top:1px solid #e3eeea;color:#728a82;font-size:11px}.storage-curve-note span{display:flex;align-items:center;gap:5px}.storage-curve-note i{width:6px;height:6px;border-radius:50%;background:#7ca9dc}.storage-curve-note span:nth-child(2) i{background:#2caf83}.storage-curve-note span:nth-child(3) i{background:#e1a13c}.storage-unit-list{padding:8px 13px 0}.storage-unit-list>button{width:100%;height:110px;display:grid;grid-template-columns:66px 1fr;align-items:center;gap:9px;padding:8px;border:0;border-bottom:1px dashed #dce9e4;background:transparent;text-align:left;cursor:pointer}.storage-unit-list>button:hover{border-radius:8px;background:#f2faf6}.storage-cabinet{width:47px;height:70px;display:block;border:2px solid #2fa582;border-radius:5px;background:linear-gradient(135deg,#edf9f4,#bdebd8);box-shadow:5px 6px #2b9f771c}.storage-cabinet:before{display:block;width:20px;height:4px;margin:10px auto 6px;border-radius:3px;background:#45b790;box-shadow:0 9px #75cdae,0 18px #75cdae,0 27px #75cdae;content:""}.storage-cabinet i{display:block;width:7px;height:7px;margin:36px auto 0;border-radius:50%;background:#23a878;box-shadow:0 0 0 3px #def4e9}.storage-unit-list>button.warning .storage-cabinet{border-color:#e0a04b;background:linear-gradient(135deg,#fffaf2,#ffe0b6);box-shadow:6px 7px #d48c281a}.storage-unit-list>button.warning .storage-cabinet:before{background:#e2a653;box-shadow:0 10px #eec784,0 20px #eec784,0 30px #eec784}.storage-unit-list>button.warning .storage-cabinet i{background:#e69b39;box-shadow:0 0 0 3px #fff0da}.storage-unit-list>button>div>span{display:flex;align-items:center;justify-content:space-between}.storage-unit-list strong{color:#355d50;font-size:13px}.storage-unit-list em{padding:2px 6px;border-radius:4px;color:#188d63;background:#e8f7f1;font-size:11px;font-style:normal}.storage-unit-list em.预警{color:#d58329;background:#fff0da}.storage-unit-list b{display:block;margin-top:6px;color:#218f69;font:700 21px/1 Manrope}.storage-unit-list button.warning b{color:#d6852b}.storage-unit-list b small{color:#7c9189;font:500 11px Manrope}.storage-unit-list p{margin:5px 0 0;color:#80948d;font-size:11px}.unit-list-note{height:37px;margin:0 13px;display:flex;align-items:center;gap:7px;color:#607b72;font-size:11px}.unit-list-note svg{color:#2da581}.storage-benefit-panel .echart{height:395px}.execution-flow{height:143px;display:flex;align-items:center;justify-content:center;gap:9px;padding:6px 22px 0}.execution-flow>div{width:150px;min-height:94px;display:grid;align-content:center;gap:5px;padding:11px;border:1px solid #dce9e5;border-radius:8px;background:#fbfdfc}.execution-flow>div.done{border-color:#bfe3d4;background:#f1faf6}.execution-flow>div.active{border-color:#e5c790;background:#fff9ef}.execution-flow b{color:#4b7166;font:700 12px Manrope}.execution-flow span{color:#2d6857;font-size:13px}.execution-flow em{color:#82968f;font-size:11px;font-style:normal}.execution-flow>i{width:24px;height:1px;background:#bddad0}.execution-summary{margin:10px 19px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e0ece8;border-radius:8px}.execution-summary>div{min-height:65px;display:grid;align-content:center;gap:5px;padding:0 12px;border-right:1px solid #e0ece8}.execution-summary>div:last-child{border:0}.execution-summary small{color:#849790;font-size:11px}.execution-summary strong{color:#41665c;font-size:12px;line-height:1.35}.storage-execution-panel>p{height:70px;margin:12px 19px;display:flex;align-items:center;gap:8px;padding:11px;border-radius:8px;color:#5e7a70;background:#eef8f4;font-size:12px;line-height:1.5}.storage-execution-panel>p svg{flex:none;color:#22a775}.health-metrics{height:84px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:12px 13px}.health-metrics>div{display:grid;place-content:center;gap:5px;border-radius:7px;text-align:center;background:#f1f8f5}.health-metrics span{color:#82968f;font-size:11px}.health-metrics b{color:#2b745d;font:700 16px Manrope}.storage-issue{width:calc(100% - 26px);min-height:119px;display:flex;gap:9px;margin:3px 13px;padding:11px 3px;border:0;border-bottom:1px dashed #dfe9e5;background:transparent;text-align:left}.storage-issue>i{width:8px;height:8px;flex:none;margin-top:5px;border-radius:50%;background:#56a1dd}.storage-issue>i.一般{background:#eca043;box-shadow:0 0 0 3px #fff0d9}.storage-issue>div{display:grid;gap:5px}.storage-issue strong{display:flex;align-items:center;gap:7px;color:#355a50;font-size:12px}.storage-issue strong em{padding:2px 5px;border-radius:5px;color:#2b936c;background:#eaf8f2;font-size:11px;font-style:normal}.storage-issue span{color:#5f7a72;font-size:11px;line-height:1.45}.storage-issue small{color:#82958f;font-size:11px;line-height:1.45}.health-note{height:66px;margin:9px 13px;display:flex;align-items:center;gap:8px;padding:10px;border-radius:7px;color:#5d796f;background:#eef8f4;font-size:11px;line-height:1.5}.health-note svg{flex:none;color:#25a677}.storage-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:12px;color:#6c887f;background:#eff7f4f0}.storage-loading span{width:27px;height:27px;border:3px solid #cfe6de;border-top-color:#22b77d;border-radius:50%;animation:spin .8s linear infinite}.storage-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:160;display:grid;place-items:center;background:#14302966;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.storage-modal{width:660px;overflow:hidden;border-radius:12px;background:#fbfefc;box-shadow:0 24px 70px #11372c47}.storage-modal header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #dceae5;background:linear-gradient(100deg,#e9f7f2,#fff)}.storage-modal header>div{display:flex;align-items:center;gap:10px;color:#238f69}.storage-modal header span{display:grid;gap:3px}.storage-modal header strong{color:#2d574c;font-size:17px}.storage-modal header small{color:#859891;font-size:11px}.storage-modal header button{width:34px;height:34px;border:0;border-radius:8px;color:#6e837c;background:#edf5f2;cursor:pointer}.storage-modal-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;padding:18px}.storage-modal-metrics>div{min-height:76px;display:grid;align-content:center;gap:5px;padding:0 13px;border-radius:8px;background:#f1f8f5}.storage-modal-metrics span{color:#81948d;font-size:11px}.storage-modal-metrics b{color:#2a745c;font:700 14px Manrope}.storage-modal>p{margin:0 18px 18px;padding:11px 12px;border-radius:8px;color:#238c65;background:#eef8f4;font-size:12px}.storage-modal>p.warning{color:#ce7d27;background:#fff2df}:root{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;color:#1c3d35;background:#dfece7;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.viewport{width:100%;height:100%;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 35%,#f9fcfb 0,#dcece6)}.dashboard-canvas{width:1920px;height:1080px;position:absolute;left:50%;top:50%;margin-left:-960px;margin-top:-540px;transform-origin:center;overflow:hidden;background:#eef6f3}.dashboard-canvas:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(36,154,112,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(36,154,112,.025) 1px,transparent 1px);background-size:30px 30px}.topbar{height:72px;display:flex;align-items:center;padding:0 22px;background:#fffffff5;border-bottom:1px solid #dbe9e4;box-shadow:0 3px 20px #1e584512;position:relative;z-index:20}.topbar:after{content:"";position:absolute;bottom:-1px;left:22px;width:360px;height:2px;background:linear-gradient(90deg,#25b77f,transparent)}.brand-mark{width:44px;height:44px;display:grid;place-items:center;color:#fff;border-radius:12px 4px;background:linear-gradient(135deg,#12a96e,#47c99a);box-shadow:0 11px 18px #19aa7142}.brand-copy{margin-left:13px;min-width:350px}.brand-copy h1{margin:0;color:#183f35;font-size:25px;letter-spacing:3px;line-height:1.2}.brand-copy span{display:block;margin-top:3px;font:600 11px/1 Manrope,sans-serif;letter-spacing:1.11px;color:#8aa39b}.main-nav{height:100%;display:flex;gap:6px;margin-left:auto}.main-nav button{min-width:108px;border:0;color:#5c756e;font-size:16px;font-weight:600;background:transparent;cursor:pointer;position:relative;transition:.2s}.main-nav button:hover{color:#159765;background:#f2faf7}.main-nav button.active{color:#168c60;background:linear-gradient(180deg,rgba(39,188,132,.14),transparent)}.main-nav button.active:after{content:"";position:absolute;left:28px;right:28px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:#22b87d;box-shadow:0 -2px 11px #22b87d59}.top-actions{height:100%;display:flex;align-items:center;gap:12px;margin-left:12px;padding-left:12px;border-left:1px solid #e1ece8}.weather{display:flex;align-items:center;gap:11px;color:#668078;font-size:13px}.weather svg{color:#e2a331}.clock{display:grid;gap:1px;text-align:right;font-family:Manrope,sans-serif}.clock strong{font-size:16px;letter-spacing:.6px;color:#27483f}.clock span{font-size:11px;color:#8ba098}.icon-button{border:1px solid #d6e8e1;background:#f8fcfa;color:#3f6c5e;border-radius:11px;display:grid;place-items:center;cursor:pointer}.icon-button{width:38px;height:38px}.summary-bar{height:86px;padding:11px 18px;display:flex;align-items:center;gap:14px;position:relative;z-index:18}.capacity-list{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;flex:1}.capacity-item{height:62px;display:flex;align-items:center;gap:12px;padding:11px 15px;background:#ffffffe0;border:1px solid #dbeae5;border-radius:11px;box-shadow:0 4px 14px #2257460a}.capacity-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:#169565;background:#e8f7f1}.capacity-icon.tone-0{color:#4f7edb;background:#edf3ff}.capacity-icon.tone-1{color:#e0a024;background:#fff6dc}.capacity-icon.tone-2{color:#18a879;background:#e5f8f1}.capacity-icon.tone-3{color:#27a4ad;background:#e7f8fa}.capacity-item>div:last-child{display:grid;gap:1px}.capacity-item span{font-size:12px;color:#81958f}.capacity-item strong{font:700 22px/1.2 Manrope,Noto Sans SC;color:#294b42}.capacity-item strong small{font-size:11px;font-weight:600;color:#769188}.park-switcher{width:370px;position:relative}.park-current{width:100%;height:62px;display:flex;align-items:center;gap:12px;border:1px solid #bcded1;padding:11px 15px;border-radius:11px;background:linear-gradient(110deg,#e6f7f0,#f8fcfa);color:#1a815b;cursor:pointer;text-align:left}.park-current>span{display:grid;flex:1}.park-current small{color:#719087;font-size:11px}.park-current strong{font-size:17px;color:#215246}.park-menu{position:absolute;top:69px;right:0;width:100%;padding:11px;border:1px solid #cde3db;border-radius:11px;background:#fffffffa;box-shadow:0 15px 35px #1a4f3e29;z-index:50}.park-menu button{width:100%;display:grid;gap:2px;padding:11px 12px;border:0;border-radius:11px;background:transparent;text-align:left;color:#315c50;cursor:pointer}.park-menu button:hover,.park-menu button.selected{background:#eaf8f2;color:#12865b}.park-menu button span{font-weight:600}.park-menu button small{color:#91a49e}.header-park-switcher{width:278px;margin-left:12px;z-index:30}.header-park-switcher .park-current{height:50px;padding:6px 11px}.header-park-switcher .park-current strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-park-switcher .park-menu{top:57px;width:320px}.language-switch{display:flex;flex:none;gap:2px;margin-left:0;padding:3px;border:1px solid #d7e8e1;border-radius:8px;background:#f5faf8}.language-switch button{min-width:31px;height:28px;padding:0 6px;border:0;border-radius:5px;color:#6f8780;background:transparent;font-size:11px;font-weight:700;cursor:pointer}.language-switch button.active{color:#fff;background:#24a976;box-shadow:0 3px 8px #24a97633}.dashboard-canvas.lang-en .brand-copy h1{font-size:18px;letter-spacing:.2px;white-space:nowrap}.dashboard-canvas.lang-en .brand-copy span{letter-spacing:.55px}.dashboard-canvas.lang-en .main-nav{gap:2px}.dashboard-canvas.lang-en .main-nav button{min-width:102px;font-size:14px}.dashboard-canvas.lang-en .panel-title>span:first-child{font-size:14px;letter-spacing:-.1px}.dashboard-canvas.lang-en .pv-kpi>span,.dashboard-canvas.lang-en .storage-kpi>span,.dashboard-canvas.lang-en .energy-kpi>span,.dashboard-canvas.lang-en .dispatch-kpi>span{font-size:11px}.content-grid{height:922px;padding:0 18px 18px;display:grid;grid-template-columns:410px 1fr 425px;grid-template-rows:270px 280px 306px;gap:12px;position:relative;z-index:2}.panel{position:relative;min-width:0;overflow:hidden;border:1px solid #d9e9e3;border-radius:11px;background:#ffffffeb;box-shadow:0 6px 20px #1c4f3f0e}.panel:after{content:"";position:absolute;left:0;top:0;width:3px;height:43px;background:#27b980}.panel-title{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #e2eee9;background:linear-gradient(90deg,rgba(38,181,127,.08),transparent 55%)}.panel-title>span:first-child{display:flex;align-items:center;gap:11px;font-weight:700;font-size:16px;color:#245346}.panel-title>span:first-child svg{color:#1eaa74}.panel-title em{font-style:normal;font-size:11px;color:#168c61;background:#e6f8f1;border:1px solid #bce8d8;border-radius:12px;padding:3px 11px}.panel-sub{font-size:11px;color:#8da19a}.hero-metric{height:87px;display:flex;align-items:center;justify-content:center;gap:17px}.round-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center}.round-icon.solar{color:#dba127;background:#fff6d9;box-shadow:0 0 0 11px #fffaf0}.hero-metric>div:last-child{display:grid}.hero-metric small{font-size:12px;color:#7e938c}.hero-metric strong{font:700 31px Manrope;color:#148d60}.hero-metric b{font-size:12px;color:#79928a}.stat-grid{display:grid;margin:0 14px;border:1px solid #e1ece8;border-radius:11px;background:#f9fcfb}.stat-grid.cols-2{grid-template-columns:1fr 1fr}.stat-grid>div{display:grid;gap:4px;padding:11px 12px}.stat-grid>div:nth-child(odd){border-right:1px solid #e1ece8}.stat-grid>div:nth-child(-n+2){border-bottom:1px solid #e1ece8}.stat-grid span{font-size:11px;color:#82968f}.stat-grid strong{font:700 18px Manrope;color:#294c42}.stat-grid small{font-size:11px;color:#849991}.storage-main{height:232px;display:flex;align-items:center;padding:0 24px;gap:26px}.soc-ring{width:135px;height:135px;border-radius:50%;padding:11px;background:conic-gradient(#24b97d var(--soc),#e3f0eb 0);box-shadow:0 11px 20px #1b9e691f}.soc-ring>div{width:100%;height:100%;border-radius:50%;display:flex;align-items:baseline;justify-content:center;padding-top:33px;position:relative;background:#fff}.soc-ring strong{font:700 34px Manrope;color:#1b9c6a}.soc-ring span{font:700 13px Manrope;color:#72a291}.soc-ring small{position:absolute;bottom:23px;font:600 11px Manrope;color:#91a59e;letter-spacing:1px}.storage-metrics{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:11px}.storage-metrics>div{display:grid;gap:4px;padding:11px;background:#f4faf7;border-radius:11px}.storage-metrics span{font-size:11px;color:#80968f}.storage-metrics strong{font:700 17px Manrope;color:#285047}.storage-metrics small{font-size:11px;color:#849b93}.charge-head{height:74px;margin:0 14px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e3eee9}.charge-head>div{display:grid;align-content:center;gap:3px;padding-left:18px}.charge-head>div:first-child{border-right:1px solid #e3eee9}.charge-head small{font-size:11px;color:#7f948d}.charge-head strong{font:700 24px Manrope;color:#258d69}.charge-head b{font-size:11px;color:#839991}.charger-states{height:98px;display:grid;grid-template-columns:repeat(5,1fr);padding:13px 11px}.charger-states>div{display:grid;place-items:center;grid-template-rows:17px 25px 17px;border-right:1px solid #e6efec}.charger-states>div:last-child{border:0}.charger-states i{width:11px;height:11px;border-radius:50%}.charger-states i.idle{background:#42aaed}.charger-states i.plugged{background:#f2a83e}.charger-states i.charging{background:#22b77d;box-shadow:0 0 0 4px #ddf5ec}.charger-states i.done{background:#34a7ae}.charger-states i.offline{background:#a4b3ae}.charger-states strong{font:700 19px Manrope;color:#31534a}.charger-states span{font-size:11px;color:#849891}.ghost-action{margin:0 14px;width:calc(100% - 28px);height:34px;border:1px solid #cae4da;border-radius:11px;background:#f1faf6;color:#267c5f;font-size:12px;cursor:pointer}.ghost-action span{margin-left:11px}.energy-panel{grid-column:2;grid-row:1/3}.curve-panel{grid-column:2;grid-row:3}.benefit-panel{grid-column:3;grid-row:1}.alarm-panel{grid-column:3;grid-row:2}.daily-panel{grid-column:3;grid-row:3}.pv-panel{grid-column:1;grid-row:1;display:grid;grid-template-rows:43px 87px minmax(0,1fr);padding-bottom:12px}.pv-panel .stat-grid{min-height:0;margin:0 14px}.storage-panel{grid-column:1;grid-row:2}.charge-panel{grid-column:1;grid-row:3}.live-dot{font-size:11px;color:#799087;padding-left:13px;position:relative}.live-dot:before{content:"";position:absolute;left:0;top:4px;width:6px;height:6px;border-radius:50%;background:#24b87d;box-shadow:0 0 0 4px #24b87d1f}.energy-scene{height:519px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(34,188,129,.12),transparent 31%),linear-gradient(160deg,#fbfefd 0,#eff8f4)}.energy-scene:before{content:"";position:absolute;left:17%;right:17%;top:20%;bottom:14%;transform:perspective(500px) rotateX(58deg);border:1px solid #d4e9e1;border-radius:50%;background-image:linear-gradient(rgba(51,157,121,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(51,157,121,.06) 1px,transparent 1px);background-size:24px 24px}.scene-caption{position:absolute;top:13px;left:18px;display:flex;align-items:center;gap:11px;color:#6c877f;font-size:11px}.scene-caption svg{color:#25a977}.scene-caption b{margin-left:5px;padding:3px 11px;border-radius:11px;color:#1a9969;background:#e4f7ef;font-weight:600}.energy-node{position:absolute;width:132px;text-align:center;z-index:3}.energy-node .node-symbol{width:74px;height:74px;margin:0 auto 11px;display:grid;place-items:center;border-radius:18px 5px;border:1px solid;transform:rotate(-3deg);box-shadow:0 11px 18px #1b584317;background:#fff}.node-symbol svg{transform:rotate(3deg)}.node-symbol.grid{color:#527fdd;border-color:#c8d8f7;background:#eef4ff}.node-symbol.pv{color:#d49a20;border-color:#f2dda6;background:#fff9e8}.node-symbol.load{color:#8a6cd4;border-color:#dccff7;background:#f6f1ff}.node-symbol.storage{color:#1da777;border-color:#bde4d5;background:#eaf8f2}.node-symbol.charge{color:#219ca5;border-color:#bce1e5;background:#e9f8f9}.energy-node>span{display:block;font-size:12px;color:#58746c}.energy-node>strong{display:block;margin-top:2px;font:700 17px Manrope;color:#284d43}.energy-node>small{position:absolute;right:3px;top:53px;border-radius:11px;padding:2px 11px;color:#fff;background:#24a977;font-size:11px}.node-grid{left:5%;top:43%}.node-pv{left:25%;top:10%}.node-load{right:5%;top:43%}.node-storage{left:25%;bottom:7%}.node-charge{right:25%;bottom:7%}.energy-hub{position:absolute;left:50%;top:47%;width:126px;height:126px;margin:-63px;z-index:5;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#1bac76;border:1px solid #9fddc7;background:#fffffff2;box-shadow:0 0 0 11px #24b87d14,0 13px 30px #1a815d24}.energy-hub svg{position:absolute;top:13px}.energy-hub strong{margin-top:25px;font:700 25px Manrope}.energy-hub span{font-size:11px;color:#779188}.hub-pulse{position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;border:1px solid rgba(39,183,127,.3);border-radius:50%;animation:pulse 2.4s infinite}.flow-line{position:absolute;z-index:1;height:2px;background:linear-gradient(90deg,transparent,#55cba0,transparent);transform-origin:left center}.flow-line:after{content:"";position:absolute;top:-3px;width:11px;height:11px;border-radius:50%;background:#2cc08a;box-shadow:0 0 11px #26b880;animation:flow 2.2s linear infinite}.line-grid{left:17%;top:51%;width:34%}.line-load{left:51%;top:51%;width:35%}.line-pv{left:34%;top:29%;width:25%;transform:rotate(35deg)}.line-storage{left:34%;top:72%;width:25%;transform:rotate(-35deg)}.line-charge{left:51%;top:55%;width:28%;transform:rotate(48deg)}.line-load:after,.line-charge:after{animation-direction:reverse}.balance-note{position:absolute;left:50%;bottom:13px;transform:translate(-50%);height:34px;display:flex;align-items:center;gap:11px;padding:0 15px;border:1px solid #d9eae4;border-radius:17px;background:#ffffffe0;font-size:11px;color:#7b918a;white-space:nowrap}.balance-note strong{font:600 11px Manrope;color:#41645a}.balance-note i{width:5px;height:5px;border-radius:50%;background:#22b67d}.echart{width:100%;height:calc(100% - 43px)}.mini-button,.text-button{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#2b8a68;font-size:11px;cursor:pointer}.mini-button{padding:5px 11px;border:1px solid #cee4dc;border-radius:6px;background:#f7fcfa}.benefit-total{display:grid;width:auto;height:auto;margin:0 14px;padding:11px 17px;border:0;border-radius:11px;text-align:left;cursor:pointer;color:#fff;background:linear-gradient(112deg,#20aa73,#55c99e);box-shadow:0 11px 18px #20aa732e;position:relative;overflow:hidden}.benefit-total:after{content:"¥";position:absolute;right:15px;top:-22px;font:700 92px Manrope;color:#ffffff1a}.benefit-total span{font-size:11px;opacity:.85}.benefit-total strong{font:700 28px Manrope;letter-spacing:.5px}.benefit-total small{position:absolute;right:14px;bottom:12px;font-size:11px;background:#ffffff29;padding:3px 11px;border-radius:11px}.benefit-split{display:grid;grid-template-columns:1fr 1fr;margin:0 14px;gap:11px}.benefit-split>div{height:auto;min-height:0;padding:11px 11px 11px 42px;position:relative;display:grid;gap:1px;border:1px solid #e1ece8;border-radius:11px;background:#fafcfb}.benefit-split svg{position:absolute;left:11px;top:14px;color:#22a976}.benefit-split span{font-size:11px;color:#80968e}.benefit-split strong{font:700 16px Manrope;color:#2d5147}.benefit-split small{font-size:11px;color:#27a574}.carbon-strip{margin:0 14px;height:auto;display:flex;align-items:center;gap:11px;padding:0 11px;border-radius:11px;color:#25815f;background:#eef9f4;font-size:11px}.carbon-strip strong{margin-left:auto;font:700 13px Manrope;color:#1d9566}.benefit-panel{display:grid;grid-template-rows:43px 83px 76px 36px;row-gap:7px;align-content:start;padding-bottom:9px}.alarm-head,.alarm-row{display:grid;grid-template-columns:148px minmax(0,1fr) 66px;align-items:center}.alarm-head{height:31px;padding:0 14px;color:#92a39e;font-size:11px;border-bottom:1px solid #e7efec}.alarm-row{height:65px;margin:0 14px;column-gap:8px;border-bottom:1px dashed #e1ebe7;font-size:12px}.alarm-row:last-child{border-bottom:0}.alarm-row>div{display:grid;grid-template-columns:12px 1fr;gap:2px 5px;align-items:center}.alarm-row i{width:11px;height:11px;border-radius:50%;grid-row:1/3}.alarm-row i.重要{background:#ec6b61;box-shadow:0 0 0 3px #fde8e5}.alarm-row i.一般{background:#eeaa42;box-shadow:0 0 0 3px #fff2df}.alarm-row i.提示{background:#4ba4df;box-shadow:0 0 0 3px #e6f3fb}.alarm-row span{color:#3a5e54;font-weight:600}.alarm-row small{color:#9aa9a4;font:11px Manrope}.alarm-row p{margin:0;color:#607a72;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alarm-row em{justify-self:end;font-style:normal;font-size:11px;padding:3px 6px;border-radius:11px;color:#8b9d97;background:#eef3f1}.alarm-row em.处理中{color:#dc8b28;background:#fff3df}.alarm-row em.待处理{color:#d95f58;background:#fdeceb}.alarm-row em.已恢复{color:#23966a;background:#e7f7f0}.state-layer{position:absolute;z-index:60;top:72px;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#628078;background:#eef6f3f0}.loader{width:40px;height:40px;border:3px solid #cfe7de;border-top-color:#22b77d;border-radius:50%;animation:spin .9s linear infinite}.error-state strong{font-size:16px}.error-state button{border:0;border-radius:11px;padding:11px 18px;color:#fff;background:#23a976;cursor:pointer}.modal-mask{position:absolute;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#12312980;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.benefit-modal{width:760px;border-radius:13px;background:#fafefc;box-shadow:0 24px 70px #0e31274d;overflow:hidden}.modal-title{height:65px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #deebe7;background:linear-gradient(90deg,#e7f7f1,#fff)}.modal-title>div{display:flex;gap:11px;align-items:center;color:#1e9f6d}.modal-title>div span{display:grid}.modal-title strong{font-size:18px;color:#29554a}.modal-title small{font-size:11px;color:#82968f}.modal-title button{width:34px;height:34px;border:0;border-radius:11px;color:#6d847d;background:#edf5f2;cursor:pointer}.modal-overview{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:11px;padding:18px}.modal-overview>div{height:86px;padding:14px 16px;display:grid;align-content:center;gap:5px;border:1px solid #dbeae5;border-radius:11px;background:#f6fbf9}.modal-overview>div:first-child{color:#fff;border:0;background:linear-gradient(120deg,#1da872,#52c798)}.modal-overview span{font-size:11px;opacity:.8}.modal-overview strong{font:700 22px Manrope}.formula-list{padding:0 18px}.formula-list>div{height:82px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;border-bottom:1px solid #e4eeea}.formula-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#1da772;background:#e8f7f1}.formula-list>div>div{display:grid;gap:4px}.formula-list strong{font-size:13px;color:#31574c}.formula-list p{margin:0;font-size:11px;color:#84968f}.formula-list b{font:700 17px Manrope;color:#218e67}.modal-note{margin:15px 18px 19px;padding:11px 12px;border-radius:11px;color:#67827a;background:#eef7f4;font-size:11px}.toast{position:absolute;left:50%;bottom:28px;z-index:120;transform:translate(-50%);display:flex;align-items:center;gap:11px;padding:11px 18px;border-radius:11px;color:#fff;background:#1a473bf0;box-shadow:0 11px 24px #0e32283d;font-size:12px}.toast-enter-active,.toast-leave-active{transition:.2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,11px)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(.97);opacity:.8}50%{transform:scale(1.08);opacity:.2}}@keyframes flow{0%{left:0}to{left:100%}}.energy-scene{isolation:isolate;background:#f6faf8}.energy-scene:before{display:none}.energy-scene-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%}.energy-scene-art img{display:block;width:100%;height:100%;object-fit:cover}.energy-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 28%,transparent 78%,rgba(244,250,247,.2))}.scene-caption{z-index:8;padding:6px 11px;border:1px solid rgba(188,220,208,.8);border-radius:11px;background:#ffffffc7;box-shadow:0 5px 16px #1c5b4414;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}.energy-node{width:158px;min-height:60px;padding:11px;z-index:7;text-align:left;border:1px solid rgba(183,216,204,.9);border-left:3px solid #24b77d;border-radius:4px 11px 11px;background:linear-gradient(115deg,#fffffff0,#f1faf6d4);box-shadow:0 11px 24px #1b594321;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}.energy-node .node-symbol{display:none}.energy-node>span{font-size:11px;color:#59776e;letter-spacing:.3px}.energy-node>strong{margin-top:4px;font-size:18px;color:#174c3e}.energy-node>small{right:11px;top:11px;padding:2px 11px;color:#168c61;background:#e3f6ee;border:1px solid #bce5d5}.node-grid{left:2.5%;top:25%}.node-grid{border-left-color:#557fd6}.node-grid>small{color:#4f72bd;background:#edf3ff;border-color:#cbd9f6}.node-pv{left:23%;top:4%}.node-pv{border-left-color:#d9a32f}.node-pv>small{color:#b57e15;background:#fff6de;border-color:#f0dda8}.node-load{right:2.5%;top:33%}.node-load{border-left-color:#8768cf}.node-load>small{color:#7757bd;background:#f3effc;border-color:#d9cef2}.node-storage{left:20%;bottom:4%}.node-charge{right:4%;bottom:5%}.node-charge{border-left-color:#239da6}.node-charge>small{color:#187f87;background:#e9f7f8;border-color:#bee1e4}.energy-hub{left:49.4%;top:49%;width:118px;height:62px;margin:-31px -59px;z-index:8;border:1px solid rgba(129,211,181,.8);border-radius:31px;color:#11845a;background:#f5fffbc2;box-shadow:0 11px 24px #12724f24,inset 0 0 18px #41d29b24;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}.energy-hub>svg,.energy-hub .hub-pulse{display:none}.energy-hub strong{margin-top:0;font-size:22px;line-height:1.05}.energy-hub span{color:#4f776b}.flow-line{z-index:5;height:3px;background:linear-gradient(90deg,transparent,rgba(40,192,137,.8),transparent);filter:drop-shadow(0 0 3px rgba(33,181,128,.35))}.flow-line:after{top:-3px;width:11px;height:11px;background:#32c893;border:2px solid rgba(255,255,255,.9)}.line-grid{left:19%;top:48%;width:31%;background:linear-gradient(90deg,transparent,rgba(86,126,211,.9),transparent)}.line-grid:after{background:#5a82d8}.line-load{left:50%;top:49%;width:35%;background:linear-gradient(90deg,transparent,rgba(135,104,207,.82),transparent)}.line-load:after{background:#886bd0}.line-pv{left:35%;top:28%;width:23%;background:linear-gradient(90deg,transparent,rgba(221,166,50,.9),transparent)}.line-pv:after{background:#dda632}.line-storage{left:34%;top:72%;width:24%}.line-charge{left:51%;top:54%;width:28%;background:linear-gradient(90deg,transparent,rgba(32,157,166,.85),transparent)}.line-charge:after{background:#239da6}.balance-note{z-index:8;bottom:11px;background:#ffffffd1;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);box-shadow:0 5px 16px #18513e14}.flow-line{--flow: #28b984;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:auto;height:auto;transform:none;background:none;filter:none;pointer-events:none}.flow-line:after{display:none}.flow-line i{position:absolute;display:block;height:3px;border-radius:3px;transform-origin:left center;background:linear-gradient(90deg,rgba(255,255,255,.2),var(--flow),rgba(255,255,255,.2));box-shadow:0 0 0 1px #ffffffbf,0 0 11px color-mix(in srgb,var(--flow) 42%,transparent)}.flow-line b{position:absolute;left:0;top:0;width:11px;height:11px;border:2px solid rgba(255,255,255,.95);border-radius:50%;background:var(--flow);box-shadow:0 0 11px var(--flow);offset-rotate:0deg;animation:route-flow 2.6s linear infinite}.flow-line.reverse b{animation-direction:reverse}.line-grid{--flow: #5985dc}.line-pv{--flow: #e0a734}.line-load{--flow: #8b70d3}.line-storage{--flow: #25b684}.line-charge{--flow: #24a5ad}.line-grid i:nth-child(1){left:245px;top:271px;width:180px}.line-grid i:nth-child(2){left:425px;top:271px;width:79px;transform:rotate(8deg)}.line-grid b{offset-path:path("M 245 271 L 425 271 L 503 282")}.line-pv i:nth-child(1){left:410px;top:180px;width:70px;transform:rotate(90deg)}.line-pv i:nth-child(2){left:410px;top:250px;width:97px;transform:rotate(17deg)}.line-pv b{offset-path:path("M 410 180 L 410 250 L 503 278")}.line-load i:nth-child(1){left:545px;top:278px;width:120px}.line-load i:nth-child(2){left:665px;top:278px;width:126px;transform:rotate(-28deg)}.line-load b{offset-path:path("M 545 278 L 665 278 L 776 219")}.line-storage i:nth-child(1){left:410px;top:320px;width:70px;transform:rotate(90deg)}.line-storage i:nth-child(2){left:410px;top:320px;width:100px;transform:rotate(-22deg)}.line-storage b{offset-path:path("M 410 390 L 410 320 L 503 282")}.line-charge i:nth-child(1){left:546px;top:276px;width:166px;transform:rotate(9deg)}.line-charge i:nth-child(2){left:710px;top:302px;width:88px;transform:rotate(90deg)}.line-charge b{offset-path:path("M 546 276 L 710 302 L 710 390")}.energy-hub{left:51%;top:35%;width:158px;height:46px;margin:-23px -79px;border-radius:11px;padding:6px 11px;background:#f9fffce6}.energy-hub em{font-style:normal;font-size:11px;font-weight:700;color:#315e52}.energy-hub span{font-size:11px;color:#6f887f}@keyframes route-flow{0%{offset-distance:0}to{offset-distance:100%}}.topology-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;overflow:visible;pointer-events:none}.route{color:#26ad79}.route-grid{color:#5681d6}.route-pv{color:#dca12a}.route-load{color:#8267c7}.route-storage{color:#20a977}.route-charge{color:#229aa3}.route-trench,.route-power{fill:none;stroke-linecap:round;stroke-linejoin:round}.route-trench{stroke:#40665b;stroke-width:13;stroke-opacity:.16;filter:url(#route-shadow);transform:translateY(5px)}.route-power{stroke:currentColor;stroke-width:4.5;stroke-opacity:.82}.route-port{fill:#f7fdfaf0;stroke:currentColor;stroke-width:3}.flow-capsule{fill:currentColor;stroke:#ffffffeb;stroke-width:2;filter:url(#flow-soft)}