.three-column-container[data-v-1670bcfc]{display:flex;height:100vh;background:#f0f2f5;padding:.08333rem;box-sizing:border-box;gap:.08333rem}.left-panel[data-v-1670bcfc]{width:1.5625rem;min-width:1.35417rem;flex-direction:column}.center-panel[data-v-1670bcfc],.left-panel[data-v-1670bcfc]{background:#fff;border-radius:.04167rem;box-shadow:0 .01042rem .04167rem rgba(0,0,0,.1);display:flex;overflow:hidden}.center-panel[data-v-1670bcfc]{flex:1;flex-direction:column}.right-panel[data-v-1670bcfc]{width:1.66667rem;min-width:1.45833rem;background:#fff;border-radius:.04167rem;box-shadow:0 .01042rem .04167rem rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden}.panel-header[data-v-1670bcfc]{display:flex;justify-content:space-between;align-items:center;padding:.0625rem .08333rem;background:linear-gradient(135deg,#1890ff,#36cfc9);color:#fff}.panel-title[data-v-1670bcfc]{font-size:.08333rem;font-weight:600}.search-area[data-v-1670bcfc]{padding:.0625rem;border-bottom:.00521rem solid #ebeef5}.search-area .el-input[data-v-1670bcfc]{margin-bottom:.04167rem}.search-btns[data-v-1670bcfc]{display:flex;gap:.04167rem}.search-btns .el-button[data-v-1670bcfc]{flex:1}.device-list[data-v-1670bcfc]{flex:1;overflow-y:auto;padding:.04167rem}.device-item[data-v-1670bcfc]{display:flex;justify-content:space-between;align-items:center;padding:.0625rem;margin-bottom:.04167rem;background:#f5f7fa;border-radius:.03125rem;cursor:pointer;transition:all .3s;border:.01042rem solid transparent}.device-item[data-v-1670bcfc]:hover{background:#e6f7ff}.device-item.active[data-v-1670bcfc]{background:#e6f7ff;border-color:#1890ff}.device-info[data-v-1670bcfc]{flex:1;min-width:0}.device-name[data-v-1670bcfc]{font-size:.07292rem;font-weight:500;color:#303133;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-num[data-v-1670bcfc]{font-size:.0625rem;color:#909399;margin-top:.02083rem}.device-brand[data-v-1670bcfc]{margin-left:.04167rem}.brand-text[data-v-1670bcfc]{font-size:.05729rem;color:#1890ff;background:#e6f7ff;padding:.01042rem .03125rem;border-radius:.02083rem}.no-data[data-v-1670bcfc]{text-align:center;color:#909399;padding:.20833rem 0}.list-pagination[data-v-1670bcfc]{padding:.0625rem;border-top:.00521rem solid #ebeef5;display:flex;justify-content:center}.video-container[data-v-1670bcfc]{flex:1;display:flex;align-items:center;justify-content:center;background:#000;min-height:2.08333rem}.video-wrapper[data-v-1670bcfc]{width:100%;height:100%}.no-video[data-v-1670bcfc]{text-align:center;color:#909399}.no-video i[data-v-1670bcfc]{font-size:.33333rem;color:#c0c4cc;margin-bottom:.08333rem}.no-video p[data-v-1670bcfc]{font-size:.07292rem}.control-content[data-v-1670bcfc]{flex:1;padding:.08333rem;overflow-y:auto}.device-info-section[data-v-1670bcfc]{background:#f5f7fa;border-radius:.04167rem;padding:.0625rem;margin-bottom:.10417rem}.info-item[data-v-1670bcfc]{display:flex;margin-bottom:.04167rem}.info-item[data-v-1670bcfc]:last-child{margin-bottom:0}.info-label[data-v-1670bcfc]{color:#909399;font-size:.06771rem;min-width:.41667rem}.info-value[data-v-1670bcfc]{color:#303133;font-size:.06771rem;flex:1}.direction-control[data-v-1670bcfc]{margin-bottom:.125rem}.control-title[data-v-1670bcfc]{font-size:.07292rem;font-weight:600;color:#303133;margin-bottom:.08333rem;text-align:center}.direction-pad[data-v-1670bcfc]{flex-direction:column}.direction-pad[data-v-1670bcfc],.direction-row[data-v-1670bcfc]{display:flex;align-items:center;gap:.04167rem}.direction-btn[data-v-1670bcfc]{width:.26042rem!important;height:.26042rem!important;font-size:.10417rem!important}.direction-btn-placeholder[data-v-1670bcfc]{width:.26042rem;height:.26042rem}.direction-center[data-v-1670bcfc]{width:.26042rem;height:.26042rem;display:flex;align-items:center;justify-content:center;background:#f0f2f5;border-radius:50%;color:#909399;font-size:.125rem}.action-buttons[data-v-1670bcfc]{display:flex;flex-direction:column;gap:.0625rem}.action-buttons .el-button[data-v-1670bcfc]{width:100%}.no-selection[data-v-1670bcfc]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#909399}.no-selection i[data-v-1670bcfc]{font-size:.25rem;color:#c0c4cc;margin-bottom:.08333rem}.no-selection p[data-v-1670bcfc]{font-size:.07292rem}.video-js[data-v-1670bcfc]{width:100%!important;height:100%!important}