@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)}.device-visualization[data-v-7fbb9436]{--side-padding:3.1vw;position:relative;width:100vw;height:100vh;overflow:hidden;background:url(../img/background.a3cc91b9.png) no-repeat 50%;background-size:100% 100%;color:#fff;font-size:1.5vh}.left-side[data-v-7fbb9436]{left:0;background:url(../img/left.7d0aa897.png) no-repeat 50%;background-size:100% 100%}.left-side[data-v-7fbb9436],.right-side[data-v-7fbb9436]{position:absolute;top:50%;transform:translateY(-50%);width:2vw;height:68vh;z-index:5;pointer-events:none}.right-side[data-v-7fbb9436]{right:0;background:url(../img/right.795ab683.png) no-repeat 50%;background-size:100% 100%}.bottom-side[data-v-7fbb9436]{position:absolute;bottom:0;width:100%;height:4.7vh;background:url(../img/bottom.8d05f4bc.png) no-repeat 50%;background-size:100% 100%;z-index:5;pointer-events:none}.three-column-container[data-v-7fbb9436]{position:absolute;top:10vh;left:50%;transform:translateX(-50%);width:calc(100% - 4vw);height:87.3vh;display:flex;padding:.08333rem;box-sizing:border-box;gap:.08333rem;z-index:100}.left-panel[data-v-7fbb9436]{width:1.66667rem;min-width:1.45833rem;display:flex;flex-direction:column;overflow:hidden}.center-panel[data-v-7fbb9436]{flex:1;display:flex;flex-direction:column;overflow:hidden}.right-panel[data-v-7fbb9436]{width:1.875rem;min-width:1.66667rem;display:flex;flex-direction:column;overflow:hidden}.center-panel[data-v-7fbb9436],.left-panel[data-v-7fbb9436],.right-panel[data-v-7fbb9436]{background:rgba(10,30,59,.8);border:.00521rem solid rgba(0,229,255,.3);border-radius:.0625rem;box-shadow:0 .02083rem .08333rem rgba(0,0,0,.3),0 0 .10417rem rgba(0,229,255,.1);backdrop-filter:blur(.05208rem)}.panel-header[data-v-7fbb9436]{display:flex;justify-content:space-between;align-items:center;padding:.08333rem;border-bottom:.01042rem solid rgba(0,229,255,.3);background:linear-gradient(135deg,rgba(0,229,255,.15),rgba(64,158,255,.15));border-radius:.0625rem .0625rem 0 0}.panel-title[data-v-7fbb9436]{font-size:.08333rem;font-weight:600;color:#00e5ff;text-shadow:0 0 .05208rem rgba(0,229,255,.5);letter-spacing:.00521rem}.search-area[data-v-7fbb9436]{padding:.0625rem;border-bottom:.00521rem solid rgba(0,229,255,.2)}.search-area[data-v-7fbb9436] .el-input__inner{background:rgba(0,50,100,.5);border:.00521rem solid rgba(0,200,255,.3);color:#fff}.search-area[data-v-7fbb9436] .el-input__inner::placeholder{color:hsla(0,0%,100%,.4)}.search-area[data-v-7fbb9436] .el-input__inner:focus{border-color:#00e5ff}.search-btns[data-v-7fbb9436]{display:flex;gap:.04167rem;margin-top:.04167rem}.device-list[data-v-7fbb9436]{flex:1;overflow-y:auto;padding:.04167rem}.device-item[data-v-7fbb9436]{display:flex;justify-content:space-between;align-items:center;padding:.0625rem;margin-bottom:.04167rem;background:rgba(0,0,0,.3);border-radius:.04167rem;cursor:pointer;transition:all .3s;border:.01042rem solid rgba(0,229,255,.2)}.device-item[data-v-7fbb9436]:hover{background:rgba(0,229,255,.15);border-color:rgba(0,229,255,.5);transform:translateX(.02083rem)}.device-item.active[data-v-7fbb9436]{background:rgba(0,229,255,.25);border-color:#00e5ff;box-shadow:0 0 .07813rem rgba(0,229,255,.3)}.device-info[data-v-7fbb9436]{flex:1;overflow:hidden}.device-name[data-v-7fbb9436]{font-size:.07292rem;font-weight:500;color:#adf;margin-bottom:.02083rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-num[data-v-7fbb9436]{font-size:.0625rem;color:rgba(170,221,255,.6)}.device-status[data-v-7fbb9436]{display:flex;align-items:center;gap:.02083rem}.status-dot[data-v-7fbb9436]{width:.04167rem;height:.04167rem;border-radius:50%}.status-dot.online[data-v-7fbb9436]{background:#52c41a;box-shadow:0 0 .03125rem rgba(82,196,26,.6)}.status-dot.offline[data-v-7fbb9436]{background:#999}.template-list[data-v-7fbb9436]{flex:1;overflow-y:auto;padding:.04167rem}.template-item[data-v-7fbb9436]{display:flex;justify-content:space-between;align-items:center;padding:.0625rem;margin-bottom:.04167rem;background:rgba(0,0,0,.3);border-radius:.04167rem;transition:all .3s;border:.01042rem solid rgba(0,229,255,.2)}.template-item[data-v-7fbb9436]:hover{background:rgba(0,229,255,.15);border-color:rgba(0,229,255,.5);transform:translateX(.02083rem)}.template-info[data-v-7fbb9436]{flex:1;overflow:hidden}.template-name[data-v-7fbb9436]{font-size:.07292rem;font-weight:500;color:#adf;margin-bottom:.02083rem}.template-detail[data-v-7fbb9436]{font-size:.0625rem;color:rgba(170,221,255,.6);display:flex;gap:.0625rem}.sensor-count[data-v-7fbb9436]{color:#00e5ff}.template-actions[data-v-7fbb9436]{display:flex;gap:.02083rem}.template-actions .el-button[data-v-7fbb9436]{padding:.02083rem;color:#00e5ff}.template-actions .el-button[data-v-7fbb9436]:hover{color:#fff}.device-template-content[data-v-7fbb9436]{flex:1;display:flex;flex-direction:column;overflow:hidden}.device-detail-header[data-v-7fbb9436]{padding:.08333rem;background:rgba(0,0,0,.2);border-bottom:.00521rem solid rgba(0,229,255,.2);display:flex;flex-wrap:wrap;gap:.08333rem}.detail-item[data-v-7fbb9436]{display:flex;align-items:center;font-size:.06771rem}.detail-label[data-v-7fbb9436]{color:rgba(170,221,255,.7);margin-right:.04167rem}.detail-value[data-v-7fbb9436]{color:#00e5ff;font-weight:500}.template-sensor-wrapper[data-v-7fbb9436]{flex:1;overflow-y:auto;padding:.0625rem}.section-title[data-v-7fbb9436]{font-size:.07292rem;font-weight:600;color:#00e5ff;margin-bottom:.0625rem;padding-bottom:.04167rem;border-bottom:.00521rem solid rgba(0,229,255,.2)}.sensor-grid[data-v-7fbb9436]{display:grid;grid-template-columns:repeat(auto-fill,minmax(1.04167rem,1fr));gap:.0625rem}.sensor-card[data-v-7fbb9436]{background:rgba(0,0,0,.3);border:.00521rem solid rgba(0,229,255,.2);border-radius:.04167rem;padding:.0625rem;transition:all .3s}.sensor-card[data-v-7fbb9436]:hover{border-color:rgba(0,229,255,.5);box-shadow:0 0 .05208rem rgba(0,229,255,.2)}.sensor-card-header[data-v-7fbb9436]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.04167rem;padding-bottom:.04167rem;border-bottom:.00521rem solid rgba(0,229,255,.1)}.sensor-name[data-v-7fbb9436]{font-size:.06771rem;font-weight:500;color:#adf}.sensor-unit[data-v-7fbb9436]{font-size:.0625rem;color:#00e5ff}.sensor-card-body[data-v-7fbb9436]{display:flex;flex-direction:column;gap:.03125rem}.sensor-param[data-v-7fbb9436]{display:flex;justify-content:space-between;font-size:.0625rem}.param-label[data-v-7fbb9436]{color:rgba(170,221,255,.6)}.param-value[data-v-7fbb9436]{color:#fff;font-weight:500}.no-template-tip[data-v-7fbb9436]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:rgba(170,221,255,.5)}.no-template-tip i[data-v-7fbb9436]{font-size:.25rem;margin-bottom:.08333rem}.no-template-tip p[data-v-7fbb9436]{font-size:.07292rem}.no-data[data-v-7fbb9436]{text-align:center;color:rgba(170,221,255,.5);padding:.20833rem 0;font-size:.07292rem}.no-selection[data-v-7fbb9436]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:rgba(170,221,255,.5)}.no-selection i[data-v-7fbb9436]{font-size:.25rem;margin-bottom:.08333rem}.no-selection p[data-v-7fbb9436]{font-size:.07292rem}.list-pagination[data-v-7fbb9436]{padding:.0625rem;border-top:.00521rem solid rgba(0,229,255,.2);display:flex;justify-content:center}.list-pagination[data-v-7fbb9436] .el-pagination .btn-next,.list-pagination[data-v-7fbb9436] .el-pagination .btn-prev,.list-pagination[data-v-7fbb9436] .el-pagination .el-pager li{background:rgba(0,50,100,.5);color:#fff;border:.00521rem solid rgba(0,200,255,.3)}.list-pagination[data-v-7fbb9436] .el-pagination .btn-next:hover,.list-pagination[data-v-7fbb9436] .el-pagination .btn-prev:hover,.list-pagination[data-v-7fbb9436] .el-pagination .el-pager li:hover{color:#00e5ff;border-color:#00e5ff}.list-pagination[data-v-7fbb9436] .el-pagination .btn-next.active,.list-pagination[data-v-7fbb9436] .el-pagination .btn-prev.active,.list-pagination[data-v-7fbb9436] .el-pagination .el-pager li.active{background:rgba(0,200,255,.3);color:#00e5ff;border-color:#00e5ff}.device-list[data-v-7fbb9436]::-webkit-scrollbar,.template-list[data-v-7fbb9436]::-webkit-scrollbar,.template-sensor-wrapper[data-v-7fbb9436]::-webkit-scrollbar{width:.03125rem}.device-list[data-v-7fbb9436]::-webkit-scrollbar-thumb,.template-list[data-v-7fbb9436]::-webkit-scrollbar-thumb,.template-sensor-wrapper[data-v-7fbb9436]::-webkit-scrollbar-thumb{background:rgba(0,229,255,.3);border-radius:.01563rem}.device-list[data-v-7fbb9436]::-webkit-scrollbar-thumb:hover,.template-list[data-v-7fbb9436]::-webkit-scrollbar-thumb:hover,.template-sensor-wrapper[data-v-7fbb9436]::-webkit-scrollbar-thumb:hover{background:rgba(0,229,255,.5)}.device-list[data-v-7fbb9436]::-webkit-scrollbar-track,.template-list[data-v-7fbb9436]::-webkit-scrollbar-track,.template-sensor-wrapper[data-v-7fbb9436]::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:.01563rem}[data-v-7fbb9436] .template-dialog{background:rgba(0,20,40,.95);border:.00521rem solid rgba(0,200,255,.3)}[data-v-7fbb9436] .template-dialog .el-dialog__header{background:linear-gradient(90deg,rgba(0,200,255,.2),transparent);border-bottom:.00521rem solid rgba(0,200,255,.3)}[data-v-7fbb9436] .template-dialog .el-dialog__header .el-dialog__title{color:#00e5ff;font-size:.09375rem;font-weight:700}[data-v-7fbb9436] .template-dialog .el-dialog__header .el-dialog__close{color:#fff}[data-v-7fbb9436] .template-dialog .el-dialog__header .el-dialog__close:hover{color:#00e5ff}[data-v-7fbb9436] .template-dialog .el-dialog__body{background:rgba(0,20,40,.5);color:#fff}[data-v-7fbb9436] .template-dialog .el-dialog__body .el-form-item__label{color:#fff}[data-v-7fbb9436] .template-dialog .el-dialog__body .el-input__inner,[data-v-7fbb9436] .template-dialog .el-dialog__body .el-textarea__inner{background:rgba(0,50,100,.5);border:.00521rem solid rgba(0,200,255,.3);color:#fff}[data-v-7fbb9436] .template-dialog .el-dialog__body .el-input__inner::placeholder,[data-v-7fbb9436] .template-dialog .el-dialog__body .el-textarea__inner::placeholder{color:hsla(0,0%,100%,.4)}[data-v-7fbb9436] .template-dialog .el-dialog__body .el-input__inner:focus,[data-v-7fbb9436] .template-dialog .el-dialog__body .el-textarea__inner:focus{border-color:#00e5ff}[data-v-7fbb9436] .template-dialog .el-dialog__body .el-table{background:transparent;color:#fff}[data-v-7fbb9436] .template-dialog .el-dialog__body .el-table:before{display:none}[data-v-7fbb9436] .template-dialog .el-dialog__body .el-table th{background:rgba(0,50,100,.5);color:#00e5ff;border-color:rgba(0,200,255,.2)}[data-v-7fbb9436] .template-dialog .el-dialog__body .el-table td{border-color:rgba(0,200,255,.2)}[data-v-7fbb9436] .template-dialog .el-dialog__body .el-table tr{background:rgba(0,20,40,.3)}[data-v-7fbb9436] .template-dialog .el-dialog__body .el-table .el-table__body tr:hover>td{background:rgba(0,100,200,.3)!important}[data-v-7fbb9436] .template-dialog .el-dialog__body .el-input-number .el-input__inner{background:rgba(0,50,100,.5);border:.00521rem solid rgba(0,200,255,.3);color:#fff}[data-v-7fbb9436] .template-dialog .el-dialog__body .el-input-number .el-input-number__decrease,[data-v-7fbb9436] .template-dialog .el-dialog__body .el-input-number .el-input-number__increase{background:rgba(0,50,100,.5);border-color:rgba(0,200,255,.3);color:#fff}[data-v-7fbb9436] .template-dialog .el-dialog__body .el-input-number .el-input-number__decrease:hover,[data-v-7fbb9436] .template-dialog .el-dialog__body .el-input-number .el-input-number__increase:hover{color:#00e5ff}[data-v-7fbb9436] .template-dialog .el-dialog__footer{background:rgba(0,20,40,.5);border-top:.00521rem solid rgba(0,200,255,.3)}