.content[data-v-2b8b47c3]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw}.preview[data-v-2b8b47c3]{background-color:#000}li{list-style:none}.dark-theme{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:rgba(58,58,58,0.48627450980392156);--bg-sidebar:rgba(37,37,37,0.49411764705882355);--bg-control-panel:rgba(42,42,42,0.615686274509804);--text-secondary:#b3b3b3;--text-muted:#888;--text-title:#e6e6e6;--border-primary:#404040;--border-secondary:#333;--border-hover:#555;--btn-bg:#404040;--btn-bg-hover:#4a4a4a;--btn-text:#fff;--status-online:#67c23a;--status-offline:#909399;--input-bg:#333;--input-border:#404040;--input-placeholder:#888}.blue-theme,.dark-theme{--text-primary:#fff;--input-text:#fff}.blue-theme{--bg-primary:#03192a;--bg-secondary:#0a2438;--bg-tertiary:#0f2f46;--bg-sidebar:#051e32;--bg-control-panel:#0c2740;--text-secondary:#b8d4f0;--text-muted:#7a9cc6;--text-title:#e8f2ff;--border-primary:#1a3a5c;--border-secondary:#0f2a44;--border-hover:#2a4a6c;--btn-bg:#1a3a5c;--btn-bg-hover:#2a4a6c;--btn-text:#fff;--status-online:#4caf50;--status-offline:#9e9e9e;--input-bg:#0a2438;--input-border:#1a3a5c;--input-placeholder:#7a9cc6}.is_online{font-size:.75rem;margin-left:.3125rem}.video_page{width:100%;height:100%;max-height:100vh;display:flex;justify-content:space-between;padding:.625rem;gap:10px}.video_page.dark-theme{background:var(--bg-primary);color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video_page.dark-theme .tree_left{background:var(--bg-sidebar);border:1px solid var(--border-primary);color:var(--text-primary)}.video_page.dark-theme .tree_left .collapse-btn{background:var(--btn-bg);border-color:var(--border-primary);color:var(--text-primary)}.video_page.dark-theme .tree_left .collapse-btn:hover{background:var(--btn-bg-hover)}.video_page.dark-theme .tree_left .playback-controls{background:var(--bg-control-panel);border-top-color:var(--border-primary)}.video_page.dark-theme .tree_left .playback-controls .control-title{color:var(--text-title)}.video_page.blue-theme{background-color:var(--bg-primary);color:var(--text-primary)}.video_page.blue-theme .tree_left{background-color:var(--bg-sidebar);border-right:1px solid var(--border-primary)}.video_page.blue-theme .tree_left .collapse-btn{background-color:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary)}.video_page.blue-theme .tree_left .collapse-btn:hover{background-color:var(--btn-bg-hover);border-color:var(--border-hover)}.video_page.blue-theme .tree_left .tree_tl .el-tree,.video_page.blue-theme .tree_left .tree_tl .el-tree .el-tree-node .el-tree-node__content{background-color:transparent;color:var(--text-primary)}.video_page.blue-theme .tree_left .tree_tl .el-tree .el-tree-node .el-tree-node__content:hover{background-color:var(--bg-tertiary)}.video_page.blue-theme .tree_left .tree_tl .el-tree .el-tree-node .el-tree-node__content .el-tree-node__expand-icon{color:var(--text-secondary)}.video_page.blue-theme .tree_left .tree_tl .el-tree .el-tree-node .el-tree-node__content .custom-tree-node{color:var(--text-primary)}.video_page.blue-theme .tree_left .tree_tl .el-tree .el-tree-node.is-current>.el-tree-node__content{background-color:var(--bg-tertiary)}.video_page.blue-theme .tree_left .playback-controls{background-color:var(--bg-control-panel);border-top:1px solid var(--border-primary)}.video_page.blue-theme .tree_left .playback-controls .control-title{color:var(--text-title);border-bottom:1px solid var(--border-primary)}.video_page.blue-theme .tree_left .playback-controls .control-content .date-picker-group .date-picker{margin-bottom:8px}.video_page.blue-theme .tree_left .playback-controls .control-content .button-group .el-button{margin-right:8px;margin-bottom:0}.video_page.blue-theme .video_cot_area{background-color:var(--bg-control-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%}.video_page.blue-theme .el-switch .el-switch__core{background-color:var(--border-primary)!important;border-color:var(--border-primary)!important}.video_page.blue-theme .el-switch .el-switch__label{color:var(--text-secondary)!important}.video_page.blue-theme .el-radio-group .el-radio .el-radio__label,.video_page.blue-theme .el-switch .el-switch__label.is-active{color:var(--text-primary)!important}.video_page.blue-theme .el-radio-group .el-radio .el-radio__input.is-disabled+.el-radio__label{color:var(--text-muted)!important}.video_page.blue-theme .el-date-editor .el-input__inner{background-color:var(--input-bg)!important;border-color:var(--input-border)!important;color:var(--input-text)!important}.video_page.blue-theme .el-date-editor .el-input__inner::-moz-placeholder{color:var(--input-placeholder)!important}.video_page.blue-theme .el-date-editor .el-input__inner::placeholder{color:var(--input-placeholder)!important}.video_page.blue-theme .el-date-editor .el-input__inner:focus{border-color:var(--border-hover)!important}.video_page.blue-theme .el-date-editor.is-disabled .el-input__inner{background-color:var(--bg-secondary)!important;color:var(--text-muted)!important}.video_page.blue-theme .el-button.el-button--mini{background-color:var(--btn-bg)!important;border-color:var(--border-primary)!important;color:var(--btn-text)!important}.video_page.blue-theme .el-button.el-button--mini:hover:not(.is-disabled){background-color:var(--btn-bg-hover)!important;border-color:var(--border-hover)!important}.video_page.blue-theme .el-button.el-button--mini.is-disabled{color:var(--text-muted)!important}.video_page.blue-theme .el-button.el-button--danger.is-disabled,.video_page.blue-theme .el-button.el-button--mini.is-disabled,.video_page.blue-theme .el-button.el-button--primary.is-disabled{background-color:var(--bg-secondary)!important;border-color:var(--border-secondary)!important}.video_page .tree_left{width:350px;height:100%;overflow:auto;background:#fff;display:flex;flex-direction:column;transition:width .3s ease;position:relative}.video_page .tree_left.collapsed{width:40px!important;overflow:hidden}.video_page .tree_left.collapsed .playback-controls,.video_page .tree_left.collapsed .tree_tl{opacity:0;visibility:hidden}.video_page .tree_left .collapse-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);width:20px;height:40px;background:#fff;display:flex;align-items:center;justify-content:center;border:1px solid #dcdfe6;border-right:none;border-radius:4px 0 0 4px;z-index:1;cursor:pointer;transition:transform .3s ease}.video_page .tree_left .collapse-btn:hover{background:#f5f7fa}.video_page .tree_left .tree_tl{flex:1;overflow:auto;transition:opacity .3s ease,visibility .3s ease;display:flex;flex-direction:column;overflow:hidden}.video_page .tree_left .tree_tl .el-tree{flex:1;overflow-y:auto}.video_page .tree_left .playback-controls{padding:10px;border-top:1px solid #ebeef5;background:#fff;transition:opacity .3s ease,visibility .3s ease}.video_page .tree_left .playback-controls .control-title{font-size:14px;font-weight:500;margin-bottom:10px;color:#303133}.video_page .tree_left .playback-controls .control-content{display:flex;flex-direction:column;gap:10px}.video_page .tree_left .playback-controls .control-content .radio-group{width:100%;display:flex;justify-content:space-between}.video_page .tree_left .playback-controls .control-content .date-picker-group{display:flex;flex-direction:column;gap:10px;width:100%}.video_page .tree_left .playback-controls .control-content .date-picker-group .date-picker{width:100%}.video_page .tree_left .playback-controls .control-content .button-group{display:flex;justify-content:space-between;gap:10px}.video_page .video_cot_area{flex:1;height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--bg-control-panel);width:100%;position:relative}.video_page .video-loading-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--bg-control-panel);z-index:10}.video_page .video-loading-spinner{width:60px;height:60px;margin-bottom:16px}.video_page .spinner-ring{width:100%;height:100%;border:4px solid var(--border-primary);border-top:4px solid var(--text-primary);border-radius:50%;animation:spin 1s linear infinite}.video_page .loading-text{color:var(--text-primary);font-size:14px;font-weight:500}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.video_page .video_cot{height:100%}.video_page.blue-theme .el-tree,.video_page.dark-theme .el-tree{background:transparent!important;color:var(--text-primary)!important;flex:1;scrollbar-width:thin;scrollbar-color:var(--bg-primary) var(--bg-sidebar);scrollbar-gutter:stable}.video_page.blue-theme .el-tree .el-tree-node:focus>.el-tree-node__content,.video_page.dark-theme .el-tree .el-tree-node:focus>.el-tree-node__content{background-color:var(--bg-tertiary)!important}.video_page.blue-theme .el-tree .el-tree-node__content,.video_page.dark-theme .el-tree .el-tree-node__content{color:var(--text-primary)!important}.video_page.blue-theme .el-tree .el-tree-node__content:hover,.video_page.dark-theme .el-tree .el-tree-node__content:hover{background-color:var(--bg-tertiary)!important}.video_page.blue-theme .el-tree .el-tree-node__expand-icon,.video_page.dark-theme .el-tree .el-tree-node__expand-icon{color:var(--text-secondary)!important}.video_page.blue-theme .el-tree .custom-tree-node,.video_page.dark-theme .el-tree .custom-tree-node{color:var(--text-primary)!important}.video_page.blue-theme .el-switch .el-switch__core,.video_page.dark-theme .el-switch .el-switch__core{background-color:var(--border-primary)!important;border-color:var(--border-primary)!important}.video_page.blue-theme .el-switch .el-switch__label,.video_page.dark-theme .el-switch .el-switch__label{color:var(--text-secondary)!important}.video_page.blue-theme .el-radio-group .el-radio .el-radio__label,.video_page.blue-theme .el-switch .el-switch__label.is-active,.video_page.dark-theme .el-radio-group .el-radio .el-radio__label,.video_page.dark-theme .el-switch .el-switch__label.is-active{color:var(--text-primary)!important}.video_page.blue-theme .el-radio-group .el-radio .el-radio__input.is-disabled+.el-radio__label,.video_page.dark-theme .el-radio-group .el-radio .el-radio__input.is-disabled+.el-radio__label{color:var(--text-muted)!important}.video_page.blue-theme .el-date-editor .el-input__inner,.video_page.dark-theme .el-date-editor .el-input__inner{background-color:var(--input-bg)!important;border-color:var(--input-border)!important;color:var(--input-text)!important}.video_page.blue-theme .el-date-editor .el-input__inner::-moz-placeholder,.video_page.dark-theme .el-date-editor .el-input__inner::-moz-placeholder{color:var(--input-placeholder)!important}.video_page.blue-theme .el-date-editor .el-input__inner::placeholder,.video_page.dark-theme .el-date-editor .el-input__inner::placeholder{color:var(--input-placeholder)!important}.video_page.blue-theme .el-date-editor .el-input__inner:focus,.video_page.dark-theme .el-date-editor .el-input__inner:focus{border-color:var(--border-hover)!important}.video_page.blue-theme .el-date-editor.is-disabled .el-input__inner,.video_page.dark-theme .el-date-editor.is-disabled .el-input__inner{background-color:var(--bg-secondary)!important;color:var(--text-muted)!important}.video_page.blue-theme .el-button.el-button--mini,.video_page.dark-theme .el-button.el-button--mini{background-color:var(--btn-bg)!important;border-color:var(--border-primary)!important;color:var(--btn-text)!important}.video_page.blue-theme .el-button.el-button--mini:hover:not(.is-disabled),.video_page.dark-theme .el-button.el-button--mini:hover:not(.is-disabled){background-color:var(--btn-bg-hover)!important;border-color:var(--border-hover)!important}.video_page.blue-theme .el-button.el-button--mini.is-disabled,.video_page.dark-theme .el-button.el-button--mini.is-disabled{background-color:var(--bg-secondary)!important;border-color:var(--border-secondary)!important;color:var(--text-muted)!important}.video_page.blue-theme .el-button.el-button--danger.is-disabled,.video_page.blue-theme .el-button.el-button--primary.is-disabled,.video_page.dark-theme .el-button.el-button--danger.is-disabled,.video_page.dark-theme .el-button.el-button--primary.is-disabled{background-color:var(--bg-secondary)!important;border-color:var(--border-secondary)!important}.video_page .tree-node-title{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-input{margin-bottom:10px;width:100%}.dark-theme .filter-input .el-input__inner{background-color:var(--input-bg)!important;border-color:var(--input-border)!important;color:var(--input-text)!important;border-radius:0}.dark-theme .filter-input .el-input__inner::-moz-placeholder{color:var(--input-placeholder)!important}.dark-theme .filter-input .el-input__inner::placeholder{color:var(--input-placeholder)!important}.dark-theme .filter-input .el-input__inner:focus{border-color:var(--border-hover)!important}.blue-theme .filter-input .el-input__inner{background-color:var(--input-bg)!important;border-color:var(--input-border)!important;color:var(--input-text)!important;border-radius:0}.blue-theme .filter-input .el-input__inner::-moz-placeholder{color:var(--input-placeholder)!important}.blue-theme .filter-input .el-input__inner::placeholder{color:var(--input-placeholder)!important}.blue-theme .filter-input .el-input__inner:focus{border-color:var(--border-hover)!important}.dark-theme .record-source-title,.record-source-title{font-size:14px;color:#606266;margin-bottom:8px}.dark-theme .dark-theme .record-source-title{color:var(--text-secondary)}.divider{height:1px;background-color:#ebeef5;margin:0 0 10px 0;width:100%}.blue-theme .divider,.dark-theme .divider{background-color:var(--border-primary)}.dark-theme .el-picker-panel{background-color:var(--input-bg)!important;border-color:var(--input-border)!important}.dark-theme .el-picker-panel,.dark-theme .el-picker-panel .el-date-picker__header-label{color:var(--input-text)!important}.dark-theme .el-picker-panel .el-picker-panel__content .el-date-table th{border-color:var(--input-border)!important;color:var(--input-text)!important}.dark-theme .el-picker-panel .el-date-picker__time-header,.dark-theme .el-picker-panel .el-date-picker__time-header .el-input__inner,.dark-theme .el-picker-panel .el-picker-panel__footer,.dark-theme .el-picker-panel .el-picker-panel__footer .el-input__inner{background-color:var(--input-bg)!important;border-color:var(--input-border)!important;color:var(--input-text)!important}.dark-theme .el-picker-panel .el-date-picker__time-header .el-button.el-button--default,.dark-theme .el-picker-panel .el-picker-panel__footer .el-button.el-button--default{background-color:var(--btn-bg)!important;border-color:var(--border-primary)!important;color:var(--btn-text)!important}.dark-theme .el-picker-panel .popper__arrow{border-top-color:var(--input-border)!important}.dark-theme .el-picker-panel .popper__arrow:after{border-top-color:var(--input-bg)!important}.blue-theme .el-picker-panel{background-color:var(--input-bg)!important;border-color:var(--input-border)!important}.blue-theme .el-picker-panel,.blue-theme .el-picker-panel .el-date-picker__header-label{color:var(--input-text)!important}.blue-theme .el-picker-panel .el-picker-panel__content .el-date-table th{border-color:var(--input-border)!important;color:var(--input-text)!important}.blue-theme .el-picker-panel .el-date-picker__time-header,.blue-theme .el-picker-panel .el-date-picker__time-header .el-input__inner,.blue-theme .el-picker-panel .el-picker-panel__footer,.blue-theme .el-picker-panel .el-picker-panel__footer .el-input__inner{background-color:var(--input-bg)!important;border-color:var(--input-border)!important;color:var(--input-text)!important}.blue-theme .el-picker-panel .el-date-picker__time-header .el-button.el-button--default,.blue-theme .el-picker-panel .el-picker-panel__footer .el-button.el-button--default{background-color:var(--btn-bg)!important;border-color:var(--border-primary)!important;color:var(--btn-text)!important}.blue-theme .el-picker-panel .popper__arrow{border-top-color:var(--input-border)!important}.blue-theme .el-picker-panel .popper__arrow:after{border-top-color:var(--input-bg)!important}.save-controls{padding:10px;border-bottom:1px solid var(--border-primary);margin-bottom:10px}.save-controls .save-btn{width:100%;background-color:var(--btn-primary-bg)!important;border-color:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important}.save-controls .save-btn:hover{background-color:var(--btn-primary-hover)!important;border-color:var(--btn-primary-hover)!important}.save-controls .save-btn i{margin-right:5px}.dark-theme .save-controls .save-btn{background-color:#409eff!important;border-color:#409eff!important;color:#fff!important}.dark-theme .save-controls .save-btn:hover{background-color:#66b1ff!important;border-color:#66b1ff!important}.iframe-theme .save-controls .save-btn{background-color:#1890ff!important;border-color:#1890ff!important;color:#fff!important}.iframe-theme .save-controls .save-btn:hover{background-color:#40a9ff!important;border-color:#40a9ff!important}