/* ============================================================
   腾讯视频风格皮肤 tencent-skin.css  (2026-10-23)
   深黑蓝底 + 橙色强调 + 毛玻璃吸顶导航 + 大圆角悬浮卡片
   加载顺序：本文件在所有模板 CSS 之后引入，同级选择器后者生效
   ============================================================ */

/* 浅色模式品牌色同步为橙 */
:root{--tpl-accent:#ff7e28;--tpl-accent-hover:#ff964d;--tpl-accent-muted:rgba(255,126,40,.22)}

/* 深色模式（默认）：腾讯视频式配色 */
.bstem{--tpl-accent:#ff7e28;--tpl-accent-hover:#ff964d;--tpl-accent-muted:rgba(255,126,40,.25);--tpl-text:#e9ecf3;--tpl-text-strong:#fff;--tpl-text-muted:#9aa3b0;--tpl-text-subtle:#6d7684;--tpl-social-name:#9aa3b0;--tpl-text-on-inverse:#14100a;--tpl-border:#242b38;--tpl-border-soft:#1a202c;--tpl-bg-base:#0c1017;--tpl-bg-muted:#151a24;--tpl-bg-login:#1c2330;--tpl-radius-cover:10px}
body.bstem{background:#0c1017}

/* 顶部导航：近黑毛玻璃吸顶
   注意：backdrop-filter 会创建层叠上下文，导致 #topnav 内部的 fixed 抽屉被裁剪。
   因此把毛玻璃放到 ::before 伪元素上，容器本身不加 backdrop-filter。 */
body.bstem #topnav{position:relative!important;background:transparent!important;box-shadow:0 1px 0 rgba(255,255,255,.04)}
body.bstem #topnav::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(9,12,18,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none}
body.bstem #topnav>*{position:relative;z-index:1}
body.bstem .site-head-wrap .current>a,body.bstem .site-head-wrap .active>a{color:#ff7e28!important}

/* 首页横幅：大圆角 */
body.bstem .banstem,body.bstem .banner-top,body.bstem .hot_banner_box{border-radius:14px;overflow:hidden}

/* 卡片：圆角 + 悬浮上浮 + 深投影 */
body.bstem .vodlist_item{border-radius:10px;transition:transform .25s ease,box-shadow .25s ease}
body.bstem .vodlist_item:hover{transform:translateY(-4px);z-index:5;box-shadow:0 14px 30px rgba(0,0,0,.55)}
body.bstem .mac-poster{border-radius:10px;overflow:hidden}
body.bstem .vodlist_title a{color:var(--tpl-text-strong)}
body.bstem .vodlist_title a:hover{color:#ff7e28}
body.bstem .vodlist_sub{color:var(--tpl-text-subtle)}

/* 首页热门 Tab：选中橙色 */
body.bstem .latest-tab-nav li.current span{color:#ff7e28}

/* 主按钮：橙色渐变 */
body.bstem .mac_btn,body.bstem .btn-main{background:linear-gradient(135deg,#ff964d,#ff7e28);border:none;color:#14100a;font-weight:600}

/* 深色滚动条 */
body.bstem ::-webkit-scrollbar{width:8px;height:8px}
body.bstem ::-webkit-scrollbar-thumb{background:#2a3242;border-radius:4px}
body.bstem ::-webkit-scrollbar-track{background:transparent}

/* ============================================================
   暗色模式修复（2026-10-23 晚）
   ============================================================ */

/* 永久深色：隐藏明暗切换按钮，杜绝误切浅色 */
.mycolor{display:none!important}

/* 表单控件跟随深色（输入框/下拉/滚动条原生样式） */
body.bstem{color-scheme:dark}

/* 直播频道卡：白底改深色（原 #fff 在暗色下成刺眼白块） */
body.bstem .live-show__card-logo{background:#141a24!important}
body.bstem .live-show__card-placeholder{color:#8a93a3!important}

/* 侧边全菜单抽屉：深色面板兜底 */
body.bstem .all_menu_box{background:var(--tpl-bg-muted)!important}
body.bstem .all_menu{background:var(--tpl-bg-muted)}
body.bstem .all_menu_title{color:var(--tpl-text-strong)}
body.bstem .all-menu-label{color:var(--tpl-text)}
body.bstem .all-menu-tag{color:var(--tpl-text-muted);background:var(--tpl-border-soft)}
body.bstem .all-menu-tag.is-active{color:#ff7e28;background:rgba(255,126,40,.15)}
body.bstem .all_menu_header{border-bottom:1px solid var(--tpl-border-soft)}
body.bstem .close_menu .all_menu_close_icon{color:var(--tpl-text-muted)}

/* 侧边抽屉：强制全屏覆盖（修复被 PC 下拉样式覆盖导致的半截显示） */
.all_menu.menu_block{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;display:flex!important;z-index:999999995}
.all_menu.menu_block .all_menu_inner.g_wrap_p{height:100%!important;width:240px!important;max-width:240px!important;flex-shrink:0}
.all_menu.menu_block .all_menu_overlay{background:rgba(0,0,0,.55)!important}
.all_menu.menu_block .menuNavList.all-menu-nav{height:calc(100% - 44px)!important}