@font-face{font-family:mokuaiXi;src:url(../fonts/模块内容细字体.7d731481.ttf)}@font-face{font-family:mokuaiTitile;src:url(../fonts/模块标题字体粗.07c596ce.ttf)}@font-face{font-family:Title;src:url(../fonts/大屏标题字体.5826f736.ttf)}@font-face{font-family:number;src:url(../fonts/数字字体.38e02587.ttf)}@font-face{font-family:number2;src:url(../fonts/数字字体二号.e7c99e7b.ttf)}.dataCenter[data-v-2caa5f59]{width:100vw;height:100vh;background:linear-gradient(135deg,#0a1929,#1a2332 50%,#0a1929);position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;padding:0;box-sizing:border-box;font-family:Microsoft YaHei,sans-serif}.bottomBgc[data-v-2caa5f59],.leftBgc[data-v-2caa5f59],.rightBgc[data-v-2caa5f59]{position:absolute;background-size:100% 100%;background-repeat:no-repeat;pointer-events:none;opacity:.3;z-index:1}.leftBgc[data-v-2caa5f59]{left:0;top:0;width:25vw;height:100vh;background-image:url(../img/left_bgc.49244b1e.png)}.rightBgc[data-v-2caa5f59]{right:0;top:0;width:25vw;height:100vh;background-image:url(../img/right_bgc.41af5f6f.png)}.bottomBgc[data-v-2caa5f59]{left:0;bottom:0;width:100vw;height:15vh;background-image:url(../img/bottom_bgc.e3140e04.png)}.screen-header[data-v-2caa5f59]{height:.46875rem;display:flex;justify-content:space-between;align-items:center;padding:0 .20833rem;background:linear-gradient(180deg,rgba(0,212,255,.1),transparent);border-bottom:.01042rem solid rgba(0,212,255,.3);position:relative;z-index:10}.header-left[data-v-2caa5f59],.header-right[data-v-2caa5f59]{flex:1;display:flex;flex-direction:column;gap:.04167rem}.header-left[data-v-2caa5f59]{align-items:flex-start}.header-right[data-v-2caa5f59]{align-items:flex-end}.current-time[data-v-2caa5f59]{font-size:.09375rem;color:#00d4ff;font-weight:600;font-family:Courier New,monospace;text-shadow:0 0 .05208rem rgba(0,212,255,.5)}.current-week[data-v-2caa5f59]{font-size:.07292rem;color:rgba(184,249,253,.8)}.header-center[data-v-2caa5f59]{flex:2;display:flex;justify-content:center;align-items:center}.screen-title[data-v-2caa5f59]{font-size:.21875rem;font-weight:700;margin:0;background:linear-gradient(135deg,#00d4ff,#409eff 50%,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.04167rem;text-shadow:0 0 .10417rem rgba(0,212,255,.5);animation:titleGlow-2caa5f59 3s ease-in-out infinite}@keyframes titleGlow-2caa5f59{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.weather-info[data-v-2caa5f59]{display:flex;align-items:center;gap:.04167rem;font-size:.08333rem;color:#b8f9fd}.weather-info i[data-v-2caa5f59]{font-size:.125rem;color:#00d4ff}.main-content[data-v-2caa5f59]{flex:1;display:flex;gap:.08333rem;padding:.08333rem;position:relative;z-index:5;overflow:hidden}.left-section[data-v-2caa5f59]{width:1.45833rem;display:flex;flex-direction:column;gap:.0625rem}.device-stats-panel[data-v-2caa5f59]{background:rgba(15,35,65,.6);backdrop-filter:blur(.05208rem);border-radius:.04167rem;border:.00521rem solid rgba(0,212,255,.3);box-shadow:0 .02083rem .10417rem rgba(0,0,0,.5),inset 0 0 .10417rem rgba(0,212,255,.1);overflow:hidden}.device-stats-panel .panel-header[data-v-2caa5f59]{background:linear-gradient(135deg,rgba(0,212,255,.3),rgba(64,158,255,.3));padding:.0625rem .08333rem;border-bottom:.00521rem solid rgba(0,212,255,.3)}.device-stats-panel .panel-header .panel-title[data-v-2caa5f59]{margin:0;font-size:.07292rem;font-weight:600;color:#00d4ff;display:flex;align-items:center;gap:.04167rem;text-shadow:0 0 .05208rem rgba(0,212,255,.5)}.device-stats-panel .panel-header .panel-title i[data-v-2caa5f59]{font-size:.08333rem}.device-stats-panel .stats-container[data-v-2caa5f59]{display:grid;grid-template-columns:1fr 1fr;gap:.05208rem;padding:.0625rem}.device-stats-panel .stat-card[data-v-2caa5f59]{background:rgba(0,212,255,.05);border:.00521rem solid rgba(0,212,255,.2);border-radius:.03125rem;padding:.0625rem;display:flex;align-items:center;gap:.05208rem;transition:all .3s ease}.device-stats-panel .stat-card[data-v-2caa5f59]:hover{background:rgba(0,212,255,.1);border-color:rgba(0,212,255,.4);transform:translateY(-.01042rem)}.device-stats-panel .stat-card .stat-icon[data-v-2caa5f59]{width:.1875rem;height:.1875rem;border-radius:.04167rem;display:flex;align-items:center;justify-content:center}.device-stats-panel .stat-card .stat-icon i[data-v-2caa5f59]{font-size:.09375rem}.device-stats-panel .stat-card .stat-info[data-v-2caa5f59]{display:flex;flex-direction:column}.device-stats-panel .stat-card .stat-info .stat-value[data-v-2caa5f59]{font-size:.09375rem;font-weight:700;color:#fff;line-height:1.2}.device-stats-panel .stat-card .stat-info .stat-label[data-v-2caa5f59]{font-size:.05729rem;color:rgba(184,249,253,.7)}.device-stats-panel .stat-card.total .stat-icon[data-v-2caa5f59]{background:linear-gradient(135deg,rgba(79,172,254,.3),rgba(0,242,254,.3))}.device-stats-panel .stat-card.total .stat-icon i[data-v-2caa5f59]{color:#4facfe}.device-stats-panel .stat-card.online .stat-icon[data-v-2caa5f59]{background:linear-gradient(135deg,rgba(0,255,136,.3),rgba(0,212,255,.3))}.device-stats-panel .stat-card.online .stat-icon i[data-v-2caa5f59]{color:#0f8}.device-stats-panel .stat-card.offline .stat-icon[data-v-2caa5f59]{background:linear-gradient(135deg,hsla(0,100%,71%,.3),rgba(255,165,0,.3))}.device-stats-panel .stat-card.offline .stat-icon i[data-v-2caa5f59]{color:#ff6b6b}.device-stats-panel .stat-card.rate .stat-icon[data-v-2caa5f59]{background:linear-gradient(135deg,rgba(102,126,234,.3),rgba(118,75,162,.3))}.device-stats-panel .stat-card.rate .stat-icon i[data-v-2caa5f59]{color:#667eea}.device-tree-panel[data-v-2caa5f59]{flex:1;background:rgba(15,35,65,.6);backdrop-filter:blur(.05208rem);border-radius:.04167rem;border:.00521rem solid rgba(0,212,255,.3);box-shadow:0 .02083rem .10417rem rgba(0,0,0,.5),inset 0 0 .10417rem rgba(0,212,255,.1);overflow:hidden;display:flex;flex-direction:column}.device-tree-panel .panel-header[data-v-2caa5f59]{background:linear-gradient(135deg,rgba(0,212,255,.3),rgba(64,158,255,.3));padding:.0625rem .08333rem;border-bottom:.00521rem solid rgba(0,212,255,.3)}.device-tree-panel .panel-header .panel-title[data-v-2caa5f59]{margin:0;font-size:.07292rem;font-weight:600;color:#00d4ff;display:flex;align-items:center;gap:.04167rem;text-shadow:0 0 .05208rem rgba(0,212,255,.5)}.device-tree-panel .panel-header .panel-title i[data-v-2caa5f59]{font-size:.08333rem}.device-tree-panel .tree-container[data-v-2caa5f59]{flex:1;padding:.0625rem;overflow-y:auto}.device-tree-panel .tree-container[data-v-2caa5f59]::-webkit-scrollbar{width:.03125rem}.device-tree-panel .tree-container[data-v-2caa5f59]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:.01563rem}.device-tree-panel .tree-container[data-v-2caa5f59]::-webkit-scrollbar-thumb{background:rgba(0,212,255,.3);border-radius:.01563rem}.device-tree-panel .tree-container[data-v-2caa5f59]::-webkit-scrollbar-thumb:hover{background:rgba(0,212,255,.5)}.chart-section[data-v-2caa5f59]{flex:1;background:rgba(15,35,65,.6);backdrop-filter:blur(.05208rem);border-radius:.04167rem;border:.00521rem solid rgba(0,212,255,.3);box-shadow:0 .02083rem .10417rem rgba(0,0,0,.5),inset 0 0 .10417rem rgba(0,212,255,.1);overflow:hidden;display:flex;flex-direction:column}.chart-controls[data-v-2caa5f59]{background:linear-gradient(135deg,rgba(0,212,255,.3),rgba(64,158,255,.3));padding:.0625rem .10417rem;border-bottom:.00521rem solid rgba(0,212,255,.3);display:flex;justify-content:space-between;align-items:center}.chart-controls .controls-left[data-v-2caa5f59]{display:flex;align-items:center;gap:.08333rem}.chart-controls .controls-left .section-title[data-v-2caa5f59]{margin:0;font-size:.08333rem;font-weight:600;color:#00d4ff;display:flex;align-items:center;gap:.04167rem;text-shadow:0 0 .05208rem rgba(0,212,255,.5)}.chart-controls .controls-left .section-title i[data-v-2caa5f59]{font-size:.09375rem}.chart-controls .controls-left .device-name[data-v-2caa5f59]{font-size:.06771rem;color:#b8f9fd;background:rgba(0,212,255,.1);padding:.02083rem .0625rem;border-radius:.02083rem;border:.00521rem solid rgba(0,212,255,.2)}.chart-controls .controls-right[data-v-2caa5f59]{display:flex;align-items:center;gap:.0625rem}.chart-controls .controls-right .date-picker-wrapper[data-v-2caa5f59],.chart-controls .controls-right .node-select-wrapper[data-v-2caa5f59]{display:flex;align-items:center;gap:.04167rem;background:rgba(15,35,65,.5);padding:.03125rem .0625rem;border-radius:.03125rem;border:.00521rem solid rgba(0,212,255,.2)}.chart-controls .controls-right .date-picker-wrapper .date-label[data-v-2caa5f59],.chart-controls .controls-right .date-picker-wrapper .select-label[data-v-2caa5f59],.chart-controls .controls-right .node-select-wrapper .date-label[data-v-2caa5f59],.chart-controls .controls-right .node-select-wrapper .select-label[data-v-2caa5f59]{font-size:.0625rem;font-weight:500;color:#b8f9fd;display:flex;align-items:center;gap:.02083rem;white-space:nowrap}.chart-controls .controls-right .date-picker-wrapper .date-label i[data-v-2caa5f59],.chart-controls .controls-right .date-picker-wrapper .select-label i[data-v-2caa5f59],.chart-controls .controls-right .node-select-wrapper .date-label i[data-v-2caa5f59],.chart-controls .controls-right .node-select-wrapper .select-label i[data-v-2caa5f59]{font-size:.07292rem}.chart-controls .controls-right .date-picker-wrapper .node-select[data-v-2caa5f59],.chart-controls .controls-right .node-select-wrapper .node-select[data-v-2caa5f59]{width:.625rem}.chart-controls .controls-right .date-picker-wrapper .node-select[data-v-2caa5f59] .el-input__inner,.chart-controls .controls-right .node-select-wrapper .node-select[data-v-2caa5f59] .el-input__inner{background:rgba(15,35,65,.5)!important;border:.00521rem solid rgba(0,212,255,.3)!important;color:#b8f9fd!important;font-size:.0625rem;height:.14583rem;line-height:.14583rem}.chart-controls .controls-right .date-picker-wrapper .node-select[data-v-2caa5f59] .el-input__suffix,.chart-controls .controls-right .node-select-wrapper .node-select[data-v-2caa5f59] .el-input__suffix{color:#b8f9fd!important}.chart-controls .controls-right .download-btn[data-v-2caa5f59]{background:linear-gradient(135deg,rgba(0,212,255,.2),rgba(64,158,255,.2))!important;border:.00521rem solid rgba(0,212,255,.4)!important;color:#00d4ff!important;font-weight:500;transition:all .3s ease}.chart-controls .controls-right .download-btn[data-v-2caa5f59]:hover{background:linear-gradient(135deg,rgba(0,212,255,.3),rgba(64,158,255,.3))!important;border-color:#00d4ff!important;transform:translateY(-.01042rem);box-shadow:0 0 .07813rem rgba(0,212,255,.5)}.chart-controls .controls-right .download-btn i[data-v-2caa5f59]{margin-right:.02083rem}.charts-grid[data-v-2caa5f59]{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:.0625rem;padding:.0625rem;overflow:hidden}.chart-item[data-v-2caa5f59]{background:rgba(10,25,41,.5);border:.00521rem solid rgba(0,212,255,.2);border-radius:.04167rem;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.chart-item[data-v-2caa5f59]:hover{border-color:rgba(0,212,255,.4);box-shadow:0 0 .07813rem rgba(0,212,255,.2)}.chart-item .chart-item-header[data-v-2caa5f59]{background:linear-gradient(90deg,rgba(0,212,255,.15),transparent);padding:.03125rem .0625rem;border-bottom:.00521rem solid rgba(0,212,255,.15);display:flex;justify-content:space-between;align-items:center}.chart-item .chart-item-header .chart-item-title[data-v-2caa5f59]{font-size:.0625rem;font-weight:600;color:#00d4ff;display:flex;align-items:center;gap:.03125rem}.chart-item .chart-item-header .chart-item-title i[data-v-2caa5f59]{font-size:.06771rem}.chart-item .chart-item-header .chart-item-controls[data-v-2caa5f59]{display:flex;align-items:center;gap:.04167rem}.chart-item .chart-item-header .chart-item-controls .chart-date-picker[data-v-2caa5f59]{width:.57292rem}.chart-item .chart-item-header .chart-item-controls .chart-date-picker[data-v-2caa5f59] .el-input__inner{background:rgba(15,35,65,.6)!important;border:.00521rem solid rgba(0,212,255,.3)!important;border-radius:.02083rem;color:#b8f9fd!important;font-weight:500;height:.125rem;line-height:.125rem;padding:0 .04167rem;font-size:.05729rem;text-align:center}.chart-item .chart-item-header .chart-item-controls .chart-date-picker[data-v-2caa5f59] .el-input__inner:hover{border-color:#00d4ff!important}.chart-item .chart-item-header .chart-item-controls .chart-date-picker[data-v-2caa5f59] .el-input__prefix,.chart-item .chart-item-header .chart-item-controls .chart-date-picker[data-v-2caa5f59] .el-input__suffix{display:none}.chart-item .chart-item-body[data-v-2caa5f59]{flex:1;min-height:0}.no-data-placeholder[data-v-2caa5f59]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(184,249,253,.6);font-size:.08333rem}.no-data-placeholder i[data-v-2caa5f59]{font-size:.33333rem;margin-bottom:.08333rem;color:rgba(0,212,255,.3)}.no-data-placeholder p[data-v-2caa5f59]{margin:0;font-weight:500;color:#b8f9fd}.device-tree[data-v-2caa5f59]{background:transparent!important}.device-tree[data-v-2caa5f59] .el-tree{background:transparent!important;color:#b8f9fd!important}.device-tree[data-v-2caa5f59] .el-tree-node{background:transparent!important;margin-bottom:.02083rem}.device-tree[data-v-2caa5f59] .el-tree-node .el-tree-node__content{height:.20833rem;background:transparent!important;border:.00521rem solid rgba(0,212,255,.2);border-radius:.03125rem;padding:0 .0625rem;transition:all .3s ease;color:#b8f9fd!important}.device-tree[data-v-2caa5f59] .el-tree-node .el-tree-node__content:hover{background:rgba(0,212,255,.1)!important;border-color:rgba(0,212,255,.5);box-shadow:0 0 .05208rem rgba(0,212,255,.3)}.device-tree[data-v-2caa5f59] .el-tree-node .el-tree-node__content.is-current{background:linear-gradient(90deg,rgba(0,212,255,.2),rgba(64,158,255,.2))!important;border-color:#00d4ff;box-shadow:0 0 .07813rem rgba(0,212,255,.4)}.device-tree[data-v-2caa5f59] .el-tree-node .el-tree-node__content.is-current .tree-node-icon{color:#00d4ff}.device-tree[data-v-2caa5f59] .el-tree-node .el-tree-node__content .el-tree-node__expand-icon{color:rgba(184,249,253,.6)!important;font-size:.0625rem}.device-tree[data-v-2caa5f59] .el-tree-node .el-tree-node__content .el-tree-node__expand-icon.is-leaf{color:transparent!important}.device-tree[data-v-2caa5f59] .el-tree-node .tree-node{display:flex;align-items:center;gap:.0625rem;font-size:.07292rem;font-weight:500;width:100%;color:#b8f9fd!important}.device-tree[data-v-2caa5f59] .el-tree-node .tree-node .tree-node-icon{font-size:.08333rem;color:rgba(0,212,255,.8);transition:color .3s ease;flex-shrink:0}.device-tree[data-v-2caa5f59] .el-tree-node .tree-node .tree-node-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b8f9fd!important}.device-tree[data-v-2caa5f59] .el-tree-node.is-current .tree-node .tree-node-label{color:#00d4ff!important;font-weight:600;text-shadow:0 0 .04167rem rgba(0,212,255,.5)}.custom-date-picker[data-v-2caa5f59]{width:.67708rem}.custom-date-picker[data-v-2caa5f59] .el-input__inner{background:rgba(15,35,65,.5)!important;border:.00521rem solid rgba(0,212,255,.3)!important;border-radius:.03125rem;color:#b8f9fd!important;font-weight:500;height:.16667rem;line-height:.16667rem;padding:0 .0625rem;font-size:.06771rem;transition:all .3s ease;text-align:center}.custom-date-picker[data-v-2caa5f59] .el-input__inner:hover{border-color:#00d4ff!important;border-color:hsla(0,0%,100%,.6);background:hsla(0,0%,100%,.95)}.custom-date-picker[data-v-2caa5f59] .el-input__inner:focus{border-color:gold;background:#fff;box-shadow:0 0 0 .00521rem rgba(255,215,0,.3)}.custom-date-picker[data-v-2caa5f59] .el-input__inner::placeholder{color:#999;font-size:.06771rem}.custom-date-picker[data-v-2caa5f59] .el-input__prefix,.custom-date-picker[data-v-2caa5f59] .el-input__suffix{display:none}.chart-section[data-v-2caa5f59] .el-loading-mask{background-color:rgba(10,25,41,.8);backdrop-filter:blur(.02083rem)}.chart-section[data-v-2caa5f59] .el-loading-mask .el-loading-spinner .el-loading-text{color:#00d4ff;font-weight:500}.chart-section[data-v-2caa5f59] .el-loading-mask .el-loading-spinner .circular{width:.26042rem;height:.26042rem}#areaChart[data-v-2caa5f59],#barChart[data-v-2caa5f59],#lineChart[data-v-2caa5f59],#pieChart[data-v-2caa5f59]{width:100%;height:100%}@media screen and (max-width:1400px){.main-content[data-v-2caa5f59]{flex-direction:column;overflow-y:auto}.left-section[data-v-2caa5f59]{width:100%;flex-direction:row;gap:.0625rem}.device-stats-panel[data-v-2caa5f59]{flex:1}.device-tree-panel[data-v-2caa5f59]{flex:1;max-height:1.04167rem}.chart-section[data-v-2caa5f59]{min-height:2.60417rem}}@media screen and (max-width:768px){.left-section[data-v-2caa5f59]{flex-direction:column}.charts-grid[data-v-2caa5f59]{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}.chart-controls[data-v-2caa5f59]{flex-direction:column;gap:.05208rem}.chart-controls .controls-left[data-v-2caa5f59],.chart-controls .controls-right[data-v-2caa5f59]{width:100%;justify-content:center}.chart-section[data-v-2caa5f59]{min-height:4.16667rem}}@keyframes fadeInUp-2caa5f59{0%{opacity:0;transform:translateY(.10417rem)}to{opacity:1;transform:translateY(0)}}.dataCenter[data-v-2caa5f59]{animation:fadeInUp-2caa5f59 .6s ease-out}.chart-section[data-v-2caa5f59],.left-section[data-v-2caa5f59]{animation:fadeInUp-2caa5f59 .6s ease-out;animation-delay:.2s;animation-fill-mode:both}[data-v-2caa5f59] .el-select-dropdown{background:rgba(15,35,65,.95)!important;border:.00521rem solid rgba(0,212,255,.3)!important}[data-v-2caa5f59] .el-select-dropdown .el-select-dropdown__item{color:#b8f9fd!important;background:transparent!important}[data-v-2caa5f59] .el-select-dropdown .el-select-dropdown__item:hover{background:rgba(0,212,255,.2)!important;color:#00d4ff!important}[data-v-2caa5f59] .el-select-dropdown .el-select-dropdown__item.selected{color:#00d4ff!important;background:rgba(0,212,255,.15)!important}[data-v-2caa5f59] .el-picker-panel{background:rgba(15,35,65,.95)!important;border:.00521rem solid rgba(0,212,255,.3)!important;color:#b8f9fd!important}[data-v-2caa5f59] .el-picker-panel *{border-color:rgba(0,212,255,.2)!important}[data-v-2caa5f59] .el-picker-panel .el-date-picker__header-label,[data-v-2caa5f59] .el-picker-panel .el-picker-panel__icon-btn{color:#b8f9fd!important}[data-v-2caa5f59] .el-picker-panel .el-date-picker__header-label:hover,[data-v-2caa5f59] .el-picker-panel .el-picker-panel__icon-btn:hover{color:#00d4ff!important}[data-v-2caa5f59] .el-picker-panel .el-date-table td{color:#b8f9fd!important}[data-v-2caa5f59] .el-picker-panel .el-date-table td.available:hover span{background:rgba(0,212,255,.2)!important}[data-v-2caa5f59] .el-picker-panel .el-date-table td.current:not(.disabled) span{background:rgba(0,212,255,.3)!important;color:#00d4ff!important}[data-v-2caa5f59] .el-picker-panel .el-date-table td.today span{color:#00d4ff!important}[data-v-2caa5f59] .el-loading-mask{background-color:rgba(10,25,41,.8)!important}[data-v-2caa5f59] .el-loading-spinner .el-loading-text{color:#00d4ff!important;text-shadow:0 0 .05208rem rgba(0,212,255,.5)}[data-v-2caa5f59] .el-loading-spinner .circular .path{stroke:#00d4ff!important}