[data-v-024e69ef] .monitor-video-dialog .el-dialog__body,[data-v-024e69ef] .monitor-video-dialog .el-dialog__header{padding:0}.content-area[data-v-024e69ef]{display:flex;min-height:420px}.video-header[data-v-024e69ef]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e7eb}.video-header-title[data-v-024e69ef]{display:flex;align-items:center;font-size:14px;color:#333;font-weight:500}.video-title-main[data-v-024e69ef]{color:#333}.video-title-code[data-v-024e69ef]{margin-left:12px;color:#999}.video-close-btn[data-v-024e69ef]{width:24px;height:24px;border:none;background:transparent;font-size:18px;line-height:24px;color:#909399;cursor:pointer}.video-sidebar[data-v-024e69ef]{width:80px;padding:20px 0;border-right:1px solid #e5e7eb;background:#fff}.video-tab[data-v-024e69ef]{display:block;padding:10px 16px;font-size:13px;color:#606266;cursor:pointer;user-select:none;border-left:3px solid transparent}.video-tab[data-v-024e69ef]:hover{color:#10b981}.video-tab.active[data-v-024e69ef]{color:#10b981;font-weight:500;border-left-color:#10b981}.video-main[data-v-024e69ef]{padding:16px 18px}.video-main[data-v-024e69ef],.video-panel[data-v-024e69ef]{display:flex;flex:1;flex-direction:column}.date-selector[data-v-024e69ef]{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 0}.date-arrow[data-v-024e69ef]{width:24px;height:24px;border:none;background:none;color:#999;cursor:pointer;font-size:14px}.date-arrow[data-v-024e69ef]:hover{color:#333}.date-text[data-v-024e69ef]{font-size:14px;color:#333}.video-shell[data-v-024e69ef]{position:relative;display:flex;flex:1;align-items:center;justify-content:center;min-height:360px;overflow:hidden;background:#d9d9d9}.playback-shell[data-v-024e69ef]{min-height:300px}.video-player[data-v-024e69ef]{width:100%;height:100%;background:#000}.video-placeholder[data-v-024e69ef]{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;color:#d1d5db}.video-play-btn[data-v-024e69ef]{width:60px;height:60px;border:none;border-radius:50%;background:rgba(0,0,0,.5);cursor:pointer;position:relative}.video-play-btn[data-v-024e69ef]:after{content:"";position:absolute;top:20px;left:24px;border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent #fff}.placeholder-icon[data-v-024e69ef]{font-size:48px}.placeholder-title[data-v-024e69ef]{font-size:16px;font-weight:600}.placeholder-desc[data-v-024e69ef]{font-size:13px;color:#9ca3af}.ptz-controls[data-v-024e69ef]{display:flex;justify-content:center;padding:16px 0}.ptz-wrapper[data-v-024e69ef]{position:relative;width:80px;height:80px}.ptz-center[data-v-024e69ef]{position:absolute;top:50%;left:50%;width:28px;height:28px;border:none;border-radius:50%;background:#e5e7eb;cursor:pointer;transform:translate(-50%,-50%)}.ptz-btn[data-v-024e69ef]{position:absolute;width:24px;height:24px;border:none;background:none;color:#9ca3af;cursor:pointer;font-size:16px}.ptz-btn[data-v-024e69ef]:hover,.ptz-center[data-v-024e69ef]:hover{color:#666}.ptz-up[data-v-024e69ef]{top:0;left:50%;transform:translateX(-50%)}.ptz-down[data-v-024e69ef]{bottom:0;left:50%;transform:translateX(-50%)}.ptz-left[data-v-024e69ef]{top:50%;left:0;transform:translateY(-50%)}.ptz-right[data-v-024e69ef]{top:50%;right:0;transform:translateY(-50%)}.timeline-container[data-v-024e69ef]{padding:12px 0 0}.timeline-hours[data-v-024e69ef]{display:flex;justify-content:space-between;margin-bottom:4px;padding:0 2px;font-size:10px;color:#999}.timeline-bar-wrap[data-v-024e69ef]{display:flex;gap:1px;align-items:center;height:24px;padding:0 2px;background:#f5f5f5;border-radius:2px}.timeline-segment[data-v-024e69ef]{flex:1;height:16px;background:#e0e0e0;border-radius:1px}.timeline-segment.has-video[data-v-024e69ef]{background:#10b981}