.metric-gauge{position:absolute;width:56%;max-width:1000px;height:40%;right:12%;top:0;display:flex;justify-content:space-around}.metric-gauge .provide-q{position:relative;display:flex;flex-direction:column;align-items:center;width:33.33%}.metric-gauge .metric-gauge-bg{background-image:url(../img/dashboard-bg.b1377f0b.png);background-repeat:no-repeat;background-position:50%;width:90%;height:90%;position:absolute;background-size:80%;transition:transform 3s;transform-style:preserve-3d;z-index:1}.metric-gauge .metric-gauge-content{position:absolute;top:35%;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center}.metric-gauge .metric-gauge-content .value{font-size:.15rem;font-family:Impact}.metric-gauge .metric-gauge-content .unit{font-size:.07rem}.metric-gauge .metric-gauge-content .icon{width:45%;height:15%}.metric-gauge .metric-gauge-content .icon>img{width:100%;height:100%}.metric-gauge .metric-gauge-content .title{font-size:.08rem;font-family:FZLTCHJW--GB1-0,SimHei}@media screen and (max-width:1025px) and (orientation:portrait){.metric-gauge{position:relative;width:100%;height:auto;left:0;top:0;display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:15px;box-sizing:border-box}.metric-gauge .provide-q{width:100%;height:90px;position:relative;display:flex;flex-direction:row;align-items:center;background:rgba(68,136,251,.1);border-radius:10px;padding:12px 8px;box-shadow:0 2px 6px rgba(0,0,0,.1)}.metric-gauge .metric-gauge-bg{display:none}.metric-gauge .provide-q>div:nth-child(3){width:40px;height:40px;display:flex;justify-content:center;align-items:center;background:rgba(68,136,251,.2);border-radius:50%;margin-right:10px;flex-shrink:0}.metric-gauge .provide-q>div:nth-child(3) img{width:24px;height:24px}.metric-gauge .provide-q>div:nth-child(2){flex:1;margin:0;margin-top:0!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.metric-gauge .provide-q>div:nth-child(4){position:absolute;top:-4px;left:26px;font-size:12px!important;color:#4488fb;background:rgba(68,136,251,.1);padding:2px 6px;border-radius:10px}.metric-gauge .provide-q .custom-font-22{font-size:22px!important;font-weight:700;color:#4488fb;line-height:1.5;margin-bottom:2px}.metric-gauge .provide-q .custom-font-12{font-size:12px!important;color:#666}}@media screen and (max-width:1025px) and (orientation:portrait){.metric-gauge .ivu-divider-vertical{display:none}.metric-gauge .metric-gauge-bg{background-image:none!important;position:relative!important;width:100%!important;height:100%!important;display:block;transform:none!important;z-index:2}.metric-gauge .metric-gauge-content{position:relative!important;top:0!important;left:0!important;transform:none!important;display:flex!important;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 0 0 10px}.metric-gauge .metric-gauge-content .icon{order:1;width:35px;height:35px;margin-right:8px}.metric-gauge .data-group{order:2;display:flex;flex-direction:column;align-items:flex-start;flex:1}.metric-gauge .metric-gauge-content .value{font-size:20px!important;color:#4488fb}.metric-gauge .metric-gauge-content .unit{font-size:12px!important;color:#888}.metric-gauge .metric-gauge-content .title{order:3;position:absolute;top:-12px;left:10px;background:#eef4ff;padding:2px 8px;border-radius:4px;font-size:11px!important;color:#4488fb}}@media screen and (min-width:768px) and (max-width:1025px) and (orientation:portrait){.metric-gauge .provide-q>div:nth-child(4){left:34.5%}}@media (max-width:1440px) and (orientation:landscape){.metric-gauge .provide-q .custom-font-22{font-size:20px!important}.metric-gauge .provide-q .custom-font-12{font-size:12px!important}.metric-gauge .provide-q img{width:32px;height:32px}}@media screen and (max-width:1023px) and (orientation:landscape){.metric-gauge{left:35%}}.flow-diagram[data-v-7a2c6375]{width:100%;height:100%;overflow:hidden}[data-v-7a2c6375] svg{width:100%;height:100%;display:block;will-change:transform;transform:translateZ(0)}[data-v-7a2c6375] .line{fill:none;stroke:#4a5568;stroke-width:3;stroke-linecap:round}[data-v-7a2c6375] .line-ac{stroke:#ffcdcd}[data-v-7a2c6375] .line-dc-in{stroke:#05dc1d}[data-v-7a2c6375] .line-dc-out{stroke:#7c6aff}[data-v-7a2c6375] .line-load{stroke:#d7dee8}[data-v-7a2c6375] .flow-dot{fill:#0ff}[data-v-7a2c6375] .static-text{font-size:12px;fill:#ccc}[data-v-7a2c6375] .power-text,[data-v-7a2c6375] .static-text{font-family:Arial,sans-serif;font-weight:700;text-anchor:middle}[data-v-7a2c6375] .power-text{font-size:16px;fill:#4488fb}[data-v-7a2c6375] .italic-text{font-size:14px;font-weight:700;fill:#8077c7;transform:rotate(-30deg);transform-origin:center;transform-box:fill-box}[data-v-7a2c6375] .offline{opacity:.3;filter:grayscale(100%);transition:all .3s}.header[data-v-14aaebe9]{width:100%;height:4%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1vh;padding:0 20px;position:relative}.header .header-item[data-v-14aaebe9]{width:auto;height:100%;display:flex;align-items:center}.header-slot[data-v-14aaebe9]{flex:1;height:100%;display:flex;justify-content:flex-end;align-items:center;gap:10px}.offline-warning-tag[data-v-14aaebe9]{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.1)}.offline-warning-tag[data-v-14aaebe9]:hover{background:#fecaca}.button-container[data-v-14aaebe9]{display:flex;gap:0;height:100%;margin-top:2px;position:relative;z-index:1;border-radius:6px;overflow:hidden}.menu-background[data-v-14aaebe9]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.5);border:1px solid rgba(68,136,251,.2);border-radius:6px;z-index:-1}.active-indicator[data-v-14aaebe9]{position:absolute;bottom:0;height:3px;background-color:#4488fb;transition:all .3s cubic-bezier(.645,.045,.355,1);border-radius:3px 3px 0 0;z-index:2;box-shadow:0 0 6px rgba(68,136,251,.5)}.custom-button[data-v-14aaebe9]{border:none;background:transparent;color:#333;font-size:14px;font-weight:500;padding:0 20px;min-width:80px;letter-spacing:1px;position:relative;transition:all .3s ease;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;height:100%;border-right:1px solid rgba(68,136,251,.1)}.button-text[data-v-14aaebe9]{position:relative;padding-bottom:2px}.custom-button[data-v-14aaebe9]:hover{color:#4488fb;background-color:rgba(68,136,251,.05)}.custom-button:hover .button-text[data-v-14aaebe9]:after{width:100%}.custom-button[data-v-14aaebe9]:first-child{border-left:1px solid rgba(68,136,251,.1)}.button-text[data-v-14aaebe9]:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background-color:#4488fb;transition:width .3s ease,left .3s ease;transform:translateX(-50%)}.custom-button.activated[data-v-14aaebe9]{color:#4488fb;font-weight:600;background-color:rgba(68,136,251,.15);box-shadow:inset 0 -5px 10px -5px rgba(68,136,251,.2)}.custom-button.activated .button-text[data-v-14aaebe9]:after{width:100%;height:2px}.custom-button i[data-v-14aaebe9]{margin-right:5px}@media screen and (max-width:1025px) and (orientation:portrait){.header[data-v-14aaebe9]{padding:0;flex-direction:column;height:auto;gap:10px}.header .header-item[data-v-14aaebe9],.header .header-slot[data-v-14aaebe9]{width:100%}.button-container[data-v-14aaebe9]{width:100%;justify-content:center}.header-slot[data-v-14aaebe9]{justify-content:center}.custom-button[data-v-14aaebe9]{min-width:0;flex:1;height:auto;font-size:12px;padding:4px;text-wrap:wrap}}@media (min-width:1024px) and (max-width:1440px) and (orientation:landscape){.custom-button[data-v-14aaebe9]{font-size:12px}}.flow-diagram[data-v-4162d090]{width:100%;height:100%;overflow:hidden}[data-v-4162d090] svg{width:100%;height:100%;display:block;will-change:transform;transform:translateZ(0)}[data-v-4162d090] .line{fill:none;stroke:#4a5568;stroke-width:3;stroke-linecap:round}[data-v-4162d090] .line-ac{stroke:#ffcdcd}[data-v-4162d090] .line-dc-in{stroke:#05dc1d}[data-v-4162d090] .line-dc-out{stroke:#7c6aff}[data-v-4162d090] .line-load{stroke:#d7dee8}[data-v-4162d090] .flow-dot{fill:#0ff}[data-v-4162d090] .static-text{font-size:12px;fill:#ccc}[data-v-4162d090] .power-text,[data-v-4162d090] .static-text{font-family:Arial,sans-serif;font-weight:700;text-anchor:middle}[data-v-4162d090] .power-text{font-size:16px;fill:#4488fb}[data-v-4162d090] .italic-text{font-size:14px;font-weight:700;fill:#8077c7;transform:rotate(-30deg);transform-origin:center;transform-box:fill-box}[data-v-4162d090] .offline{opacity:.3}.page[data-v-6ae744ac]{width:100%;height:100%}.comm-status-wrapper[data-v-6ae744ac]{display:flex;margin:8px 0}.icon-error[data-v-6ae744ac]{width:.18rem;height:.18rem;background:url(data:image/png;base64,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) no-repeat 50%;background-size:100%;margin-right:.05rem}.comm-status-item[data-v-6ae744ac]{display:flex;align-items:center;font-size:14px;font-weight:500;line-height:1;white-space:nowrap}.status-dot[data-v-6ae744ac]{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;box-shadow:0 0 6px rgba(0,0,0,.3)}.energy-dashboard[data-v-6ae744ac]{padding:0 15px 0 10px;background-color:#f4f6f9;width:100%;height:calc(96% - 1vh);min-height:0}.flow-diagram-section[data-v-6ae744ac]{position:relative;width:100%;height:62%;border-bottom:2px solid #c9dafe;margin-bottom:10px}.bottom-charts-row[data-v-6ae744ac]{width:100%;height:calc(38% - 25px)}.bottom-charts-row .el-col[data-v-6ae744ac]{height:100%;margin-bottom:15px}.chart-card[data-v-6ae744ac]{height:100%;background:transparent;border-radius:8px;padding:15px}.chart-header[data-v-6ae744ac]{height:28px;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap}.chart-header h3[data-v-6ae744ac]{margin:0;font-size:17px;font-weight:700}.chart-controls[data-v-6ae744ac]{display:flex;align-items:center}.chart-datepicker[data-v-6ae744ac]{margin-left:10px;width:140px}.chart-body[data-v-6ae744ac]{width:100%;height:calc(100% - 28px)}@media (max-width:1025px){.energy-dashboard[data-v-6ae744ac]{padding:10px}.bottom-charts-row[data-v-6ae744ac],.flow-diagram-section[data-v-6ae744ac]{height:auto}.chart-header[data-v-6ae744ac]{height:auto;flex-direction:column;align-items:flex-start}.chart-header h3[data-v-6ae744ac]{margin-bottom:10px}.chart-controls[data-v-6ae744ac]{align-items:stretch;width:100%}.chart-controls .el-radio-group[data-v-6ae744ac]{align-self:flex-start}.chart-body[data-v-6ae744ac]{height:250px}}@media (max-width:1023px) and (orientation:landscape){[data-v-6ae744ac] .custom-button{min-width:0;font-size:8px}}.layout-base[data-v-062fe506]{height:100%}.layout-base .ivu-layout[data-v-062fe506]{background:transparent}.layout-header[data-v-062fe506]{height:5vh;line-height:5vh;display:flex;background:#fff;color:#868e99}.layout-footer[data-v-062fe506]{color:#fff;text-align:center}.layout-content[data-v-062fe506]{height:70vh;overflow:auto}.title[data-v-062fe506]{font-size:.08rem;display:inline-block;margin-right:.5vw}[data-v-062fe506] .ivu-table,[data-v-062fe506] .ivu-table:before{background-color:transparent}[data-v-062fe506] .ivu-table-header th{border:none;text-align:center;color:#868e99;background:#eff4fb}[data-v-062fe506] .ivu-table .table-dark-row td{text-align:center;background-color:#eff4fb;color:#000;border:none}[data-v-062fe506] .ivu-table .table-light-row td{text-align:center;background-color:#cdd0ee;color:#000;border:none}[data-v-062fe506] .ivu-table-cell{white-space:nowrap;text-overflow:clip;padding:0}@media screen and (max-width:1023px){.layout-header[data-v-062fe506]{flex-wrap:wrap;padding:0;height:auto;line-height:1}.barcode[data-v-062fe506]{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}.barcode .title[data-v-062fe506]{height:100%;font-size:14px;line-height:32px}.barcode[data-v-062fe506] .ivu-select,.status[data-v-062fe506] .ivu-select{width:auto!important}.status[data-v-062fe506]{margin-left:0;margin-right:10px;margin-bottom:10px;display:flex;align-items:center}.status .title[data-v-062fe506]{font-size:14px;margin-right:5px}.serch[data-v-062fe506]{margin-left:0;margin-bottom:10px}.gateway-select[data-v-062fe506],.status-select[data-v-062fe506]{width:auto!important;min-width:100px}.action-buttons[data-v-062fe506]{display:flex}.action-buttons button[data-v-062fe506]{padding:4px 12px}.layout-content[data-v-062fe506]{height:auto;min-height:60vh}[data-v-062fe506] .ivu-table-cell{padding:8px 4px;font-size:12px}}@media screen and (min-width:768px) and (max-width:1023px){.barcode[data-v-062fe506]{width:auto}}@media screen and (min-width:1024px) and (max-width:1440px){.layout-header[data-v-062fe506]{padding:0 5px}.layout-header .title[data-v-062fe506]{font-size:14px;margin-right:2px}.status>div[data-v-062fe506]:last-of-type{width:auto!important}}