.main-card[data-v-77984fda]{background:#fff;border:none;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.03);box-shadow:0 1px 2px 0 rgba(0,0,0,.03);border-radius:6px;overflow:hidden}.main-card[data-v-77984fda] .ant-card-body{padding:0}.page-header[data-v-77984fda]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:16px 20px;background:#fff;border-bottom:1px solid #e8e8e8}.header-left[data-v-77984fda],.page-header[data-v-77984fda]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-left[data-v-77984fda]{gap:16px}.back-btn[data-v-77984fda]{width:40px;height:40px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .2s ease;transition:all .2s ease;color:#64748b}.back-btn[data-v-77984fda]:hover{background:#e2e8f0;border-color:#1966ff;color:#1966ff;-webkit-transform:scale(1.05);transform:scale(1.05)}.page-title h1[data-v-77984fda]{margin:0;font-size:20px;font-weight:600;color:#262626;line-height:1.2}.custom-tabs-container[data-v-77984fda]{background:#fff;overflow:hidden}.custom-tabs-header[data-v-77984fda]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fafafa;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8}.custom-tabs-nav[data-v-77984fda]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-box-flex:1;-ms-flex:1;flex:1}.custom-tabs-nav[data-v-77984fda]::-webkit-scrollbar{display:none}.custom-tab-item[data-v-77984fda]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 16px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;color:#666;font-size:14px;font-weight:500;white-space:nowrap;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;border-right:1px solid #e8e8e8;background:#fafafa}.custom-tab-item[data-v-77984fda]:last-child{border-right:none}.custom-tab-item[data-v-77984fda]:hover{background:#e6f7ff;color:#1890ff}.custom-tab-item.active[data-v-77984fda]{background:#fff;color:#1890ff;border-bottom:2px solid #1890ff;margin-bottom:-1px}.custom-tab-content[data-v-77984fda]{min-height:500px;background:#fff}.tab-pane[data-v-77984fda]{border:1px solid #e8e8e8;padding:16px}.info-card[data-v-77984fda]{background:#fafafa;border:1px solid #e8e8e8;border-radius:4px;margin-bottom:16px;overflow:hidden}.card-header[data-v-77984fda]{padding:12px 16px;background:#fafafa;border-bottom:1px solid #e8e8e8}.card-header h3[data-v-77984fda]{margin:0;font-size:14px;font-weight:600;color:#262626}.card-header h3 .anticon[data-v-77984fda]{margin-right:8px;color:#1890ff}.info-grid[data-v-77984fda]{display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:16px}.info-row[data-v-77984fda]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:8px 12px;border-bottom:1px dashed #f0f0f0}.info-row[data-v-77984fda]:hover{background:#fafafa}.info-row .label[data-v-77984fda]{min-width:100px;font-size:13px;color:#8c8c8c;-ms-flex-negative:0;flex-shrink:0}.info-row .value[data-v-77984fda]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:13px;color:#262626;word-break:break-all}.info-row .value .copy-icon[data-v-77984fda]{margin-left:6px;color:#8c8c8c;cursor:pointer;-webkit-transition:color .2s;transition:color .2s}.info-row .value .copy-icon[data-v-77984fda]:hover{color:#1890ff}.info-row.info-row-full[data-v-77984fda]{grid-column:-1}.simple-header[data-v-77984fda]{margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e8e8e8}.simple-header h3[data-v-77984fda]{margin:0 0 8px;font-size:16px;font-weight:600;color:#262626}.simple-header p[data-v-77984fda]{margin:0;font-size:13px;color:#8c8c8c}.query-form[data-v-77984fda]{margin-bottom:16px}.date-select-card[data-v-77984fda]{height:100%}.date-select-card[data-v-77984fda] .ant-card-head{min-height:40px;padding:0 12px;background:#fafafa;border-bottom:1px solid #e8e8e8}.date-select-card[data-v-77984fda] .ant-card-head .ant-card-head-title{padding:8px 0;font-size:13px;font-weight:600}.date-select-card[data-v-77984fda] .ant-card-head .ant-card-extra{padding:8px 0}.date-select-card[data-v-77984fda] .ant-card-body{padding:8px!important}.record-list-card[data-v-77984fda] .ant-card-head{min-height:40px;padding:0 12px;background:#fafafa;border-bottom:1px solid #e8e8e8}.record-list-card[data-v-77984fda] .ant-card-head .ant-card-head-title{padding:8px 0;font-size:13px;font-weight:600}.record-list-card[data-v-77984fda] .ant-card-head .ant-card-extra{padding:8px 0}.date-list[data-v-77984fda]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;max-height:650px;overflow-y:auto}.date-list[data-v-77984fda]::-webkit-scrollbar{width:4px}.date-list[data-v-77984fda]::-webkit-scrollbar-track{background:transparent}.date-list[data-v-77984fda]::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:2px}.date-list[data-v-77984fda]::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.date-item[data-v-77984fda]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 12px;border:1px solid #e8e8e8;border-radius:6px;background:#fff;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.date-item[data-v-77984fda]:hover{border-color:#91d5ff;background:#f0f8ff;-webkit-transform:translateX(2px);transform:translateX(2px)}.date-item.active[data-v-77984fda]{border-color:#1890ff;background:-webkit-gradient(linear,left top,right top,from(#e6f7ff),to(#f0f9ff));background:linear-gradient(90deg,#e6f7ff,#f0f9ff);-webkit-box-shadow:0 2px 4px rgba(24,144,255,.1);box-shadow:0 2px 4px rgba(24,144,255,.1)}.date-label[data-v-77984fda]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;color:#262626;font-size:13px}.date-arrow[data-v-77984fda]{color:#bfbfbf;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.date-item:hover .date-arrow[data-v-77984fda]{-webkit-transform:translateX(2px);transform:translateX(2px)}.playback-layout[data-v-77984fda],.preview-layout[data-v-77984fda]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.playback-player-card[data-v-77984fda],.preview-player-card[data-v-77984fda]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;padding:16px;border:1px solid #f0f0f0;border-radius:12px;background:#fff;-webkit-box-shadow:0 6px 24px rgba(15,23,42,.06);box-shadow:0 6px 24px rgba(15,23,42,.06)}.preview-side-card[data-v-77984fda]{width:320px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.player-stage[data-v-77984fda]{width:100%;height:560px;border-radius:8px;overflow:hidden;background:#000}.side-card[data-v-77984fda]{border:1px solid #f0f0f0;border-radius:8px;-webkit-box-shadow:0 2px 10px rgba(15,23,42,.04);box-shadow:0 2px 10px rgba(15,23,42,.04)}.playback-controls[data-v-77984fda]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:16px;padding:12px;background:#fafafa;border-radius:8px;gap:12px}.playback-slider[data-v-77984fda]{-webkit-box-flex:1;-ms-flex:1;flex:1}.playback-time[data-v-77984fda]{min-width:160px;text-align:right;color:#595959;font-size:13px}[data-v-77984fda] .hik-playback-modal .ant-modal-content,[data-v-77984fda] .hik-preview-modal .ant-modal-content{overflow:hidden;border-radius:12px}[data-v-77984fda] .hik-playback-modal .ant-modal-header,[data-v-77984fda] .hik-preview-modal .ant-modal-header{padding:12px 16px;border:none;background:linear-gradient(135deg,#141414,#1a1a1a)}[data-v-77984fda] .hik-playback-modal .ant-modal-title,[data-v-77984fda] .hik-preview-modal .ant-modal-title{font-size:14px;font-weight:600;color:#fff}[data-v-77984fda] .hik-playback-modal .ant-modal-body,[data-v-77984fda] .hik-preview-modal .ant-modal-body{padding:16px;background:#f5f7fa}[data-v-77984fda] .hik-playback-modal .ant-modal-close,[data-v-77984fda] .hik-preview-modal .ant-modal-close{top:8px;right:8px}[data-v-77984fda] .hik-playback-modal .ant-modal-close-x,[data-v-77984fda] .hik-preview-modal .ant-modal-close-x{color:#fff;font-size:16px;line-height:40px;width:40px;height:40px}[data-v-77984fda] .hik-playback-modal .ant-modal-close-x:hover,[data-v-77984fda] .hik-preview-modal .ant-modal-close-x:hover{color:hsla(0,0%,100%,.8)}[data-v-77984fda] .channel-row-active td{background:#f0f8ff!important}@media (max-width:1280px){.playback-layout[data-v-77984fda],.preview-layout[data-v-77984fda]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.preview-side-card[data-v-77984fda]{width:100%}}