@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)}.left-panel[data-v-4a241b12]{display:flex;flex-direction:column;gap:1.5vh;height:100%;padding:1vh 0}.panel-card[data-v-4a241b12]{display:flex;flex-direction:column;overflow:hidden}.panel-card .box-head[data-v-4a241b12]{display:flex;justify-content:space-between;width:100%;height:4vh;background:url(../img/camera_head.3e0306cb.png) no-repeat 50%;background-size:100% 100%}.panel-card .box-head .title[data-v-4a241b12]{width:100%;padding-left:2.7vw;line-height:3.5vh;font-size:1.85vh;font-weight:700;letter-spacing:.1em;background:linear-gradient(180deg,#fff 50%,#97fcff 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.panel-card .box-main[data-v-4a241b12]{width:100%;flex:1;margin-top:.4vh;padding:1vh .8vw;overflow:hidden;background:url(../img/camera_bg.c304008b.png) no-repeat 50%;background-size:100% 100%}.stat-grid[data-v-4a241b12]{display:grid;grid-template-columns:repeat(3,1fr);gap:1vw}.stat-grid .stat-item[data-v-4a241b12]{text-align:center}.stat-grid .stat-item .stat-label[data-v-4a241b12]{font-size:1.3vh;color:hsla(0,0%,100%,.7);margin-bottom:.8vh}.stat-grid .stat-item .stat-value[data-v-4a241b12]{font-size:2.2vh;font-weight:700;color:#00d4ff;font-family:Arial,sans-serif}.stat-grid .stat-item .stat-value .unit[data-v-4a241b12]{font-size:1.4vh;margin-left:.2vw;color:hsla(0,0%,100%,.8)}.device-overview[data-v-4a241b12]{margin-bottom:2vh}.device-overview .device-total[data-v-4a241b12]{text-align:center;margin-bottom:1.5vh}.device-overview .device-total .total-label[data-v-4a241b12]{font-size:1.3vh;color:hsla(0,0%,100%,.7);margin-bottom:.8vh}.device-overview .device-total .total-value[data-v-4a241b12]{font-size:3vh;font-weight:700;color:#00d4ff;font-family:Arial,sans-serif}.device-overview .device-status[data-v-4a241b12]{display:flex;justify-content:space-around;gap:1vw}.device-overview .device-status .status-item[data-v-4a241b12]{display:flex;align-items:center;gap:.5vw;font-size:1.4vh;padding:.8vh 1vw;border-radius:.02083rem;background:rgba(0,0,0,.2)}.device-overview .device-status .status-item i[data-v-4a241b12]{font-size:1.6vh}.device-overview .device-status .status-item.online[data-v-4a241b12]{color:#67c23a;border:.00521rem solid rgba(103,194,58,.3)}.device-overview .device-status .status-item.offline[data-v-4a241b12]{color:#f56c6c;border:.00521rem solid rgba(245,108,108,.3)}.device-types .type-item[data-v-4a241b12]{display:flex;align-items:center;gap:1vw;margin-bottom:1.2vh}.device-types .type-item[data-v-4a241b12]:last-child{margin-bottom:0}.device-types .type-item .type-name[data-v-4a241b12]{flex-shrink:0;width:4vw;font-size:1.3vh;color:hsla(0,0%,100%,.8)}.device-types .type-item .type-bar[data-v-4a241b12]{flex:1;height:1.2vh;background:rgba(0,0,0,.3);border-radius:.01042rem;overflow:hidden}.device-types .type-item .type-bar .type-bar-fill[data-v-4a241b12]{height:100%;background:linear-gradient(90deg,#00d4ff,#08f);border-radius:.01042rem;transition:width .5s ease}.device-types .type-item .type-value[data-v-4a241b12]{flex-shrink:0;width:2.5vw;text-align:right;font-size:1.3vh;color:#00d4ff;font-weight:600}.right-panel[data-v-cd1abff4]{height:100%;padding:1vh 0}.panel-card[data-v-cd1abff4]{height:100%;display:flex;flex-direction:column;overflow:hidden}.panel-card .box-head[data-v-cd1abff4]{display:flex;justify-content:space-between;width:100%;height:4vh;background:url(../img/camera_head.3e0306cb.png) no-repeat 50%;background-size:100% 100%;flex-shrink:0}.panel-card .box-head .title[data-v-cd1abff4]{width:100%;padding-left:2.7vw;line-height:3.5vh;font-size:1.85vh;font-weight:700;letter-spacing:.1em;background:linear-gradient(180deg,#fff 50%,#97fcff 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.panel-card .box-main[data-v-cd1abff4]{width:100%;flex:1;margin-top:.4vh;padding:1.5vh 1.5vw;overflow-y:auto;background:url(../img/camera_bg.c304008b.png) no-repeat 50%;background-size:100% 100%}.panel-card .box-main[data-v-cd1abff4]::-webkit-scrollbar{width:.03125rem}.panel-card .box-main[data-v-cd1abff4]::-webkit-scrollbar-thumb{background:rgba(0,212,255,.3);border-radius:.01563rem}.panel-card .box-main[data-v-cd1abff4]::-webkit-scrollbar-thumb:hover{background:rgba(0,212,255,.5)}.panel-card .box-main[data-v-cd1abff4]::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.info-grid[data-v-cd1abff4]{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5vh 1vw}.info-grid .info-item label[data-v-cd1abff4]{display:block;font-size:1.3vh;color:hsla(0,0%,100%,.6);margin-bottom:.5vh}.info-grid .info-item p[data-v-cd1abff4]{margin:0;font-size:1.4vh;color:#fff;font-weight:500;line-height:1.6}.info-grid .info-item.full-width[data-v-cd1abff4]{grid-column:1/-1}.info-grid .rich-text-content[data-v-cd1abff4]{font-size:1.3vh;color:#fff;line-height:1.8}.info-grid .rich-text-content p[data-v-cd1abff4]{margin:0 0 1vh 0;font-weight:400}.info-grid .rich-text-content h1[data-v-cd1abff4],.info-grid .rich-text-content h2[data-v-cd1abff4],.info-grid .rich-text-content h3[data-v-cd1abff4],.info-grid .rich-text-content h4[data-v-cd1abff4],.info-grid .rich-text-content h5[data-v-cd1abff4],.info-grid .rich-text-content h6[data-v-cd1abff4]{margin:1.5vh 0 1vh 0;font-weight:600;color:#00d4ff}.info-grid .rich-text-content ol[data-v-cd1abff4],.info-grid .rich-text-content ul[data-v-cd1abff4]{padding-left:2vw;margin:1vh 0}.info-grid .rich-text-content img[data-v-cd1abff4]{max-width:100%;height:auto;margin:1vh 0;border-radius:.02083rem}.no-data[data-v-cd1abff4]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:hsla(0,0%,100%,.5)}.no-data i[data-v-cd1abff4]{font-size:4vh;margin-bottom:1vh}.no-data p[data-v-cd1abff4]{font-size:1.6vh}.town-map-container[data-v-41d2820a]{position:relative;width:100%;height:100vh;overflow:hidden;background:#001529}.town-map-container[data-v-41d2820a]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/bg.0b1a087b.jpg) no-repeat 50%;background-size:100% 100%;z-index:0;pointer-events:none}.left-area-wrapper[data-v-41d2820a]{position:absolute;top:14vh;left:3vw;width:22vw;height:81vh;z-index:10;pointer-events:auto;display:flex;flex-direction:column;gap:1.5vh}.left-panel-wrapper[data-v-41d2820a]{flex:1;overflow:hidden}.right-area-wrapper[data-v-41d2820a]{position:absolute;top:14vh;right:3vw;width:22vw;height:81vh;z-index:10;pointer-events:auto;display:flex;flex-direction:column;gap:1.5vh}.right-panel-wrapper[data-v-41d2820a]{flex:1;overflow:hidden}.map-wrapper[data-v-41d2820a]{position:absolute;top:14vh;left:26vw;width:48vw;height:81vh;z-index:1}.map-wrapper #townMap[data-v-41d2820a]{position:relative;width:100%;height:100%;z-index:1}#townMap[data-v-41d2820a]{width:100%;height:100%}.search-panel[data-v-41d2820a]{display:flex;gap:.05208rem;align-items:center;flex-shrink:0}.search-panel .search-input[data-v-41d2820a]{flex:1}.search-panel .search-input[data-v-41d2820a] .el-input__inner{background:rgba(0,30,60,.85);border:.00521rem solid #00d4ff;box-shadow:0 .01042rem .0625rem rgba(0,200,255,.3);font-size:.07292rem;color:#fff}.search-panel .search-input[data-v-41d2820a] .el-input__inner::placeholder{color:hsla(0,0%,100%,.6)}.search-panel .search-input[data-v-41d2820a] .el-input__inner:focus,.search-panel .search-input[data-v-41d2820a] .el-input__inner:hover{border-color:#00d4ff}.search-panel .search-input[data-v-41d2820a] .el-input-group__append{background:rgba(0,30,60,.85);border:.00521rem solid #00d4ff;border-left:none}.search-panel .reset-btn[data-v-41d2820a]{background:rgba(0,30,60,.85);border:.00521rem solid #00d4ff;color:#00d4ff;box-shadow:0 .01042rem .0625rem rgba(0,200,255,.3)}.search-panel .reset-btn[data-v-41d2820a]:hover{background:rgba(0,200,255,.2)}.address-search-panel[data-v-41d2820a]{position:relative;flex-shrink:0}.address-search-panel .address-input[data-v-41d2820a] .el-input__inner{background:rgba(0,30,60,.85);border:.00521rem solid #00d4ff;box-shadow:0 .01042rem .0625rem rgba(0,200,255,.3);font-size:.07292rem;color:#fff}.address-search-panel .address-input[data-v-41d2820a] .el-input__inner::placeholder{color:hsla(0,0%,100%,.6)}.address-search-panel .address-input[data-v-41d2820a] .el-input-group__append{background:#00d4ff;border-color:#00d4ff;color:#001529;cursor:pointer}.address-search-panel .address-input[data-v-41d2820a] .el-input-group__append:hover{background:#3df}.address-search-panel .search-results[data-v-41d2820a]{margin-top:.04167rem;background:rgba(0,30,60,.95);border-radius:.02083rem;border:.00521rem solid #00d4ff;box-shadow:0 .01042rem .0625rem rgba(0,200,255,.3);max-height:1.5625rem;overflow-y:auto}.address-search-panel .search-results .search-result-item[data-v-41d2820a]{display:flex;align-items:flex-start;padding:.0625rem .08333rem;cursor:pointer;border-bottom:.00521rem solid rgba(0,200,255,.2);transition:background .2s}.address-search-panel .search-results .search-result-item[data-v-41d2820a]:last-child{border-bottom:none}.address-search-panel .search-results .search-result-item[data-v-41d2820a]:hover{background:rgba(0,200,255,.1)}.address-search-panel .search-results .search-result-item i[data-v-41d2820a]{color:#00d4ff;font-size:.08333rem;margin-right:.05208rem;margin-top:.01042rem}.address-search-panel .search-results .search-result-item .result-info[data-v-41d2820a]{flex:1;display:flex;flex-direction:column}.address-search-panel .search-results .search-result-item .result-info .result-name[data-v-41d2820a]{font-size:.07292rem;color:#fff;font-weight:500}.address-search-panel .search-results .search-result-item .result-info .result-address[data-v-41d2820a]{font-size:.0625rem;color:hsla(0,0%,100%,.6);margin-top:.02083rem}[data-v-41d2820a] .search-marker-label{background:#00d4ff;color:#001529;padding:.02083rem .04167rem;border-radius:.02083rem;font-size:.0625rem;white-space:nowrap}[data-v-41d2820a] .el-select-dropdown{background:rgba(0,30,60,.95)!important;border:.00521rem solid #00d4ff!important}[data-v-41d2820a] .el-select-dropdown .el-select-dropdown__item{color:#fff}[data-v-41d2820a] .el-select-dropdown .el-select-dropdown__item.hover,[data-v-41d2820a] .el-select-dropdown .el-select-dropdown__item:hover{background:rgba(0,200,255,.2)}[data-v-41d2820a] .el-select-dropdown .el-select-dropdown__item.selected{color:#00d4ff;font-weight:700}.loading-overlay[data-v-41d2820a]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,21,41,.9);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100}.loading-overlay i[data-v-41d2820a]{font-size:.20833rem;color:#00d4ff;margin-bottom:.05208rem}.loading-overlay span[data-v-41d2820a]{font-size:.08333rem;color:#fff}.left-side[data-v-41d2820a]{left:0;background:url(../img/left.7d0aa897.png) no-repeat 50%;background-size:100% 100%}.left-side[data-v-41d2820a],.right-side[data-v-41d2820a]{position:absolute;top:50%;transform:translateY(-50%);width:2vw;height:68vh;z-index:8;pointer-events:none}.right-side[data-v-41d2820a]{right:0;background:url(../img/right.795ab683.png) no-repeat 50%;background-size:100% 100%}.bottom-side[data-v-41d2820a]{position:absolute;bottom:0;width:100%;height:2.7vh;background:url(../img/bottom.8d05f4bc.png) no-repeat 50%;background-size:100% 100%;z-index:8;pointer-events:none}.amap-marker-label{color:#fff!important;border:.00521rem solid #fff!important;font-weight:700!important;background-color:#ff9019!important;padding:.02083rem .04167rem!important;border-radius:.02083rem!important;font-size:.06771rem!important}.town-label{background:rgba(0,0,0,.7);color:#fff;padding:.02083rem .05208rem;border-radius:.02083rem;font-size:.07292rem;font-weight:700;white-space:nowrap;text-shadow:.00521rem .00521rem .01042rem rgba(0,0,0,.5)}