.video_list_title_image {
    background-repeat: no-repeat;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.vlti_h {
    background-size: cover;
    background-position: left top;
    padding:22%;
    padding: calc(22% + 1px);
}
.vlti_v {
    background-size: cover;
    background-position: center center;
    padding:88%;
    padding: calc(88% + 1px);
    border-right:2px solid white;
}
.video_list_subtitle_image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.vlsi_h {
    padding:22%;
    border-top:2px solid white;
}
.vlsi_v_4 {
    padding:22%;
    padding:calc(22% - 0.5px);
}
.vlsi_v_3 {
    padding:29.3%;
    padding:calc(29.3% - 0.3px);
}
.vlsi_v_2 {
    padding:44%;
}
.vlsi_right {
    border-left:2px solid white;
}

.video_list_subtitle_image_border_top {
    border-top:2px solid white;
}

/* 容器要包裹住整个 row，确保没有多余的 padding */
.video-preview-container {
    position: relative;
    width: 100%;
    height: 100%;
    /* 关键：确保内部内容垂直对齐 */
    display: block; 
}
.video-preview-wrapper {
    position: absolute;
    /* 这里的 top/left/right/bottom 需要微调以避开 card 的内边距 */
    top: 8px; /* 对应 mt-2 */
    left: 8px; /* 对应 ml-2 */
    right: 8px; /* 对应 pr-2 */
    bottom: 0;
    background: #000;
    z-index: 10;
    overflow: hidden;
    border-radius: 4px; /* 配合 card 的圆角 */
}
/* 强制 video.js 及其子元素占满容器 */
.video-preview-wrapper .video-js,
.video-preview-wrapper video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover; /* 保证视频像背景图一样填充，不留黑边 */
}
/* 隐藏所有控件 */
.video-preview-wrapper .vjs-control-bar,
.video-preview-wrapper .vjs-big-play-button,
.video-preview-wrapper .vjs-loading-spinner,
.video-preview-wrapper .vjs-error-display {
    display: none !important;
}




@media (max-width: 767.98px) {


}