/**
 * 审核面板 - 视频/图片模态内播放区容器与锁定布局
 * 自 style.css 迁出，保持类名兼容
 * 字体：Microsoft YaHei
 */

/* 视频容器 */
.video-container {
    position: relative;
    width: 100%;
    background: #000;
    overflow: hidden;
    flex: 1;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 视频模态框中的视频容器不需要圆角 */
.video-modal-content .video-container {
    border-radius: 0;
}

/* 视频预览：播放区域锁定布局（不随视频比例变化）
 * 1. 播放区域整体固定：上方为视频区，下方为控制栏，控制栏始终贴底
 * 2. 视频区域高度由 flex 分配，不设 aspect-ratio，不随视频宽高比变化
 * 3. 视频在固定窗口内通过 object-fit: contain 适配播放 */
.video-modal-content .review-video-main-content,
#singleVideoArea .review-video-main-content {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
.video-modal-content .video-container,
#singleVideoArea .video-container {
    flex: 1 1 0%;
    min-height: 0;
    overflow: hidden;
    aspect-ratio: unset;
}
.video-modal-content #videoControlsBarMount,
#singleVideoArea #videoControlsBarMount {
    flex: 0 0 auto;
}
.video-modal-content .video-container video,
#singleVideoArea .video-container video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* 图片预览：播放区域锁定布局（与视频一致，不随图片比例变化） */
.image-modal-content .image-container,
#singleImageArea .image-container {
    flex: 1 1 0%;
    min-height: 0;
    overflow: hidden;
    aspect-ratio: unset;
    border-radius: 0;
}
#singleImageArea .image-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* 图片容器 */
.image-container {
    position: relative;
    width: 100%;
    background: #000;
    border-radius: 0;
    overflow: hidden;
    flex: 1;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: grab;
}

.image-container:active,
.image-container.dragging {
    cursor: grabbing;
}

/* 图片容器中的图片 */
.image-container img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: transform 0.2s ease;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/* 反馈输入区域样式（用于图片模态框） */
.feedback-input-area {
    background: var(--bg-tertiary);
    border-top: 1px solid var(--border-primary);
    padding: var(--spacing-md);
    flex-shrink: 0;
}