@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)}[data-v-617729dc]{padding:0;margin:0;box-sizing:border-box}.screen-container[data-v-617729dc]{width:100vw;height:100vh;background:linear-gradient(135deg,#0a1929,#1a2332 50%,#0a1929);position:relative;overflow:hidden;color:#fff}.leftBgc[data-v-617729dc]{background-image:url(../img/left_bgc.49244b1e.png);left:0}.leftBgc[data-v-617729dc],.rightBgc[data-v-617729dc]{background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:0;bottom:0;width:25vw;pointer-events:none;opacity:.3;z-index:1}.rightBgc[data-v-617729dc]{background-image:url(../img/right_bgc.41af5f6f.png);right:0}.bottomBgc[data-v-617729dc]{background-image:url(../img/bottom_bgc.e3140e04.png);background-repeat:no-repeat;background-size:100% 100%;position:absolute;bottom:0;left:0;right:0;height:15vh;pointer-events:none;opacity:.3;z-index:1}.screen-header[data-v-617729dc]{height:8vh;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent);display:flex;justify-content:space-between;align-items:center;padding:0 .20833rem;position:relative;z-index:100;border-bottom:.00521rem solid rgba(64,158,255,.3)}.header-left[data-v-617729dc],.header-right[data-v-617729dc]{flex:1;font-size:.07292rem;color:hsla(0,0%,100%,.8)}.header-right[data-v-617729dc]{text-align:right}.header-center[data-v-617729dc]{flex:2;text-align:center}.main-title[data-v-617729dc]{font-size:.16667rem;font-weight:700;background:linear-gradient(180deg,#fff 50%,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:0 0 .10417rem rgba(0,212,255,.5);letter-spacing:.02083rem}.screen-main[data-v-617729dc]{display:flex;height:92vh;padding:.10417rem;gap:.10417rem;position:relative;z-index:10}.left-panel[data-v-617729dc]{width:1.66667rem;background:rgba(15,35,65,.6);border:.00521rem solid rgba(64,158,255,.3);border-radius:.04167rem;backdrop-filter:blur(.05208rem);display:flex;flex-direction:column;overflow:hidden}.panel-header[data-v-617729dc]{padding:.07813rem .10417rem;background:linear-gradient(135deg,rgba(64,158,255,.2),rgba(0,191,255,.1));border-bottom:.00521rem solid rgba(64,158,255,.3);display:flex;justify-content:space-between;align-items:center}.panel-title[data-v-617729dc]{font-size:.09375rem;font-weight:700;color:#00d4ff;position:relative;padding-left:.0625rem}.panel-title[data-v-617729dc]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:.02083rem;height:.08333rem;background:linear-gradient(180deg,#00d4ff,#0080ff);border-radius:.01042rem}.panel-extra[data-v-617729dc]{font-size:.07292rem;color:hsla(0,0%,100%,.6)}.total-count[data-v-617729dc]{color:#00d4ff}.device-list[data-v-617729dc]{flex:1;overflow-y:auto;padding:.05208rem}.device-list[data-v-617729dc]::-webkit-scrollbar{width:.03125rem}.device-list[data-v-617729dc]::-webkit-scrollbar-thumb{background:rgba(64,158,255,.3);border-radius:.01563rem}.device-list[data-v-617729dc]::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.device-item[data-v-617729dc]{display:flex;align-items:center;padding:.07813rem;margin-bottom:.05208rem;background:rgba(0,0,0,.2);border:.00521rem solid rgba(64,158,255,.2);border-radius:.03125rem;cursor:pointer;transition:all .3s ease}.device-item[data-v-617729dc]:hover{background:rgba(64,158,255,.1);border-color:rgba(64,158,255,.5);transform:translateX(.02604rem)}.device-item.active[data-v-617729dc]{background:linear-gradient(135deg,rgba(64,158,255,.3),rgba(0,191,255,.2));border-color:#00d4ff;box-shadow:0 0 .07813rem rgba(0,212,255,.3)}.device-icon[data-v-617729dc]{width:.20833rem;height:.20833rem;background:linear-gradient(135deg,#409eff,#00d4ff);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:.0625rem;flex-shrink:0}.device-icon i[data-v-617729dc]{font-size:.10417rem;color:#fff}.device-info[data-v-617729dc]{flex:1;min-width:0}.device-name[data-v-617729dc]{font-size:.08333rem;font-weight:700;color:#fff;margin-bottom:.02083rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-number[data-v-617729dc]{font-size:.0625rem;color:hsla(0,0%,100%,.6)}.device-status[data-v-617729dc]{margin-left:.05208rem}.status-dot[data-v-617729dc]{display:inline-block;width:.04167rem;height:.04167rem;background:#67c23a;border-radius:50%;box-shadow:0 0 .04167rem #67c23a;animation:pulse-617729dc 2s infinite}@keyframes pulse-617729dc{0%,to{opacity:1}50%{opacity:.5}}.right-panel[data-v-617729dc]{flex:1;background:rgba(15,35,65,.6);border:.00521rem solid rgba(64,158,255,.3);border-radius:.04167rem;backdrop-filter:blur(.05208rem);display:flex;flex-direction:column;overflow:hidden}.record-content[data-v-617729dc]{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:.10417rem}.record-grid[data-v-617729dc]{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(1.45833rem,1fr));gap:.10417rem;overflow-y:auto;padding-right:.05208rem}.record-grid[data-v-617729dc]::-webkit-scrollbar{width:.03125rem}.record-grid[data-v-617729dc]::-webkit-scrollbar-thumb{background:rgba(64,158,255,.3);border-radius:.01563rem}.record-grid[data-v-617729dc]::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.record-card[data-v-617729dc]{background:rgba(0,0,0,.3);border:.00521rem solid rgba(64,158,255,.2);border-radius:.04167rem;overflow:hidden;cursor:pointer;transition:all .3s ease;height:fit-content}.record-card[data-v-617729dc]:hover{border-color:#00d4ff;box-shadow:0 0 .10417rem rgba(0,212,255,.3);transform:translateY(-.02604rem)}.card-image[data-v-617729dc]{position:relative;width:100%;height:.9375rem;overflow:hidden;background:rgba(0,0,0,.5)}.card-image img[data-v-617729dc]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.record-card:hover .card-image img[data-v-617729dc]{transform:scale(1.1)}.image-overlay[data-v-617729dc]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.record-card:hover .image-overlay[data-v-617729dc]{opacity:1}.image-overlay i[data-v-617729dc]{font-size:.20833rem;color:#fff}.card-info[data-v-617729dc]{padding:.07813rem}.info-row[data-v-617729dc]{display:flex;align-items:center;margin-bottom:.04167rem;font-size:.06771rem}.info-row.full[data-v-617729dc]{flex-direction:column;align-items:flex-start}.info-row .label[data-v-617729dc]{color:hsla(0,0%,100%,.6);margin-right:.04167rem;flex-shrink:0}.info-row .value[data-v-617729dc]{color:#fff;flex:1}.highlight-value[data-v-617729dc],.info-row .highlight[data-v-617729dc]{color:#00d4ff;font-weight:700;font-size:.08333rem}.text-ellipsis[data-v-617729dc]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-text[data-v-617729dc]{color:#fff;line-height:1.6;margin-top:.02604rem;word-break:break-all}.pagination-box[data-v-617729dc]{margin-top:.10417rem;display:flex;justify-content:center;padding:.05208rem 0}.detail-dialog[data-v-617729dc] .el-dialog{background:linear-gradient(135deg,rgba(15,35,65,.95),rgba(10,25,41,.95));border:.00521rem solid rgba(64,158,255,.3);border-radius:.04167rem;box-shadow:0 0 .15625rem rgba(0,212,255,.3)}.detail-dialog[data-v-617729dc] .el-dialog__header{background:linear-gradient(135deg,rgba(64,158,255,.2),rgba(0,191,255,.1));border-bottom:.00521rem solid rgba(64,158,255,.3);padding:.10417rem}.detail-dialog[data-v-617729dc] .el-dialog__body{padding:.15625rem}.detail-dialog[data-v-617729dc] .el-dialog__close{color:#fff;font-size:.10417rem}.dialog-header[data-v-617729dc]{display:flex;align-items:center}.dialog-title[data-v-617729dc]{font-size:.10417rem;font-weight:700;color:#00d4ff;position:relative;padding-left:.07813rem}.dialog-title[data-v-617729dc]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:.02083rem;height:.10417rem;background:linear-gradient(180deg,#00d4ff,#0080ff);border-radius:.01042rem}.dialog-content[data-v-617729dc]{color:#fff}.detail-layout[data-v-617729dc]{display:flex;gap:.15625rem}.detail-left[data-v-617729dc],.detail-right[data-v-617729dc]{flex:1}.detail-image-box[data-v-617729dc]{width:100%;height:2.08333rem;background:rgba(0,0,0,.3);border:.00521rem solid rgba(64,158,255,.3);border-radius:.04167rem;overflow:hidden;cursor:pointer;transition:all .3s ease}.detail-image-box[data-v-617729dc]:hover{border-color:#00d4ff;box-shadow:0 0 .10417rem rgba(0,212,255,.3)}.detail-image[data-v-617729dc]{width:100%;height:100%;object-fit:contain}.detail-info-item[data-v-617729dc]{margin-bottom:.10417rem;padding:.07813rem;background:rgba(0,0,0,.2);border:.00521rem solid rgba(64,158,255,.2);border-radius:.03125rem}.detail-info-item.full[data-v-617729dc]{display:flex;flex-direction:column}.detail-info-item label[data-v-617729dc]{color:hsla(0,0%,100%,.6);font-size:.07292rem;margin-bottom:.04167rem;display:block}.detail-info-item span[data-v-617729dc]{color:#fff;font-size:.08333rem}.image-preview[data-v-617729dc]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer}.image-preview img[data-v-617729dc]{max-width:90%;max-height:90%;object-fit:contain}.record-content[data-v-617729dc] .el-loading-mask{background-color:rgba(0,0,0,.5)}.pagination-box[data-v-617729dc] .el-pagination{display:flex;justify-content:center}.pagination-box[data-v-617729dc] .el-pager li,.pagination-box[data-v-617729dc] .el-pagination button{background:rgba(0,0,0,.3);border:.00521rem solid rgba(64,158,255,.3);color:#fff}.pagination-box[data-v-617729dc] .el-pager li:hover,.pagination-box[data-v-617729dc] .el-pagination button:hover{color:#00d4ff;border-color:#00d4ff}.pagination-box[data-v-617729dc] .el-pager li.active{background:linear-gradient(135deg,#409eff,#00d4ff);border-color:#00d4ff;color:#fff}.pagination-box[data-v-617729dc] .el-pagination__jump,.pagination-box[data-v-617729dc] .el-pagination__total{color:hsla(0,0%,100%,.8)}.pagination-box[data-v-617729dc] .el-select .el-input__inner{background:rgba(0,0,0,.3);border:.00521rem solid rgba(64,158,255,.3);color:#fff}@media screen and (max-width:1600px){.record-grid[data-v-617729dc]{grid-template-columns:repeat(auto-fill,minmax(1.25rem,1fr))}.card-image[data-v-617729dc]{height:.78125rem}}@media screen and (max-width:1366px){.left-panel[data-v-617729dc]{width:1.45833rem}.record-grid[data-v-617729dc]{grid-template-columns:repeat(auto-fill,minmax(1.14583rem,1fr))}}