/* ===== final fix: card-wide/card-media text vertical issue ===== */

/* 只修复首页、栏目页里的影视卡片网格，不动详情页和播放页 */
.tpl-section .vod-collection,
.recommend-lunli .vod-collection,
.panel-lunli .vod-collection,
.section-body .vod-collection,
.collection-wide,
.collection-topic,
.collection-media,
.collection-feed,
.collection-info,
.collection-poster,
.collection-app,
.collection-mini,
.collection-slide {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
    gap: 18px !important;
    align-items: start !important;
}

/* PC 双栏主区域保持正常，防止右侧榜单挤压左侧 */
.two-col,
.main-grid,
.content-grid,
.layout-grid,
.home-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 300px !important;
    gap: 24px !important;
    align-items: start !important;
}

/* 重点：wide/media/feed/info 卡片不要再左图右文，否则文字会被挤成竖排 */
.vod-collection .card-wide,
.vod-collection .card-media,
.vod-collection .card-app,
.vod-collection .card-poster,
.tpl-section .card-wide,
.tpl-section .card-media,
.recommend-lunli .card-wide,
.recommend-lunli .card-media,
.panel-lunli .card-wide,
.panel-lunli .card-media {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    overflow: hidden !important;
    padding: 0 !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
}

/* 图片统一在上方展示 */
.vod-collection .card-wide > img,
.vod-collection .card-media > img,
.vod-collection .card-app > img,
.vod-collection .card-poster img,
.vod-collection .poster-img img,
.tpl-section .card-wide > img,
.tpl-section .card-media > img,
.recommend-lunli .card-wide > img,
.recommend-lunli .card-media > img,
.panel-lunli .card-wide > img,
.panel-lunli .card-media > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 2 / 3 !important;
    object-fit: cover !important;
    border-radius: 12px !important;
}

/* wide/media 里面的文字容器改到图片下面 */
.vod-collection .card-wide > span,
.vod-collection .card-media > div,
.tpl-section .card-wide > span,
.tpl-section .card-media > div,
.recommend-lunli .card-wide > span,
.recommend-lunli .card-media > div,
.panel-lunli .card-wide > span,
.panel-lunli .card-media > div {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 9px !important;
    padding: 0 !important;
    writing-mode: horizontal-tb !important;
}

/* 禁止所有卡片内部文字竖排 */
.vod-collection .vod-card,
.vod-collection .vod-card *,
.tpl-section .vod-card,
.tpl-section .vod-card *,
.recommend-lunli .vod-card,
.recommend-lunli .vod-card *,
.panel-lunli .vod-card,
.panel-lunli .vod-card * {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
}

/* 标题最多两行，不再一字一行 */
.vod-collection .vod-card strong,
.vod-collection .vod-card h3,
.vod-collection .vod-card h4,
.vod-collection .card-title,
.vod-collection .vod-title,
.tpl-section .vod-card strong,
.recommend-lunli .vod-card strong,
.panel-lunli .vod-card strong {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    white-space: normal !important;
    word-break: break-word !important;
    line-height: 1.35 !important;
    font-size: 15px !important;
    min-height: 40px !important;
    margin-top: 8px !important;
}

/* 年份、地区、分类最多一行 */
.vod-collection .vod-card span,
.vod-collection .vod-card small,
.vod-collection .vod-card em,
.tpl-section .vod-card span,
.tpl-section .vod-card small,
.tpl-section .vod-card em,
.recommend-lunli .vod-card span,
.recommend-lunli .vod-card small,
.recommend-lunli .vod-card em,
.panel-lunli .vod-card span,
.panel-lunli .vod-card small,
.panel-lunli .vod-card em {
    display: block !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    line-height: 1.45 !important;
}

/* 简介不在海报网格里展示，避免再次撑高卡片 */
.vod-collection .card-wide p,
.vod-collection .card-media p,
.tpl-section .card-wide p,
.tpl-section .card-media p,
.recommend-lunli .card-wide p,
.recommend-lunli .card-media p,
.panel-lunli .card-wide p,
.panel-lunli .card-media p {
    display: none !important;
}

/* 修复 no-pic / loading 占位图 */
.vod-collection .no-pic,
.tpl-section .no-pic,
.recommend-lunli .no-pic,
.panel-lunli .no-pic {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    aspect-ratio: 2 / 3 !important;
    height: auto !important;
    border-radius: 12px !important;
    background: #eef2f7 !important;
    color: #8a94a6 !important;
}

/* 排行榜不能被影视卡片规则影响 */
.rank-list,
.ranking-list,
.hot-rank,
.today-rank {
    display: block !important;
}

.rank-list .rank-item,
.ranking-list .rank-item,
.hot-rank .rank-item,
.today-rank .rank-item {
    display: grid !important;
    grid-template-columns: 38px minmax(0,1fr) auto !important;
}

/* 移动端两列 */
@media (max-width: 768px) {
    .two-col,
    .main-grid,
    .content-grid,
    .layout-grid,
    .home-grid {
        display: block !important;
    }

    .tpl-section .vod-collection,
    .recommend-lunli .vod-collection,
    .panel-lunli .vod-collection,
    .section-body .vod-collection,
    .collection-wide,
    .collection-topic,
    .collection-media,
    .collection-feed,
    .collection-info,
    .collection-poster,
    .collection-app,
    .collection-mini,
    .collection-slide {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .vod-collection .vod-card strong,
    .tpl-section .vod-card strong,
    .recommend-lunli .vod-card strong,
    .panel-lunli .vod-card strong {
        font-size: 14px !important;
        min-height: 38px !important;
    }
}

/* ===== final fix end ===== */