/*这里做附加的样式定义*/
/* =============================================
   腾讯云点播预览播放器 - 前台内容页
   ============================================= */




/* .archive-hero 内：70% 宽居中，标题黑底白字与播放器同宽 */
.archive-hero .caixin-preview-wrap {
    width: 70%;
    margin: 28px auto 0;
}
.archive-hero .caixin-preview-title {
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(0, 0, 0, 0.82);
    color: #fff;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    padding: 7px 14px;
    margin-bottom: 0;
    justify-content: center;
}
.archive-hero .caixin-preview-title::before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ri-green, #0cbc87);
    flex-shrink: 0;
}
.archive-hero .caixin-preview-player {
    width: 100%;
}

/* .card 内（general / shop 样式）：100% 宽，左对齐标题，上下留白 */
.card .caixin-preview-wrap {
    width: 100%;
    margin: 24px 0 8px;
}
.card .caixin-preview-title {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--ri-success, #0cbc87);
    letter-spacing: 0.03em;
    margin-bottom: 10px;
    padding: 0;
}
.card .caixin-preview-title::before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ri-success, #0cbc87);
    flex-shrink: 0;
}
.card .caixin-preview-player {
    width: 100%;
}

/* 播放器 video 元素撑满容器 */
.caixin-preview-player video {
    display: block;
    width: 100%;
}

/* TCPlayer/Video.js：宽度随栏目，高度由 JS 按视频真实比例计算，不锁 16:9 */
.caixin-preview-player {
    position: relative;
    max-width: 100%;
}
.caixin-preview-player .video-js {
    max-width: 100% !important;
}
/* 避免 fluid 残留 padding-top 撑出固定比例空白 */
.caixin-preview-player .video-js:not(.vjs-fluid) {
    padding-top: 0 !important;
}
.caixin-preview-player .video-js .vjs-tech {
    object-fit: contain;
}

@media (max-width: 767px) {
    .archive-hero .caixin-preview-wrap {
        width: 92%;
    }
}