/* ==========================================================================
   tv-inner.css — 内页（详情/列表/搜索/排行/播放）统一样式
   依赖 tv-home.css 中的 design token 与 .tv-header/.tv-foot/.tv-card
   ========================================================================== */

:root {
    --tv-bg: #f5f6f8;
    --tv-text: #14161a;
    --tv-text-2: #868d99;
    --tv-text-3: #a8aeb8;
    --tv-line: #ededf1;
    --tv-brand: #0aa7ff;
    --tv-brand-2: #0a6bff;
    --tv-score: #ff9f0a;

    /* 主题原本是绿色 #40cc92 / tencent-skin.css 里改成橙色 #ff7e28，
       统一收口到腾讯蓝，避免分页/按钮出现撞色 */
    --tpl-accent: #0aa7ff;
    --tpl-accent-hover: #0a6bff;
    --tpl-accent-muted: rgba(10, 167, 255, .18);
}

html {
    background: #f5f6f8 !important;
}

body {
    background: #f5f6f8 !important;
    color: #14161a;
    font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

/* 主题自带容器宽度对齐首页 */
.member-wrap,
.container {
    max-width: 1200px;
}

/* 搜索页/排行榜的 .member-wrap 被写成 margin:0 导致整体贴左边，这里强制居中 */
.member-wrap,
.member-wrap.rankpage,
#vodSearchPage {
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (min-width: 1201px) {

    .member-wrap .container,
    .container {
        width: 1200px;
    }
}

/* 解除主题的授权校验遮挡（外部校验域名超时会整页隐藏） */
html.license-locked body {
    visibility: visible !important;
}

html.license-locked body::after {
    display: none !important;
    content: none !important;
}

/* 头部下方留白 */
#topnav+.member-wrap,
.site-head-wrap+.member-wrap {
    padding-top: 18px;
}

/* ---------------------------------------------------------------- 通用按钮 */

.playbtn .btn,
.content_btn .btn,
a.btn {
    border-radius: 20px !important;
    font-weight: 600;
    transition: transform .18s, filter .18s;
}

.playbtn .btn:hover,
.content_btn .btn:hover {
    transform: translateY(-1px);
}

.btn_play,
a.btn_play,
.playbtn .btn_play {
    background: linear-gradient(135deg, #00c2ff, #0a6bff) !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: 0 8px 20px rgba(10, 107, 255, .32);
}

.btn_fav,
.btn_share {
    background: #f1f3f6 !important;
    color: #3f454f !important;
    border: 0 !important;
}

.btn_fav:hover,
.btn_share:hover {
    background: #e6eaf0 !important;
}

/* ---------------------------------------------------------------- 卡片统一 */

.vodlist_item {
    border-radius: 10px;
}

.vodlist_thumb,
.vodlist_item .thumb,
.vodlist_item a.vodlist_thumb {
    border-radius: 10px !important;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(15, 25, 40, .07);
    transition: transform .22s ease, box-shadow .22s ease;
}

.vodlist_item:hover .vodlist_thumb,
.vodlist_item:hover .thumb {
    transform: translateY(-4px);
    box-shadow: 0 16px 28px rgba(15, 25, 40, .16);
}

.vodlist_title,
.vodlist_title a {
    font-size: 13.5px;
    color: #1b1f26;
}

.vodlist_item:hover .vodlist_title a {
    color: var(--tv-brand-2);
}

.vodlist_sub,
.vodlist_item .vodlist_sub,
.vodlist_item .vodlist_sub a {
    font-size: 12px;
    color: var(--tv-text-3);
}

/* 标题栏 */
.title,
.pannel_head .title,
.home-unified-section-head h2 {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -.4px;
}

/* 播放页按钮条 */
.play-but-item a,
.play_vlist a {
    border-radius: 8px;
}

/* 去掉主题的深色残留块 */
.bstem .container,
.bstem .member-wrap {
    background: transparent;
}

/* 搜索页/列表页筛选条 */
.mac-catalog-filter,
.filter-wrap {
    background: #fff;
    border-radius: 12px;
}

/* ------------------------------------------------------------ 筛选选中态 */

.mac-cat-filter-item {
    border-radius: 14px !important;
    color: #5a6270;
    transition: background-color .16s ease, color .16s ease;
}

li.hl>.mac-cat-filter-item,
.mac-cat-filter-item.is-active,
.mac-cat-filter-item[aria-pressed="true"] {
    background: rgba(10, 167, 255, .12) !important;
    color: #0a6bff !important;
    font-weight: 600 !important;
}

.mac-cat-filter-item:hover {
    background: rgba(10, 167, 255, .08) !important;
    color: #0a6bff !important;
}

/* 主题在 .mac-catalog-show .vod_all .screen_list li.hl 上写死了绿色高亮，
   用同层级选择器 + !important 收口成品牌蓝 */
.mac-catalog-show .vod_all .screen_list:not(.sx_tz) li.hl button.mac-cat-filter-item,
.mac-catalog-show .vod_all .screen_list:not(.sx_tz) li.hl>a,
.mac-catalog-show .vod_all .screen_list:not(.sx_tz) li.hl>span,
.mac-catalog-show .vod_all .screen_list li.hl button,
.mac-catalog-show .vod_all .screen_list li.hl>a {
    background: rgba(10, 167, 255, .12) !important;
    box-shadow: none !important;
    color: #0a6bff !important;
}

/* ---------------------------------------------------- 标签墙胶囊去彩虹色 */

.vod-play-tagwall .vod-play-tagwall__pill,
.vod-play-tagwall .vod-play-tagwall__pill--c0,
.vod-play-tagwall .vod-play-tagwall__pill--c1,
.vod-play-tagwall .vod-play-tagwall__pill--c2,
.vod-play-tagwall .vod-play-tagwall__pill--c3,
.vod-play-tagwall .vod-play-tagwall__pill--c4,
.vod-play-tagwall .vod-play-tagwall__pill--c5 {
    background: #f2f4f7 !important;
    border: 1px solid #e6eaf0 !important;
    color: #4a515c !important;
    font-weight: 500 !important;
}

.vod-play-tagwall .vod-play-tagwall__pill:hover {
    background: #e8f4ff !important;
    border-color: rgba(10, 167, 255, .4) !important;
    color: var(--tv-brand) !important;
}

/* ------------------------------------------------------------ 分页条 */

.page li .num,
.page li a {
    border-color: #e6e9ef !important;
    border-radius: 8px !important;
    color: #4a515c !important;
}

.page li.active .num,
.page li a:hover {
    background: var(--tv-brand-2) !important;
    border-color: var(--tv-brand-2) !important;
    color: #fff !important;
}

/* ---------------------------------------------------- 移动端底部导航 */

.hidden_mb {
    background: #fff !important;
    border-top: 1px solid var(--tv-line);
}

.hidden_mb .bottom-nav-item.active,
.hidden_mb .bottom-nav-item.is-active {
    background: transparent !important;
    color: var(--tv-brand) !important;
}

.hidden_mb .bottom-nav-item.active i,
.hidden_mb .bottom-nav-item.active span {
    color: var(--tv-brand) !important;
}