.screen-box[data-v-20f9e944]{overflow:hidden;background-size:100% 100%;background:#000;width:100vw;height:100vh}.screen-wrapper[data-v-20f9e944]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;position:relative;overflow:hidden;z-index:100;transform-origin:left top}[data-v-f737a460]:export{sidebarWidth:210px;asideRootWidth:60px;collapseSideBarWidth:60px;themeColor:#1677ff;mainBodyPadding:10px}.weather-container[data-v-f737a460]{padding:0 16px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.weather-info[data-v-f737a460]{display:flex;align-items:center;gap:20px;min-width:450px}.weather-icon .weather-emoji[data-v-f737a460]{font-size:28px;display:inline-block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.weather-location .area-name[data-v-f737a460]{font-size:16px;color:#fff;font-weight:500;margin-bottom:2px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.weather-location .weather-desc[data-v-f737a460]{font-size:14px;color:#e3f2fd;font-weight:400}.date-info .date[data-v-f737a460]{font-size:16px;color:#fff;font-weight:500;margin-bottom:2px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.date-info .weekday[data-v-f737a460]{font-size:14px;color:#e3f2fd;font-weight:400}.time-display[data-v-f737a460]{font-size:24px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:1px}.setting-btn[data-v-f737a460]{margin-left:10px}.setting-btn i[data-v-f737a460]{font-size:20px;color:#0078ff;cursor:pointer;transition:all .3s ease}.setting-btn i[data-v-f737a460]:hover{color:#fedb65;transform:scale(1.1)}@media (max-width:1600px){.weather-container[data-v-f737a460]{padding:6px 12px}.weather-info[data-v-f737a460]{min-width:380px;gap:15px}.weather-icon .weather-emoji[data-v-f737a460]{font-size:24px}.date-info .date[data-v-f737a460],.weather-location .area-name[data-v-f737a460]{font-size:14px}.date-info .weekday[data-v-f737a460],.weather-location .weather-desc[data-v-f737a460]{font-size:12px}.time-display[data-v-f737a460]{font-size:20px}}[data-v-f9e48b6a]:export{sidebarWidth:210px;asideRootWidth:60px;collapseSideBarWidth:60px;themeColor:#1677ff;mainBodyPadding:10px}:v-deep.el-select[data-v-f9e48b6a]{width:100%}:v-deep.el-select .el-input input[data-v-f9e48b6a]{background-color:rgba(22,36,60,.8);color:#fff;border:1px solid #334770;height:32px;line-height:32px}:v-deep.el-select .el-input .el-input__suffix .el-input__suffix-inner .el-select__caret[data-v-f9e48b6a]{color:#fff}:v-deep.el-select .el-select-dropdown[data-v-f9e48b6a]{background-color:rgba(18,34,59,.95);border:1px solid #334770}:v-deep.el-select .el-select-dropdown .el-select-dropdown__item[data-v-f9e48b6a]{color:#fff;height:36px;line-height:36px}:v-deep.el-select .el-select-dropdown .el-select-dropdown__item.selected[data-v-f9e48b6a],:v-deep.el-select .el-select-dropdown .el-select-dropdown__item[data-v-f9e48b6a]:hover{background-color:#334770}.monitoring[data-v-f9e48b6a]{padding:40px 20px 20px 20px;height:100%;box-sizing:border-box;display:flex}.monitoring .left[data-v-f9e48b6a]{width:200px;height:100%;box-sizing:border-box}.monitoring .left .company-name[data-v-f9e48b6a]{font-size:14px;text-align:center;height:30px;line-height:30px;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:20px;background:linear-gradient(0deg,#132a49,#273452)}.monitoring .left .select[data-v-f9e48b6a]{margin-bottom:20px}.monitoring .left .list[data-v-f9e48b6a]{background:linear-gradient(0deg,#132a49,#273452);border:1px solid #3988da;border-radius:23px;width:160px;margin:0 auto;height:495px;overflow:hidden}.monitoring .left .list .item[data-v-f9e48b6a]{width:100%;height:40px!important;margin-bottom:8px;cursor:pointer;box-sizing:border-box;transition:all .3s ease;padding:0}.monitoring .left .list .item .title[data-v-f9e48b6a]{font-size:14px;color:#fff;height:40px!important;line-height:40px;text-align:center}.monitoring .left .list .item[data-v-f9e48b6a]:hover{border-color:#409eff;background:linear-gradient(0deg,#1e3a66,#364a72)}.monitoring .left .list .item.active[data-v-f9e48b6a]{background:linear-gradient(0deg,#1e3a66,#364a72);box-shadow:0 0 10px rgba(64,158,255,.3);border:1px solid #409eff;border-radius:23px;transform:scale(1.02)}.monitoring .right[data-v-f9e48b6a]{flex:1;margin-left:30px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:15px}.monitoring .right .item[data-v-f9e48b6a]{border:1px solid #334770;overflow:hidden;position:relative}.monitoring .right .item .video[data-v-f9e48b6a]{width:100%;height:100%;background:#0a0e17;position:relative}.monitoring .right .item .video[data-v-f9e48b6a]:after{content:attr(data-label);position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,.5);color:#fff;padding:4px 10px;border-radius:4px;font-size:12px}[data-v-39a25bee]:export{sidebarWidth:210px;asideRootWidth:60px;collapseSideBarWidth:60px;themeColor:#1677ff;mainBodyPadding:10px}.bottom-left-container[data-v-39a25bee]{display:flex;width:100%;height:100%;gap:20px;box-sizing:border-box}.chart-item[data-v-39a25bee]{flex:1;background:linear-gradient(135deg,rgba(15,46,83,.9),rgba(8,25,46,.9));border:1px solid rgba(74,158,255,.3);border-radius:8px;overflow:hidden;position:relative;display:flex;flex-direction:column}.chart-item[data-v-39a25bee]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4a9eff,#4ecdc4 50%,#ffa726);z-index:1}.chart-header[data-v-39a25bee]{padding:16px;border-bottom:1px solid rgba(74,158,255,.2);position:relative;flex-shrink:0}.panel-title[data-v-39a25bee]{font-size:16px;font-weight:600;color:#fff;margin:0;position:relative}.chart-info[data-v-39a25bee]{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;padding:16px}.chart-info-right[data-v-39a25bee]{display:flex;justify-content:space-between}.info-item[data-v-39a25bee]{display:flex;align-items:center;gap:8px}.info-label[data-v-39a25bee]{font-size:12px;color:#8da1b8;white-space:nowrap}.info-value[data-v-39a25bee]{font-size:14px;font-weight:600;color:#4a9eff}.info-value.date-value[data-v-39a25bee]{color:#4ecdc4}.info-unit[data-v-39a25bee]{font-size:12px;color:#8da1b8}.chart-legend[data-v-39a25bee]{display:flex;gap:20px;margin-top:12px}.legend-item[data-v-39a25bee]{display:flex;align-items:center;gap:6px;font-size:12px;color:#8da1b8}.legend-icon[data-v-39a25bee]{width:8px;height:8px;display:inline-block}.chart-unit[data-v-39a25bee]{font-size:12px;color:#8da1b8;text-align:right;margin-top:8px}.chart-content[data-v-39a25bee]{flex:1;padding:10px 20px 20px;position:relative}.control-btn[data-v-39a25bee]{padding:4px 12px;font-size:12px;color:#8da1b8;border-radius:4px;cursor:pointer;transition:all .3s ease}.control-btn.active[data-v-39a25bee]{color:#fff}.chart-controls[data-v-39a25bee]{display:flex;justify-content:flex-end;gap:8px;position:absolute;right:20px;top:12px}.chart-info-left[data-v-39a25bee]{position:absolute;box-sizing:border-box;left:0;bottom:0;width:100%;gap:30px 250px;height:calc(100% - 54px)}.chart-info-left .info-item[data-v-39a25bee]{display:flex;flex-direction:column}.chart-info-left .info-item .info-label[data-v-39a25bee]{font-size:16px;position:relative}.chart-info-left .info-item .info-label[data-v-39a25bee]:before{content:"";display:inline-block;position:absolute;top:50%;transform:translateY(-50%);left:-20px;width:8px;height:8px;border-radius:50%;margin-right:6px;background:#4a9eff}.chart-info-left .info-item .info-label[data-v-39a25bee]:after{content:"";display:inline-block;position:absolute;top:50%;transform:translateY(-50%);left:-22px;width:10px;height:10px;border-radius:50%;margin-right:6px;box-shadow:0 0 0 1px #4a9eff;border:1px solid #4a9eff}.chart-info-left .info-item .info-value[data-v-39a25bee]{font-size:28px;font-weight:500;color:#fff}.chart-info-left .info-item:first-child .info-label[data-v-39a25bee]{color:#4a9eff}.chart-info-left .info-item:first-child .info-label[data-v-39a25bee]:after{box-shadow:0 0 0 1px #4a9eff;border:1px solid #4a9eff}.chart-info-left .info-item:first-child .info-label[data-v-39a25bee]:before{background:#4a9eff}.chart-info-left .info-item:first-child .info-unit[data-v-39a25bee]{margin-left:3px;color:#4a9eff}.chart-info-left .info-item:nth-child(2) .info-label[data-v-39a25bee]{color:#4ecdc4}.chart-info-left .info-item:nth-child(2) .info-label[data-v-39a25bee]:after{box-shadow:0 0 0 1px #4ecdc4;border:1px solid #4ecdc4}.chart-info-left .info-item:nth-child(2) .info-label[data-v-39a25bee]:before{background:#4ecdc4}.chart-info-left .info-item:nth-child(2) .info-unit[data-v-39a25bee]{margin-left:3px;color:#4ecdc4}.chart-info-left .info-item:nth-child(3) .info-label[data-v-39a25bee]{color:#ffa726}.chart-info-left .info-item:nth-child(3) .info-label[data-v-39a25bee]:after{box-shadow:0 0 0 1px #ffa726;border:1px solid #ffa726}.chart-info-left .info-item:nth-child(3) .info-label[data-v-39a25bee]:before{background:#ffa726}.chart-info-left .info-item:nth-child(3) .info-unit[data-v-39a25bee]{margin-left:3px;color:#ffa726}.chart-info-left .info-item:nth-child(4) .info-label[data-v-39a25bee]{color:#ff6b6b}.chart-info-left .info-item:nth-child(4) .info-label[data-v-39a25bee]:after{box-shadow:0 0 0 1px #ff6b6b;border:1px solid #ff6b6b}.chart-info-left .info-item:nth-child(4) .info-label[data-v-39a25bee]:before{background:#ff6b6b}.chart-info-left .info-item:nth-child(4) .info-unit[data-v-39a25bee]{margin-left:3px;color:#ff6b6b}.contents .contetn_left{width:1298px;display:flex;flex-direction:column;gap:20px;justify-content:space-between}.contents .contetn_right{width:calc(100% - 1298px);display:flex;flex-direction:column;gap:20px;padding:20px;box-sizing:border-box}.contents .contetn_lf-top{height:640px}.contents .contetn_lf-top .monitoring{padding:40px 0 0 20px;height:100%;box-sizing:border-box;display:flex}.contents .contetn_lf-top .monitoring .left{width:200px;height:100%;box-sizing:border-box}.contents .contetn_lf-top .monitoring .left .company-name{font-size:14px;text-align:center;height:30px;line-height:30px;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:20px;background:linear-gradient(0deg,#132a49,#273452)}.contents .contetn_lf-top .monitoring .left .select{margin-bottom:20px}.contents .contetn_lf-top .monitoring .left .list{background:linear-gradient(0deg,#132a49,#273452);border:1px solid #3988da;border-radius:23px;width:160px;margin:0 auto;height:550px;overflow:hidden}.contents .contetn_lf-top .monitoring .left .list .item{width:100%;height:40px!important;margin-bottom:8px;cursor:pointer;box-sizing:border-box;transition:all .3s ease;padding:0}.contents .contetn_lf-top .monitoring .left .list .item .title{font-size:14px;color:#fff;height:40px!important;line-height:40px;text-align:center}.contents .contetn_lf-top .monitoring .left .list .item:hover{border-color:#409eff;background:linear-gradient(0deg,#1e3a66,#364a72)}.contents .contetn_lf-top .monitoring .left .list .item.active{background:linear-gradient(0deg,#1e3a66,#364a72);box-shadow:0 0 10px rgba(64,158,255,.3);border:1px solid #409eff;border-radius:23px;transform:scale(1.02)}.contents .contetn_lf-top .monitoring .right{display:flex;flex-wrap:wrap;justify-content:space-between;padding-right:25px;margin-left:30px;padding-bottom:-20px;overflow-y:scroll}.contents .contetn_lf-top .monitoring .right .item{margin-bottom:20px;border:1px solid #334770;overflow:hidden;position:relative;padding:0!important}.contents .contetn_lf-top .monitoring .right .item .video{width:100%;height:100%;background:#0a0e17;position:relative}.contents .contetn_lf-top .monitoring .right .item .video:after{content:attr(data-label);position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,.5);color:#fff;padding:4px 10px;border-radius:4px;font-size:12px}.contents .contetn_lf-top .monitoring .right::-webkit-scrollbar{width:2px}.contents .contetn_lf-top .monitoring .right::-webkit-scrollbar-track{background:transparent}.contents .contetn_lf-top .monitoring .right::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4a90e2,#1e3a8a 50%,#4a90e2);border-radius:1px;box-shadow:0 0 4px rgba(74,144,226,.6)}.contents .contetn_lf-top .monitoring .right::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5ba3f5,#2d4aa7 50%,#5ba3f5);box-shadow:0 0 6px rgba(74,144,226,.9)}.contents .contetn_lf-bottom{height:305px}.contents .right-panel{background:linear-gradient(135deg,rgba(15,46,83,.9),rgba(8,25,46,.9));border:1px solid rgba(74,158,255,.3);border-radius:8px;overflow:hidden;position:relative;flex:1}.contents .right-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4a9eff,#4ecdc4 50%,#ffa726);z-index:1}.contents .panel-title{font-size:16px;font-weight:600;color:#fff;margin:0;padding:16px;position:relative;border-bottom:1px solid rgba(74,158,255,.2)}.contents .overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:15px 20px}.contents .item{text-align:center;padding:10px;margin-bottom:20px;border-radius:4px}.contents .label{font-size:16px;color:#fff;margin-bottom:10px;display:block}.contents .value{font-size:28px;font-weight:600;margin-right:5px;color:#fff}.contents .unit{font-size:12px;color:#fff}.contents .order-trend .trend-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;font-size:12px;color:#8da1b8}.contents .order-trend .legend{display:flex;gap:10px;align-items:center}.contents .order-trend .legend-item{display:flex;align-items:center;gap:4px;font-size:12px;color:#8da1b8}.contents .order-trend .legend-icon{width:8px;height:8px;border-radius:50%;display:inline-block}.contents .chart-content{padding:10px 20px;height:calc(100% - 60px)}.contents .order-statistics .table-container{padding:15px 20px;height:calc(100% - 60px);overflow-y:auto}.contents .order-statistics .data-table{width:100%;border-collapse:collapse;margin-top:10px}.contents .order-statistics .data-table td,.contents .order-statistics .data-table th{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(74,158,255,.2);font-size:16px;color:#8da1b8}.contents .order-statistics .data-table th{background:rgba(0,0,0,.2);color:#fff;font-weight:500}.contents .order-statistics .data-table tr:last-child td{border-bottom:none}.contents .order-statistics .data-table tr:nth-child(2n){background:rgba(0,0,0,.1)}.contents .contetn_left,.contents .contetn_right{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:20px;position:relative}.contents{width:100%;display:flex;min-height:calc(100% - 60px);justify-content:space-between}[data-v-ef69d132]:export{sidebarWidth:210px;asideRootWidth:60px;collapseSideBarWidth:60px;themeColor:#1677ff;mainBodyPadding:10px}[data-v-ef69d132] .el-select{width:100%}[data-v-ef69d132] .el-select .el-input input{background-color:rgba(22,36,60,.8);color:#fff;border:1px solid #334770;height:32px;line-height:32px}[data-v-ef69d132] .el-select .el-input .el-input__suffix .el-input__suffix-inner .el-select__caret{color:#fff}[data-v-ef69d132] .el-select .el-select-dropdown{background-color:rgba(18,34,59,.95);border:1px solid #334770}[data-v-ef69d132] .el-select .el-select-dropdown .el-select-dropdown__item{color:#fff;height:36px;line-height:36px}[data-v-ef69d132] .el-select .el-select-dropdown .el-select-dropdown__item.selected,[data-v-ef69d132] .el-select .el-select-dropdown .el-select-dropdown__item:hover{background-color:#334770}.ele-main-body{overflow-y:scroll;padding:0}.scale-wrap{color:#d3d6dd;width:1920px;height:1080px;background-image:url(../../static/img/bg.763f8f61.jpg);background-size:cover;background-position:50%;overflow:hidden}.scale-wrap .bg{width:100%;height:100%;padding:16px 16px 10px 16px;box-sizing:border-box}.scale-wrap .host-body{height:100%}.scale-wrap .host-body .title_wrap{height:60px;background-size:cover;background-position:50%;position:relative;margin-bottom:4px}.scale-wrap .host-body .title_wrap .zuojuxing{position:absolute;left:0;top:0;width:200px;height:60px;background:linear-gradient(90deg,rgba(0,120,255,.3),rgba(0,120,255,.1) 50%,transparent);border-radius:0 30px 30px 0}.scale-wrap .host-body .title_wrap .youjuxing{position:absolute;right:0;top:0;width:200px;height:60px;background:linear-gradient(-90deg,rgba(254,219,101,.3),rgba(254,219,101,.1) 50%,transparent);border-radius:30px 0 0 30px}.scale-wrap .host-body .title_wrap .guang{position:absolute;left:50%;top:0;transform:translateX(-50%);width:400px;height:60px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1) 50%,transparent);border-radius:30px}.scale-wrap .host-body .title_wrap .timers{position:absolute;right:0;top:5px;display:flex;align-items:center}.scale-wrap .host-body .title{position:relative;background-size:cover;color:transparent;height:60px;line-height:46px}.scale-wrap .host-body .title .title-text{font-size:38px;font-weight:900;letter-spacing:6px;width:100%;background:linear-gradient(0deg,#a8c9e1,#4196d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.scale-wrap .pagetab{position:absolute;top:-35px;display:flex}.scale-wrap .pagetab .item{width:130px;height:36px;border-radius:18px 0 0 18px;color:#00fbf8;text-indent:26px;line-height:36px;font-size:16px;margin-right:20px;background:linear-gradient(90deg,rgba(76,245,255,.5),rgba(76,245,255,0))}.setting{position:fixed;width:100%;height:100%;z-index:999;top:0;left:0}.setting .left_shu{color:#000;font-weight:900;position:relative;text-indent:10px;padding:16px 0 10px 0}.setting .left_shu:before{display:block;content:" ";height:16px;width:4px;border-radius:2px;background:#0072ff;position:absolute;left:0}.setting .setting_dislog{background-color:rgba(0,0,0,.5);position:absolute;width:100%;height:100%;z-index:0;right:0;top:0}.setting .setting_inner{box-sizing:border-box;background:#fff;width:340px;height:100%;position:absolute;right:0;top:0;z-index:1;color:#000;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}.setting .setting_inner .setting_header{font-size:20px;color:#000;font-weight:900;text-align:center;line-height:40px}.setting .setting_inner .setting_body{padding:0 16px;box-sizing:border-box;position:relative}.setting .setting_inner .setting_item{font-size:14px;line-height:1.5}.setting .setting_inner .setting_item .setting_label{color:#555454}.setting .setting_inner .setting_item .setting_label_tip{font-size:12px;color:#838282}.setting .setting_inner{-webkit-animation:rtl-drawer-out .3s;animation:rtl-drawer-out .3s}.settingShow .setting_inner{-webkit-animation:rtl-drawer-in .3s 1ms;animation:rtl-drawer-in .3s 1ms}.yh-setting-fade-enter-active{-webkit-animation:yh-setting-fade-in .3s;animation:yh-setting-fade-in .3s}.yh-setting-fade-leave-active{-webkit-animation:yh-setting-fade-out .3s;animation:yh-setting-fade-out .3s}@-webkit-keyframes yh-setting-fade-in{0%{opacity:0}to{opacity:1}}@keyframes yh-setting-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes yh-setting-fade-out{0%{opacity:1}to{opacity:0}}@keyframes yh-setting-fade-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes rtl-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rtl-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@-webkit-keyframes rtl-drawer-out{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes rtl-drawer-out{0%{transform:translate(0)}to{transform:translate(100%)}}.screenFull{position:absolute;right:30px;top:20px}