/* 删除以下所有音量控制相关的样式 */
.video-volume-control,
.guess-like-video:hover .video-volume-control,
.volume-icon,
.volume-slider,
.volume-slider.show,
.volume-slider::-webkit-slider-thumb,
.volume-slider::-moz-range-thumb,
.volume-slider::-ms-thumb {
    display: none;
}

/* 视频区域样式 */
.guess-like-video {
    width: 100% !important;
    height: 100% !important;
    position: relative;
    overflow: visible; /* 改为 visible，确保控件不被裁剪 */
    border-radius: 0.5vw;
}

.guess-like-video video {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain; /* 改为 contain，确保控件可见 */
    display: block;
    pointer-events: auto !important;
    z-index: 1; /* 确保视频在遮罩层之上 */
}

.guess-like-video-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.3));
    pointer-events: none;
    z-index: 0; /* 确保遮罩层在视频之下 */
}

/* 确保视频控制区域可以正常操作 */
.guess-like-video video::-webkit-media-controls {
    pointer-events: auto !important;
    z-index: 2; /* 确保控件在最上层 */
}

.guess-like-video video::-webkit-media-controls-panel {
    pointer-events: auto !important;
    z-index: 2;
}

.guess-like-video video::-webkit-media-controls-play-button,
.guess-like-video video::-webkit-media-controls-volume-slider,
.guess-like-video video::-webkit-media-controls-mute-button,
.guess-like-video video::-webkit-media-controls-timeline,
.guess-like-video video::-webkit-media-controls-fullscreen-button {
    pointer-events: auto !important;
    z-index: 2;
}