:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100vh;width:100vw;height:100dvh;overflow:hidden}body{--raw-viewport-width:100vw;--raw-viewport-height:100dvh;--app-viewport-width:100vw;--app-viewport-height:100dvh;--panel-gap:15px;--right-panel-width:376px;--popup-scale:1;--safe-area-top:0px;--safe-area-right:0px;--safe-area-bottom:0px;--safe-area-left:0px}body.is-mobile-viewport{-webkit-text-size-adjust:100%;overscroll-behavior:none;touch-action:pan-x pan-y}@media (hover:none) and (pointer:coarse){body{--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px)}}body.is-window-resizing .panel .right-panel,body.is-window-resizing .panel .left-panel,body.is-window-resizing .panel .top-panel,body.is-window-resizing .panel .bottom-panel,body.is-window-resizing .layout:before,body.is-window-resizing .layout:after,body.is-window-resizing .panel-edge-blur,body.is-window-resizing .panel-edge-blur__side{transition:none!important}@font-face{font-family:DIN;font-weight:200;src:url(/assets/DIN-Light-BnUdV9wR.otf)format("opentype")}@font-face{font-family:DIN;font-weight:200;font-style:italic;src:url(/assets/DIN-LightItalic-OleQQbZq.otf)format("opentype")}@font-face{font-family:DIN;font-weight:400;src:url(/assets/DIN-Regular-BzbB8kYC.otf)format("opentype")}@font-face{font-family:DIN;font-weight:400;font-style:italic;src:url(/assets/DIN-RegularItalic-CiS5qiDF.otf)format("opentype")}@font-face{font-family:DIN;font-weight:500;src:url(/assets/DIN-Medium-CriAxom-.otf)format("opentype")}@font-face{font-family:DIN;font-weight:500;font-style:italic;src:url(/assets/DIN-MediumItalic-CugYFMad.otf)format("opentype")}@font-face{font-family:DIN;font-weight:600;src:url(/assets/DIN-Bold-BiGiPeHH.otf)format("opentype")}@font-face{font-family:DIN;font-weight:600;font-style:italic;src:url(/assets/DIN-BoldItalic-8fPKyXGa.otf)format("opentype")}@font-face{font-family:DIN;font-weight:700;src:url(/assets/DIN-Black-B1lCz0I7.otf)format("opentype")}@font-face{font-family:DIN;font-weight:700;font-style:italic;src:url(/assets/DIN-BlackItalic-i-xBmzc5.otf)format("opentype")}@font-face{font-family:YouSheBiaoTiHei;src:url(/assets/%E4%BC%98%E8%AE%BE%E6%A0%87%E9%A2%98%E9%BB%91-fahbdFno.ttf)}.panel{width:var(--app-viewport-width,100vw);height:100vh;height:var(--app-viewport-height,100dvh);z-index:100;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.panel .right-panel,.panel .left-panel{transition:all .25s;position:absolute}.panel .right-panel>.scale-box,.panel .left-panel>.scale-box{transform:scale(var(--height-scale,1));height:calc(100%/var(--height-scale,1))}.panel .right-panel>.scale-box>*,.panel .left-panel>.scale-box>*{pointer-events:all}.panel .right-panel{right:var(--panel-gap,15px);width:var(--right-panel-width,376px);height:calc(var(--app-viewport-height,100dvh) - var(--header-height,0px) - var(--panel-gap,15px))}.panel .right-panel>.scale-box{transform-origin:100% 0}.hide-panel .panel .right-panel{opacity:0;transform:translate(100%)}.panel .left-panel{left:var(--panel-gap,15px);top:var(--header-height,0px)}.panel .left-panel>.scale-box{transform-origin:0 0}.hide-panel .panel .left-panel{opacity:0;transform:translate(-100%)}.panel .top-panel{left:var(--panel-gap,15px);top:var(--header-height,0px);width:calc(var(--app-viewport-width,100vw) - (var(--panel-gap,15px)*2 + 4px) - var(--right-panel-width,376px)*var(--height-scale,1));transition:all .25s;position:absolute}.panel .top-panel>.scale-box{transform-origin:0 0}.panel .top-panel>.scale-box>*{pointer-events:all}.hide-panel .panel .top-panel{opacity:0;transform:translateY(-100%)}.panel .bottom-panel{left:var(--panel-gap,15px);bottom:var(--panel-gap,15px);width:calc(var(--app-viewport-width,100vw) - (var(--panel-gap,15px)*2 + 4px) - var(--right-panel-width,376px)*var(--height-scale,1));transition:all .25s;position:absolute}.panel .bottom-panel>.scale-box{transform:scale(var(--height-scale,1));transform-origin:0 100%;width:calc(100%/var(--height-scale,1))}.panel .bottom-panel>.scale-box>*{pointer-events:all}.hide-panel .panel .bottom-panel{opacity:0;transform:translateY(calc(100% + 10px))}body.is-mobile-portrait .panel{touch-action:manipulation}body.is-mobile-portrait .panel .layout-content{-webkit-overflow-scrolling:touch;pointer-events:auto!important;width:100%!important;height:100dvh!important;min-height:100dvh!important;padding:calc(var(--header-height,0px) + 86px)calc(var(--panel-gap,8px) + var(--safe-area-right,0px))calc(var(--panel-gap,8px) + var(--safe-area-bottom,0px))calc(var(--panel-gap,8px) + var(--safe-area-left,0px))!important;display:block!important;overflow:hidden auto!important}body.is-mobile-portrait .panel .layout-content.home{padding-top:calc(var(--header-height,0px) + 86px)!important}body.is-mobile-portrait .panel .right-panel,body.is-mobile-portrait .panel .left-panel,body.is-mobile-portrait .panel .top-panel,body.is-mobile-portrait .panel .bottom-panel{opacity:1;width:100%!important;max-width:100%!important;height:auto!important;margin:0 0 10px!important;transition-duration:.16s!important;position:static!important;inset:auto!important;transform:none!important}body.is-mobile-portrait .panel .right-panel>.scale-box,body.is-mobile-portrait .panel .left-panel>.scale-box,body.is-mobile-portrait .panel .top-panel>.scale-box,body.is-mobile-portrait .panel .bottom-panel>.scale-box{width:100%!important;max-width:100%!important;height:auto!important;transform:none!important}body.is-mobile-portrait .panel .right-panel>.scale-box,body.is-mobile-portrait .panel .bottom-panel>.scale-box{flex-direction:column!important;align-items:stretch!important;gap:10px!important;display:flex!important}body.is-mobile-portrait .panel .base-card{flex:none!important;width:min(100%,365px)!important;max-width:100%!important;height:auto!important;min-height:0!important;margin-left:auto!important;margin-right:auto!important}body.is-mobile-portrait .panel .base-card_body{min-height:0;overflow:hidden;height:auto!important}body.is-mobile-portrait .panel .detail-info{-webkit-overflow-scrolling:touch;padding-bottom:2px;overflow:auto hidden;width:100%!important;height:auto!important}body.is-mobile-portrait .panel .detail-row{transform:none!important}body.is-mobile-portrait .panel .situational-awareness{width:100%!important;min-width:0!important}body.is-mobile-portrait .panel .situational-awareness-card .base-card_body{-webkit-overflow-scrolling:touch;overflow:auto hidden}body.is-mobile-portrait .panel .situational-awareness-card .chart-box{width:max(100%,720px)}body.is-mobile-portrait .panel .cus-input{max-width:100%;width:min(220px,100%)!important}body.is-mobile-portrait .panel .energy-balance_body,body.is-mobile-portrait .panel .alarm-monitoring_body,body.is-mobile-portrait .panel .shortcut-instructions_body,body.is-mobile-portrait .panel .surveillance-video_body{max-width:100%;width:100%!important}body.is-mobile-portrait .panel .energy-balance_body .echart-box{height:220px!important}body.is-mobile-portrait .panel .carbon-emission-reduction-analysis_body{flex-direction:column}body.is-mobile-portrait .panel .carbon-emission-reduction-analysis_body .right_box{gap:8px}body.is-mobile-portrait .panel .content_box1{height:220px!important}body.is-mobile-portrait .panel .deviceOverview-body .boxs{flex-direction:column;gap:10px;height:auto!important}body.is-mobile-portrait .panel .deviceOverview-body .box_left{background-size:contain;flex:none!important;height:132px!important}body.is-mobile-portrait .panel .deviceOverview-body .box_right{flex:none!important}body.is-mobile-portrait .panel .deviceOverview-body .info_box{grid-template-columns:1fr 1fr;gap:8px 16px;padding:12px}body.is-mobile-portrait .panel .meteorologicalStation-body{min-height:229px;height:auto!important;padding:12px!important}body.is-mobile-portrait .panel .meteorologicalStation-body .boxs{row-gap:10px;grid-template-columns:repeat(4,1fr)!important}body.is-mobile-portrait .panel .meteorologicalStation-body .item_top,body.is-mobile-portrait .panel .meteorologicalStation-body .item_bottom{width:min(70px,100%)!important}body.is-mobile-portrait .panel .shortcut-instructions_body{height:197px}body.is-mobile-portrait .panel .shortcut-instructions_body .operate-box{column-gap:24px}body.is-mobile-portrait .panel .shortcut-instructions_body .operate-item{width:min(123px,100%)}body.is-mobile-portrait .panel .surveillance-video_body{height:220px!important}body.is-mobile-portrait .panel .surveillance-video_body .video_box{min-height:170px}html.hide-panel body.is-mobile-portrait .panel .layout-content{pointer-events:none}html.hide-panel body.is-mobile-portrait .panel .right-panel,html.hide-panel body.is-mobile-portrait .panel .left-panel,html.hide-panel body.is-mobile-portrait .panel .top-panel,html.hide-panel body.is-mobile-portrait .panel .bottom-panel{opacity:0;pointer-events:none;transform:translateY(-12px)!important}html.base-card-zoom-open body.is-mobile-viewport{overflow:hidden}body.is-mobile-viewport .layout{height:var(--app-viewport-height,100dvh);overflow:hidden}body.is-mobile-viewport .layout:before,body.is-mobile-viewport .layout:after,body.is-mobile-viewport .layout .panel-edge-blur{display:none!important}body.is-mobile-viewport .header{height:var(--header-height,56px);width:var(--app-viewport-width,100vw);transform-origin:0 0;min-width:0;padding-top:var(--safe-area-top,0px);background:linear-gradient(#041532f5,#041532b8 82%,#0000);transform:none}body.is-mobile-viewport .header:before,body.is-mobile-viewport .header:after{display:none}body.is-mobile-viewport .header .header-mask{background:linear-gradient(#041532fa,#041532c2 76%,#0000)}body.is-mobile-viewport .header .header-left,body.is-mobile-viewport .header .fan-box{display:none}body.is-mobile-viewport .header .header-title{left:calc(8px + var(--safe-area-left,0px));right:calc(142px + var(--safe-area-right,0px));height:100%;transform:none}body.is-mobile-viewport .header .header-title .title-text{width:100%;height:100%;font-size:15px;line-height:calc(var(--header-height,56px) - var(--safe-area-top,0px));text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}body.is-mobile-viewport .header .header-title .title-text:before,body.is-mobile-viewport .header .header-title .title-text:after{display:none}body.is-mobile-viewport .header .header-right{right:calc(8px + var(--safe-area-right,0px));top:var(--safe-area-top,0px);height:calc(var(--header-height,56px) - var(--safe-area-top,0px));gap:8px;padding-right:8px;position:absolute}body.is-mobile-viewport .header .header-right .function-box{gap:8px;margin-right:0;transform:none}body.is-mobile-viewport .header .header-right .function-box .function-item{width:34px;height:34px}body.is-mobile-viewport .header .header-right .function-box .warn-box .warn-icon{width:22px;height:22px}body.is-mobile-viewport .header .header-right .function-box .alarm-popover{width:min(360px,var(--app-viewport-width,100vw) - 24px);max-height:min(420px,var(--app-viewport-height,100dvh) - 72px);top:42px;right:-4px}body.is-mobile-viewport .header .header-right .time-box{height:22px;padding:0 8px;font-size:12px;line-height:22px}body.is-mobile-viewport .header .header-right .time-box .time{font-size:15px}body.is-mobile-viewport .header .header-right .time-box .date,body.is-mobile-viewport .header .header-right .time-box .week{display:none}body.is-mobile-viewport .base-card--expanded{max-width:none;max-height:none;left:calc((var(--app-viewport-width,100vw) + var(--safe-area-left,0px) - var(--safe-area-right,0px))/2)!important;top:calc((var(--app-viewport-height,100dvh) + var(--safe-area-top,0px) - var(--safe-area-bottom,0px))/2)!important}body.is-mobile-viewport .base-card--expanded .base-card_body{-webkit-overflow-scrolling:touch;overflow:auto}body.is-mobile-viewport .base-card_close{width:38px;height:38px}body.is-mobile-viewport .base-card_close:before,body.is-mobile-viewport .base-card_close:after{width:18px}body.is-mobile-viewport .base-card-zoom-mask{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body.is-mobile-viewport .base-popup{max-height:calc((var(--app-viewport-height,100dvh) - 24px - var(--safe-area-top,0px) - var(--safe-area-bottom,0px))/var(--popup-scale,1));-webkit-overflow-scrolling:touch;overflow:auto}body.is-mobile-viewport .base-popup .close-icon{width:44px;height:44px}body.is-mobile-portrait .tab-menu-container{left:calc(8px + var(--safe-area-left,0px));right:calc(8px + var(--safe-area-right,0px));top:calc(var(--header-height,56px) + 6px);transform-origin:0 0;z-index:1002;width:auto;height:34px;transform:none}body.is-mobile-portrait .tab-menu-wrapper,body.is-mobile-portrait .tab-menu-wrapper.on,body.is-mobile-portrait .tab-menu-wrapper.off{width:100%;height:100%;transition:none;position:static;transform:none!important}body.is-mobile-portrait .tab-menu-wrapper>div{transition:none;position:static!important}body.is-mobile-portrait .menu-close{display:none!important}body.is-mobile-portrait .menu-open{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;opacity:1!important;pointer-events:auto!important;background:0 0!important;width:100%!important;height:34px!important;display:grid!important}body.is-mobile-portrait .menu-item{border:1px solid #00ffffb8;border-radius:4px;gap:4px;min-width:0;overflow:hidden;box-shadow:inset 0 0 12px #00ffff3d;background:linear-gradient(#098eb2b8,#0045698f)!important;width:auto!important;height:34px!important;position:relative!important;inset:auto!important}body.is-mobile-portrait .menu-item img{flex:none;max-width:16px!important;max-height:16px!important}body.is-mobile-portrait .menu-item span{white-space:nowrap;text-overflow:ellipsis;min-width:0;line-height:1;overflow:hidden;width:auto!important;font-size:12px!important;position:static!important;transform:none!important}body.is-mobile-portrait .menu-item:after{display:none!important}body.is-mobile-portrait .floor-control-wrapper{top:calc(var(--header-height,56px) + 48px);left:calc(8px + var(--safe-area-left,0px));z-index:1002;transform:none}body.is-mobile-portrait .floor-control{flex-direction:row;gap:8px;transform:none}body.is-mobile-portrait .control-item{background:#005c897a;border:1px solid #00ffff9e;border-radius:4px;flex-direction:row;gap:4px;min-width:48px;height:28px;padding:0 8px}body.is-mobile-portrait .control-item img{width:18px!important;height:18px!important}body.is-mobile-portrait .control-item .num{line-height:1;font-size:13px!important}body.is-mobile-landscape .panel{touch-action:manipulation}body.is-mobile-landscape .panel .right-panel{right:calc(var(--panel-gap,8px) + var(--safe-area-right,0px));top:var(--header-height,0px);height:calc(var(--app-viewport-height,100dvh) - var(--header-height,0px) - var(--panel-gap,8px) - var(--safe-area-bottom,0px))}body.is-mobile-landscape .panel .left-panel{left:calc(var(--panel-gap,8px) + var(--safe-area-left,0px))}body.is-mobile-landscape .panel .top-panel,body.is-mobile-landscape .panel .bottom-panel{left:calc(var(--panel-gap,8px) + var(--safe-area-left,0px));width:calc(var(--app-viewport-width,100vw) - var(--safe-area-left,0px) - var(--safe-area-right,0px) - (var(--panel-gap,8px)*2 + 4px) - var(--right-panel-width,376px)*var(--height-scale,1))}body.is-mobile-landscape .panel .bottom-panel{bottom:calc(var(--panel-gap,8px) + var(--safe-area-bottom,0px))}body.is-mobile-landscape .tab-menu-container{top:calc(var(--header-height,56px) + 10px);transform:scale(.36)translateY(0)}body.is-mobile-landscape .floor-control-wrapper{top:calc(var(--header-height,56px) + 136px);left:calc(8px + var(--safe-area-left,0px));transform:scale(.44)}html.hide-panel body.is-mobile-viewport .header{transform:translateY(calc(var(--header-height,56px)*-1))}body.is-force-landscape .base-card--expanded{transform:translate(-50%,-50%)rotate(90deg)scale(var(--base-card-zoom-scale,1));top:50%!important;left:50%!important}body.is-force-landscape .base-card-zoom-mask{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ellipsis-1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.no-data{text-align:center;color:#ffffff80;padding:20px;font-size:12px}.vdr{touch-action:none;box-sizing:border-box;border:1px dashed #000;position:absolute}.handle{box-sizing:border-box;background:#eee;border:1px solid #333;width:10px;height:10px;position:absolute}.handle-tl{cursor:nw-resize;top:-10px;left:-10px}.handle-tm{cursor:n-resize;margin-left:-5px;top:-10px;left:50%}.handle-tr{cursor:ne-resize;top:-10px;right:-10px}.handle-ml{cursor:w-resize;margin-top:-5px;top:50%;left:-10px}.handle-mr{cursor:e-resize;margin-top:-5px;top:50%;right:-10px}.handle-bl{cursor:sw-resize;bottom:-10px;left:-10px}.handle-bm{cursor:s-resize;margin-left:-5px;bottom:-10px;left:50%}.handle-br{cursor:se-resize;bottom:-10px;right:-10px}@media only screen and (max-width:768px){[class*=handle-]:before{content:"";position:absolute;inset:-10px}}.scene-loading-overlay[data-v-d562f81d]{z-index:5000;color:#e9fbff;pointer-events:auto;background:linear-gradient(#020a18f0,#001424f5),radial-gradient(110% 80% at 50% 82%,#007e9057,#0000);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.scene-loading-bg[data-v-d562f81d]{opacity:.7;position:absolute;inset:0}.scene-loading-panel[data-v-d562f81d]{width:min(520px,100% - 72px);position:relative}.scene-loading-subtitle[data-v-d562f81d]{color:#d6fbffd1;min-height:22px;margin-top:0;font-size:15px}.scene-loading-progress[data-v-d562f81d]{background:#001442eb;border:1px solid #ffffff2e;border-radius:999px;height:6px;margin-top:10px;position:relative;overflow:hidden}.scene-loading-progress__bar[data-v-d562f81d]{border-radius:inherit;background:#fff;height:100%;transition:width .18s ease-out;box-shadow:0 0 18px #ffffff73,0 0 28px #ffffff2e}.scene-loading-progress--striped[data-v-d562f81d]{background:#001442eb}.scene-loading-progress__bar--striped[data-v-d562f81d]{background-color:#3c3f45;background-image:linear-gradient(45deg,#fffffff2 25%,#0000 25% 50%,#fffffff2 50% 75%,#0000 75%,#0000);background-size:24px 24px;transition:none;animation:.8s linear infinite scene-loading-stripe-d562f81d}@keyframes scene-loading-stripe-d562f81d{0%{background-position:0 0}to{background-position:24px 0}}.app-shell{width:var(--app-viewport-width,100vw);height:var(--app-viewport-height,100dvh);transform-origin:0 0;position:fixed;inset:0;overflow:hidden}body.is-force-landscape .app-shell{transform:translateX(var(--raw-viewport-width,100vw))rotate(90deg)}.scene-loading-fade-enter-active,.scene-loading-fade-leave-active{transition:opacity .35s}.scene-loading-fade-enter-from,.scene-loading-fade-leave-to{opacity:0}.el-overlay.is-message-box{z-index:3400!important}.el-message{z-index:3401!important}
