.panel[data-v-1b3a992c]{background:#fff;border-radius:8px;border:1px solid #e8edf3;box-shadow:0 1px 4px rgba(0,0,0,.04);display:flex;flex-direction:column;overflow:hidden}.panel-header[data-v-1b3a992c]{padding:10px 14px;border-bottom:1px solid #f0f3f8;background:linear-gradient(135deg,#f7f9fc,#eef2f9)}.panel-title[data-v-1b3a992c]{font-size:15px;font-weight:700;color:#303133}.panel-toolbar[data-v-1b3a992c]{display:flex;align-items:center;gap:8px;padding:8px 14px;flex-wrap:wrap}.hbgl-toolbar[data-v-1b3a992c]{justify-content:flex-start;gap:12px;flex-wrap:nowrap}.date-selector[data-v-1b3a992c]{display:flex;align-items:center;gap:12px;flex:1}.hbgl-style .date-picker[data-v-1b3a992c]{flex:0 0 auto;width:9vw;display:flex;align-items:center}.hbgl-style .time-select[data-v-1b3a992c]{margin:0;white-space:nowrap;height:28px;line-height:28px}.panel-chart[data-v-1b3a992c]{position:relative;flex:1;min-height:0}.hbgl-chart[data-v-1b3a992c]{flex:1}.area-select[data-v-1b3a992c]{width:140px;flex-shrink:0}.date-picker[data-v-1b3a992c]{flex:0 0 auto;width:130px;display:flex;align-items:center}.date-picker.range-picker[data-v-1b3a992c]{width:auto;flex:1}.chart-empty[data-v-1b3a992c]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#c0c4cc;font-size:14px}.time-select[data-v-1b3a992c]{font-size:14px}.load-curve-panel[data-v-1b3a992c]{flex:1;min-height:0;max-height:420px}.hbgl-style[data-v-1b3a992c]{width:100%;flex:0 0 45%}.demo-spin-icon-load[data-v-1b3a992c]{animation:ani-demo-spin-1b3a992c 1s linear infinite}@keyframes ani-demo-spin-1b3a992c{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}.panel[data-v-19f252f0]{background:#fff;border-radius:8px;border:1px solid #e8edf3;box-shadow:0 1px 4px rgba(0,0,0,.04);display:flex;flex-direction:column;overflow:hidden}.panel-header[data-v-19f252f0]{padding:10px 14px;border-bottom:1px solid #f0f3f8;background:linear-gradient(135deg,#f7f9fc,#eef2f9);flex-shrink:0}.panel-title[data-v-19f252f0]{font-size:15px;font-weight:700;color:#303133}.device-info-panel[data-v-19f252f0]{flex:0 0 auto}.stats-grid[data-v-19f252f0]{display:flex;flex-direction:column;gap:8px;padding:10px 14px}.stat-card[data-v-19f252f0]{display:flex;flex-direction:column;gap:4px}.stat-label-row[data-v-19f252f0]{font-size:13px;font-weight:600;color:#606266}.stat-items[data-v-19f252f0]{display:flex;gap:8px}.stat-item[data-v-19f252f0]{flex:1;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;background:#f9fafb;min-width:0}.stat-body[data-v-19f252f0]{flex:1;min-width:0;text-align:center}.stat-number[data-v-19f252f0]{font-size:22px;font-weight:700;color:#303133;line-height:1.2}.stat-number span[data-v-19f252f0]{font-size:16px;font-weight:500}.stat-label[data-v-19f252f0]{font-size:12px;color:#909399;margin-top:2px}.panel[data-v-63f940ea]{background:#fff;border-radius:8px;border:1px solid #e8edf3;box-shadow:0 1px 4px rgba(0,0,0,.04)}.panel-header[data-v-63f940ea]{padding:10px 14px;border-bottom:1px solid #f0f3f8;background:linear-gradient(135deg,#f7f9fc,#eef2f9)}.panel-title[data-v-63f940ea]{font-size:15px;font-weight:700;color:#303133}.stats-grid[data-v-63f940ea]{display:flex;flex-direction:column;gap:8px;padding:10px 14px}.stat-card[data-v-63f940ea]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;background:#f9fafb;transition:background .2s}.stat-card[data-v-63f940ea]:hover{background:#f0f5ff}.stat-icon[data-v-63f940ea]{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon img[data-v-63f940ea]{width:28px;height:28px}.stat-body[data-v-63f940ea]{flex:1;min-width:0}.stat-number[data-v-63f940ea]{font-size:22px;font-weight:700;color:#303133;line-height:1.2}.stat-total[data-v-63f940ea]{font-size:14px;font-weight:400;color:#909399}.stat-label[data-v-63f940ea]{font-size:12px;color:#909399;margin-top:2px}.device-stats-panel[data-v-63f940ea]{flex-shrink:0}.panel[data-v-252bbfcb]{background:#fff;border:1px solid #e8edf3;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.04);overflow:hidden}.panel-header[data-v-252bbfcb]{padding:10px 14px;border-bottom:1px solid #f0f3f8;background:linear-gradient(135deg,#f7f9fc,#eef2f9)}.panel-title[data-v-252bbfcb]{font-size:15px;font-weight:700;color:#303133}.device-overview-396[data-v-252bbfcb]{flex-shrink:0}.overview-content[data-v-252bbfcb]{padding:8px 14px 12px;display:flex;flex-direction:column;gap:8px}.overview-row[data-v-252bbfcb]{min-height:74px;display:flex;align-items:stretch;border:1px solid #eef2f8;border-radius:6px;background:#fbfcff}.row-title[data-v-252bbfcb]{width:42px;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;color:#606266;font-size:13px;font-weight:600;border-right:1px solid #eef2f8}.overview-value[data-v-252bbfcb]{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 6px}.overview-value.has-border[data-v-252bbfcb]{border-right:1px solid #cdddfe}.number[data-v-252bbfcb]{color:#303133;font-size:30px;font-weight:700;line-height:1.15}.total[data-v-252bbfcb]{font-size:16px;font-weight:400;color:#909399}.text[data-v-252bbfcb]{margin-top:2px;color:#909399;font-size:13px;line-height:1.2;text-align:center}.panel[data-v-4c27e739]{background:#fff;border-radius:8px;border:1px solid #e8edf3;box-shadow:0 1px 4px rgba(0,0,0,.04)}.panel-header[data-v-4c27e739]{padding:10px 14px;border-bottom:1px solid #f0f3f8;background:linear-gradient(135deg,#f7f9fc,#eef2f9)}.panel-title[data-v-4c27e739]{font-size:15px;font-weight:700;color:#303133}.stats-grid[data-v-4c27e739]{display:flex;flex-direction:column;gap:8px;padding:10px 14px}.stat-card[data-v-4c27e739]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;background:#f9fafb;transition:background .2s}.stat-card[data-v-4c27e739]:hover{background:#f0f5ff}.stat-icon[data-v-4c27e739]{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon img[data-v-4c27e739]{width:28px;height:28px}.stat-body[data-v-4c27e739]{flex:1;min-width:0}.stat-number[data-v-4c27e739]{font-size:22px;font-weight:700;color:#303133;line-height:1.2}.stat-total[data-v-4c27e739]{font-size:14px;font-weight:400;color:#909399}.stat-label[data-v-4c27e739]{font-size:12px;color:#909399;margin-top:2px}.total-energy-panel[data-v-4c27e739]{flex-shrink:0}.left-part[data-v-5e9192fa]{width:30%;height:90%;padding:8px 12px;display:flex;flex-direction:column;gap:12px}.left-part.hbgl-style[data-v-5e9192fa]{height:100%}.device-item[data-v-287caaf6]{width:100%;height:100%;border:1px solid #cdddfe;display:flex;flex-direction:column;align-items:center;cursor:pointer;overflow:hidden}.device-item .device-item-title[data-v-287caaf6]{width:100%;height:12%;font-size:16px;font-weight:600;display:flex;justify-content:center;align-items:center}.device-item .device-item-area[data-v-287caaf6]{width:100%;height:6%;font-size:12px;color:#909399;display:flex;justify-content:center;align-items:center}.device-item .device-item-img[data-v-287caaf6]{width:62%;height:40%;display:flex;justify-content:center;align-items:center}.device-item .device-item-img>img[data-v-287caaf6]{max-width:92%;max-height:92%;-o-object-fit:contain;object-fit:contain}.device-item .device-item-detail[data-v-287caaf6]{width:85%;height:42%}.device-item .device-item-detail .detail-row[data-v-287caaf6]{width:100%;height:20%;display:flex;justify-content:space-between;align-items:center}.progress-title[data-v-287caaf6]{width:35%;font-weight:700}.detail-value[data-v-287caaf6]{flex:1;text-align:right}.unit[data-v-287caaf6]{margin-left:2px}.device-item.is-device .device-item-detail[data-v-287caaf6]{display:flex;flex-direction:column;justify-content:center;gap:10px}.device-item.is-device .device-item-detail .detail-row[data-v-287caaf6]{height:auto;min-height:20px;padding:4px 0}.bg-information[data-v-ff242852]{width:15px;height:15px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAA5klEQVQokXXSrU5DQRDF8V9vSENwTeAN+gyoKgQfAo0oQSDLo6CpJIiikBBaJEkNkhAk1QiSoqvIkLnJpix/s9k95+zembmdm4c3BYcYYYAelphjjFlra3LtYoIpjjMQfOZF09S7ZegaQ3/Zw3ueDtNnAwf/BIIPbBX78E3ipYuKeYETXFa0UZNFl3xl8aHtVEKDpii6ZRtneMZ+JdRrsq3rvGIT/Yq2bPJT1omZ1F4J5hG6qggv2MVdRRtH6Am3lWY8VpoUvlnMKTjPtZ1XNKFTCfz62j9ihVMc4R7fbdG5j/PQV/ADfIQsbVjPbs0AAAAASUVORK5CYII=) no-repeat 50%}.device-item[data-v-ff242852]{width:100%;height:100%;border:1px solid #cdddfe;display:flex;flex-direction:column;align-items:center}.device-item .device-item-title[data-v-ff242852]{width:100%;height:20%;font-size:16px;font-weight:600;display:flex;justify-content:center;align-items:center}.device-item .device-item-img[data-v-ff242852]{width:70%;height:50%;display:flex;justify-content:center;align-items:center}.device-item .device-item-img>img[data-v-ff242852]{width:80%;height:80%}.device-item .device-item-detail[data-v-ff242852]{width:80%;height:40%;margin-bottom:2vh}.device-item .device-item-detail>div[data-v-ff242852]{width:100%;height:25%;display:flex;justify-content:center;align-items:center}.device-item-detail .progress-title[data-v-ff242852]{width:5em}.device-item-detail .progress-value[data-v-ff242852]{flex:1}.device-item-detail .progress-value-text[data-v-ff242852]{width:2em}.device-item-detail .progress-value .progress-value-item[data-v-ff242852]{width:32%;height:100%;border-radius:3px;position:relative}.device-item-detail .progress-value .progress-value-item.active[data-v-ff242852]:after{content:"";width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:5px solid #fff;position:absolute;left:50%;bottom:0;transform:translateX(-50%)}.bg-information[data-v-ef927376]{width:15px;height:15px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAA5klEQVQokXXSrU5DQRDF8V9vSENwTeAN+gyoKgQfAo0oQSDLo6CpJIiikBBaJEkNkhAk1QiSoqvIkLnJpix/s9k95+zembmdm4c3BYcYYYAelphjjFlra3LtYoIpjjMQfOZF09S7ZegaQ3/Zw3ueDtNnAwf/BIIPbBX78E3ipYuKeYETXFa0UZNFl3xl8aHtVEKDpii6ZRtneMZ+JdRrsq3rvGIT/Yq2bPJT1omZ1F4J5hG6qggv2MVdRRtH6Am3lWY8VpoUvlnMKTjPtZ1XNKFTCfz62j9ihVMc4R7fbdG5j/PQV/ADfIQsbVjPbs0AAAAASUVORK5CYII=) no-repeat 50%}.device-card[data-v-ef927376]{width:100%;height:100%;border-radius:10px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .25s,box-shadow .25s;cursor:pointer}.device-card[data-v-ef927376]:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(64,158,255,.18)}.device-card.is-offline[data-v-ef927376]{opacity:.45;filter:grayscale(.6)}.card-top[data-v-ef927376]{height:45%;display:flex;justify-content:center;align-items:center;position:relative;border-radius:10px 10px 0 0}.card-icon-img[data-v-ef927376]{width:48px;height:48px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.15))}.online-badge[data-v-ef927376]{position:absolute;top:6px;left:8px;font-size:11px;padding:1px 8px;border-radius:10px;background:rgba(0,0,0,.25);color:#fff;line-height:1.6}.online-badge.is-online[data-v-ef927376]{background:rgba(82,196,26,.85)}.card-body[data-v-ef927376]{flex:1;padding:8px 10px 10px;display:flex;flex-direction:column;justify-content:space-between}.card-name-row[data-v-ef927376]{display:flex;justify-content:space-between;align-items:flex-start;gap:4px;margin-bottom:6px}.card-name[data-v-ef927376]{flex:1;display:flex;flex-wrap:wrap;align-content:flex-start;gap:4px;overflow:hidden;max-height:45px}.name-tag[data-v-ef927376]{font-size:11px;font-weight:500;background:#f0f5ff;color:#2f54eb;padding:2px 6px;border-radius:4px;border:1px solid #adc6ff;white-space:nowrap;line-height:1.2}.card-info-icon[data-v-ef927376]{flex-shrink:0;cursor:pointer;opacity:.5;transition:opacity .2s}.card-info-icon[data-v-ef927376]:hover{opacity:1}.card-metrics[data-v-ef927376]{display:flex;flex-direction:column;gap:4px}.metric-item[data-v-ef927376]{display:flex;justify-content:space-between;align-items:center;padding:3px 0;border-bottom:1px dashed #f0f0f0}.metric-item[data-v-ef927376]:last-child{border-bottom:none}.metric-label[data-v-ef927376]{font-size:11px;color:#909399;white-space:nowrap}.metric-value[data-v-ef927376]{font-size:13px;font-weight:600;color:#303133;text-align:right}.metric-value em[data-v-ef927376]{font-style:normal;font-size:10px;font-weight:400;color:#909399;margin-left:2px}.filter-bar[data-v-3805d938]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-shrink:0}.filter-buttons[data-v-3805d938]{display:flex;gap:0;border:1px solid #dcdfe6;border-radius:6px;overflow:hidden}.filter-btn[data-v-3805d938]{padding:5px 14px;font-size:13px;border:none;background:#fff;color:#606266;cursor:pointer;transition:all .2s;border-right:1px solid #dcdfe6;outline:none}.filter-btn[data-v-3805d938]:last-child{border-right:none}.filter-btn[data-v-3805d938]:hover{color:#409eff;background:#ecf5ff}.filter-btn.active[data-v-3805d938]{color:#fff;background:#409eff}.device-count[data-v-3805d938]{font-size:13px;color:#909399;white-space:nowrap}.device-count strong[data-v-3805d938]{color:#409eff;font-size:15px}.right-part[data-v-e104969e]{width:70%;height:90%;padding:12px 20px;border-left:2px solid #e8edf3;display:flex;flex-direction:column}.hbgl-style[data-v-e104969e]{border-left:none;padding:0 12px;height:100%}.device-list[data-v-e104969e]{width:100%;flex:1;min-height:0;display:grid;overflow:auto;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(5,1fr);gap:12px;align-content:start;padding:2px}.hbgl-grid[data-v-e104969e]{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(5,1fr);gap:10px}.pagination-bar[data-v-e104969e]{flex-shrink:0;display:flex;justify-content:center;align-items:center;gap:12px;padding:10px 0 0;margin-top:auto}.pagination-info[data-v-e104969e]{font-size:12px;color:#909399;white-space:nowrap}.config-footer[data-v-7d3949ef]{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #e8e8e8;margin-top:12px}.hint[data-v-7d3949ef]{margin-left:8px;color:#999;font-size:12px}.preview-panel[data-v-7d3949ef]{margin-top:8px}.preview-box[data-v-7d3949ef]{display:flex;border:1px dashed #d9d9d9;border-radius:6px;height:250px;overflow:hidden;font-size:11px}.preview-left[data-v-7d3949ef]{width:30%;display:flex;flex-direction:column;gap:2px;padding:4px;background:#fafafa;border-right:1px solid #e8e8e8}.preview-section[data-v-7d3949ef]{border:1px solid #e0e0e0;border-radius:3px;display:flex;align-items:center;justify-content:center;background:#fff}.prev-loadCurve[data-v-7d3949ef]{flex:2}.prev-deviceCounts[data-v-7d3949ef]{flex:1;background:#e6f7ff}.prev-deviceStats[data-v-7d3949ef]{flex:1;background:#f6ffed}.prev-deviceOverview396[data-v-7d3949ef]{flex:1;background:#f0f5ff}.prev-buildingEnergy[data-v-7d3949ef]{flex:1;background:#fff7e6}.prev-gaugeCharts[data-v-7d3949ef]{flex:1;background:#f9f0ff}.preview-right[data-v-7d3949ef]{flex:1;padding:4px;display:flex;flex-direction:column}.preview-header[data-v-7d3949ef]{height:20px;margin-bottom:4px}.preview-grid[data-v-7d3949ef]{flex:1;display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.preview-card[data-v-7d3949ef]{border:1px solid #e0e0e0;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:9px}.card-powerDetail[data-v-7d3949ef]{background:#e6f7ff}.card-energyMetrics[data-v-7d3949ef]{background:#f6ffed}.card-iconMetrics[data-v-7d3949ef]{background:#fff7e6}.preview-page[data-v-7d3949ef]{text-align:center;color:#999;margin-top:4px;font-size:10px}.prev-label[data-v-7d3949ef]{color:#666}.prev-filter[data-v-7d3949ef]{color:#409eff}.device-row[data-v-7d3949ef]{border:1px solid #e8e8e8;border-radius:4px;padding:6px 8px;margin-bottom:6px}.device-fields[data-v-7d3949ef]{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.cat-row[data-v-7d3949ef]{display:flex;gap:4px;align-items:center;margin-bottom:4px;font-size:12px}.container[data-v-55888de5]{width:100%;height:100%;position:relative}.main[data-v-55888de5]{width:100%;height:95%;display:flex;justify-content:flex-start}.device-info-container[data-v-55888de5]{width:100%;height:100%;padding:20px;box-sizing:border-box}@media screen and (max-width:1025px) and (orientation:portrait){.container[data-v-55888de5]{height:auto;min-height:100vh;padding:0 8px;overflow-y:auto}.main[data-v-55888de5]{flex-direction:column;height:auto}}@media (max-width:1440px) and (orientation:landscape){.left-part[data-v-55888de5],.right-part[data-v-55888de5]{padding:0 8px 8px}}@media screen and (max-width:1023px) and (orientation:landscape){.container[data-v-55888de5]{width:1180px;height:748px;transform:scale(.7,.46);transform-origin:top left}}