/* ============================================================
   海螺 compat 兜底层（最后加载，不修改任何原版规则）
   原版布局两个脆弱点：
   1) 根字号完全依赖 hlhtml.js（rem = 视口/10，PC 上限 768*dpr），
      JS 未跑/跑挂时 rem=16px，全站 rem 布局塌陷；
   2) 移动端 .all_menu 抽屉 display:block + translateX(-100%) 藏屏，
      依赖 JS 加 .menu_block 滑入，JS 异常时抽屉直接糊在页面上。
   这里用纯 CSS 复刻同样的规则，保证无 JS 也正确。
   ============================================================ */

/* 1) 根字号：与 hlhtml.js 完全同规则（视口/10；≥820px 固定 40px） */
@media (max-width: 819.98px) {
  html { font-size: 10vw !important; }
}
@media (min-width: 820px) {
  html { font-size: 40px !important; }
}

/* 2) 抽屉菜单：默认强制收起，仅带 menu_block（JS 触发）时展开 */
.all_menu:not(.menu_block) { display: none !important; }
@media (max-width: 819.98px) {
  .all_menu.menu_block { display: block !important; }
}
@media (min-width: 820px) {
  .all_menu.menu_block { display: block !important; }
}

/* 3) 头部浮动重新钉死（防止任何来源的覆盖导致导航竖排） */
.head_menu_a li { float: left; }
.head_user { float: right; }
.head_user li { float: left; }
.head_logo { float: left; }
.head_menu_b a.menu { float: left; }
.head_search { float: left; }

/* 4) 列表浮动兜底（原版桌面 6 列 / ≤991 4 列） */
.vodlist li { float: left; }
.vodlist:after, .clearfix:after { content: ""; display: table; clear: both; }

/* 6) 固定头部遮挡内容：原版只有移动端补了 body padding-top，桌面端没有，
      内页首元素（面包屑等）会钻到 fixed 头部底下。这里桌面端同样补偿 */
@media (min-width: 820px) {
  body { padding-top: 2.75rem !important; }
}

/* 6b) 日夜模式：黑夜用原版 black.css（body #222/字 #ddd，对比度已处理好）；
      白天原版 bstem 头部是白字——在白底头部会不可见，这里修正为白底深字 */
[data-mode="light"] .bstem .head_box { background: #fff !important; box-shadow: 0 1px 0 rgba(0,0,0,.04); }
[data-mode="light"] .bstem .head_menu_a a,
[data-mode="light"] .bstem .head_user a,
[data-mode="light"] .bstem .head_menu_b a.menu,
[data-mode="light"] .bstem .head_hot_search a,
[data-mode="light"] .bstem .hot_search_tit,
[data-mode="light"] .head_logo .brand-logo span { color: #333 !important; }
[data-mode="light"] .head_search .form_control { background: #f5f5f5 !important; color: #333 !important; }
/* 白天：搜索占位文字与放大镜图标改为深色（bstem 默认白字在浅底不可见） */
[data-mode="light"] .head_search i,
[data-mode="light"] .head_search .submit,
[data-mode="light"] .head_search button { color: #999 !important; }
[data-mode="light"] .head_search .form_control::placeholder { color: #aaa !important; }
[data-mode="light"] .head_search .form_control::-webkit-input-placeholder { color: #aaa !important; }
[data-mode="light"] .head_search .form_control::-moz-placeholder { color: #aaa !important; opacity: 1; }
[data-mode="light"] .head_search .form_control::-ms-input-placeholder { color: #aaa !important; }
[data-mode="light"] .head_b a,
[data-mode="light"] .head_b .hd_tit { color: #333 !important; }
[data-mode="light"] .header::after { border-bottom: 1px solid #eee !important; }
/* 黑夜：头部深底，logo 文字白色（black.css 已处理其余） */
[data-mode="dark"] .bstem .head_box { background: #1a1a1a !important; }
[data-mode="dark"] .head_logo .brand-logo span { color: #fff; }
[data-mode="dark"] .cmt-empty { color: #666; }

/* 9) 评论表单/列表撑满所在栏（原版评论组件输入框过窄），日夜双模式文字可读 */
.comm_form p, .cmt-form p { margin: 0 0 10px; }
.comm_form input[type=text], .comm_form input[type=email], .comm_form textarea,
.cmt-form input[type=text], .cmt-form input[type=email], .cmt-form textarea {
  width: 100%; box-sizing: border-box; padding: 10px 12px; font-size: 14px;
  font-family: inherit; border-radius: 4px; border: 1px solid #ddd; background: #fff; color: #333;
}
.comm_form textarea, .cmt-form textarea { resize: vertical; }
[data-mode="dark"] .comm_form input, [data-mode="dark"] .comm_form textarea,
[data-mode="dark"] .cmt-form input, [data-mode="dark"] .cmt-form textarea {
  background: #2b2b2b; color: #ddd; border-color: #3a3a3a; }
[data-mode="dark"] .comm_list .comm_name, [data-mode="dark"] .comm_name { color: #ddd; }
[data-mode="dark"] .comm_list .comm_cont, [data-mode="dark"] .comm_cont { color: #bbb; }
[data-mode="dark"] .comm_list, [data-mode="dark"] #comment-list .comm_item { border-bottom-color: #333; }
.comm_list, .comm_item { border-bottom: 1px dotted #eee; padding: 10px 0; }
.comm_name { font-weight: 700; color: #333; margin-right: 10px; }
.comm_time { color: #aaa; font-size: 12px; }
.comm_cont { margin: 6px 0 0; color: #444; line-height: 1.6; word-break: break-word; }
.comm_tip, .cmt-tip { color: #ff5f00; font-size: 13px; }

/* 10) 播放/详情页下部内容区：只有左栏时撑满整行（原版 left_row 固定 70% 导致右侧大片空白） */
@media (min-width: 820px) {
  .container > .left_row:only-child { width: 100% !important; float: none !important; }
}

/* 11) 排行榜序号配色兜底（原版 part_num1/2/3 金银铜） */
.part_num1 { color: #ff5f00; }
.part_num2 { color: #c0c0c0; }
.part_num3 { color: #cd7f32; }
.rankpage .part_eone a { display: block; color: #ddd; padding: 9px 0; border-bottom: 1px dotted #333; text-decoration: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.rankpage .part_eone a:hover { color: #ff5f00; }
.rankpage .part_rows { list-style: none; margin: 0; padding: 0 12px; }
.rankpage .ranklist_thumb { display: block; width: 100%; padding-top: 140%; background: #303030; background-size: cover; background-position: center; border-radius: 4px; position: relative; }
.rankpage .ranklist_item { width: 25%; float: left; padding: 8px; box-sizing: border-box; list-style: none; }
.rankpage .ranklist_txt .pannel_head { margin: 6px 0 0; }
.rankpage .ranklist_txt a { color: #ddd; text-decoration: none; }
.rankpage .title_nav { display: flex; border-bottom: 1px solid #363636; }
.rankpage .title_nav li { list-style: none; }
.rankpage .tab_rank span { display: block; padding: 10px 26px; cursor: pointer; color: #999; }
.rankpage .tab_rank span:hover { color: #ff5f00; }
.rankpage .tabs input { display: none; }
.rankpage .tabs input#tab1:checked ~ .title_nav li[title="周榜"] span,
.rankpage .tabs input#tab2:checked ~ .title_nav li[title="总榜"] span,
.rankpage .tabs input#tab3:checked ~ .title_nav li[title="高分榜"] span { color: #ff5f00; font-weight: 700; border-bottom: 2px solid #ff5f00; }
.rankpage .content section { display: none; }
.rankpage .tabs input#tab1:checked ~ .content section:nth-of-type(1),
.rankpage .tabs input#tab2:checked ~ .content section:nth-of-type(2),
.rankpage .tabs input#tab3:checked ~ .content section:nth-of-type(3) { display: block; }
.rankpage .content h2 { font-size: 16px; color: #ddd; padding: 12px; margin: 0; }
.rankpage .rank_info { margin-bottom: 14px; background: #222; border: 1px solid #2e2e2e; border-radius: 4px; }
.rankpage .list_info { padding: 6px 0; }
[data-mode="light"] .rankpage .rank_info { background: #fff; border-color: #eee; }
[data-mode="light"] .rankpage .part_eone a { color: #333; border-bottom-color: #eee; }
[data-mode="light"] .rankpage .content h2 { color: #333; }
.rankpage .pannel_head .title { font-size: 16px; color: #ddd; margin: 0; }
[data-mode="light"] .rankpage .pannel_head .title { color: #333; }
.rankpage .text_muted a { color: #999; text-decoration: none; }
.rankpage .text_muted a:hover { color: #ff5f00; }
.rankpage .renqi { font-size: 13px; }
.rankpage .renqi i { color: #ff5f00; }
.rankpage:after { content: ""; display: table; clear: both; }

/* 7) 品牌 logo：星辰影院（替换原版 logo_b/logo_w 双背景图槽位） */
.head_logo .logo { display: none !important; }
.head_logo .brand-logo { display: flex; align-items: center; gap: 8px; text-decoration: none; height: 100%; }
.head_logo .brand-logo img { height: 40px; width: auto; border-radius: 8px; display: block; }
.head_logo .brand-logo span { font: 700 24px/1 "Microsoft YaHei", "PingFang SC", sans-serif; color: #fff; white-space: nowrap; letter-spacing: 1px; }
[data-mode="light"] .head_logo .brand-logo span { color: #ff5f00; }
@media (max-width: 819.98px) {
  .head_logo .brand-logo img { height: 32px; }
  .head_logo .brand-logo span { font-size: 19px; color: #ff5f00; }
}

/* 8) 立即播放主按钮：原版无样式，只是裸链接 */
.btn_play, .content_btn .btn_play {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-width: 190px; background: #ff5f00; color: #fff !important;
  font: 700 17px/1 "Microsoft YaHei", "PingFang SC", sans-serif; letter-spacing: 2px;
  padding: 13px 36px; border-radius: 26px; text-decoration: none;
  box-shadow: 0 2px 10px rgba(255,95,0,.35);
}
.btn_play:hover, .btn_play:active, .btn_play:visited { background: #e65600; color: #fff !important; text-decoration: none; }
.btn_play i { font-size: 18px; }

/* 5) 首页轮播 banner：后台未配置时用最新/推荐影片兜底展示 */
.banner_box { position: relative; max-width: 1200px; margin: 10px auto; overflow: hidden; border-radius: 6px; background: #000; }
.banner_slides { list-style: none; margin: 0; padding: 0; }
.banner_slides li { display: none; }
.banner_slides li.on { display: block; }
.banner_slides li a { display: block; position: relative; height: 320px; overflow: hidden; background: #0a0a12; text-decoration: none; }
.banner_slides li a img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; display: block; }
.banner_tit { position: absolute; left: 0; right: 0; bottom: 0; padding: 34px 20px 14px; color: #fff; font: 700 22px/1.3 "Microsoft YaHei", sans-serif; background: linear-gradient(transparent, rgba(0,0,0,.65)); }
.banner_prev, .banner_next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; width: 38px; height: 52px; line-height: 52px; text-align: center; color: #fff; background: rgba(0,0,0,.30); font-size: 26px; text-decoration: none; user-select: none; }
.banner_prev { left: 10px; }
.banner_next { right: 10px; }
.banner_dots { position: absolute; left: 0; right: 0; bottom: 10px; z-index: 3; display: flex; justify-content: center; gap: 8px; list-style: none; margin: 0; padding: 0; }
.banner_dots li { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,.55); cursor: pointer; }
.banner_dots li.on { background: #ff5f00; }
@media (max-width: 819.98px) {
  .banner_box { margin: 6px 10px; }
  /* 移动端 banner：img object-fit:cover 自动适配，高度降低即可 */
  .banner_slides li a { height: 180px; }
  .banner_slides li a img { object-position: center 25%; }
  /* 移动端头部改文档流（不再 fixed 悬浮）：PC↔移动切换时 rem 内联残留导致的
     "头部遮住播放器"问题彻底消除——内容自然从头部下方排列，无需 JS 重算 */
  .head_box { position: static !important; }
  body { padding-top: 0 !important; }
  .banner_tit { font-size: 16px; padding: 24px 14px 10px; }
  /* 播放器 poster 海报完整显示（contain 不裁切，黑底补边），不覆盖控制条 */
  .MacPlayer { object-fit: contain !important; background: #000 !important; }
}

/* 12) 站点地图页（原版无此页，按原版暗色卡片风格搭建） */
.map_page { max-width: 1200px; margin: 0 auto; padding: 10px 12px 30px; }
.map_page .pannel { background: #222; border: 1px solid #2e2e2e; border-radius: 6px; padding: 12px 16px; margin-bottom: 12px; }
[data-mode="light"] .map_page .pannel { background: #fff; border-color: #eee; }
.map_page .pannel_head .title { color: #ddd; font-size: 17px; margin: 0 0 4px; }
[data-mode="light"] .map_page .pannel_head .title { color: #333; }
.map_page .map_count { float: right; color: #888; font-size: 13px; line-height: 24px; }
.map_page .map_tips { color: #999; font-size: 14px; line-height: 1.8; }
.map_page .map_tips a { color: #ff5f00; text-decoration: none; margin: 0 2px; }
.map_page .map_tips a:hover { text-decoration: underline; }
.map_page .map_links { display: flex; flex-wrap: wrap; gap: 8px 6px; }
.map_page .map_links a {
  display: inline-block; background: #2c2c2c; color: #ccc; font-size: 13px; line-height: 1;
  padding: 7px 10px; border-radius: 4px; text-decoration: none; border: 1px solid #333;
}
.map_page .map_links a:hover { color: #ff5f00; border-color: #ff5f00; }
[data-mode="light"] .map_page .map_links a { background: #f5f5f5; color: #555; border-color: #eee; }
[data-mode="light"] .map_page .map_links a:hover { color: #ff5f00; border-color: #ff5f00; }
.map_page .map_links a em { font-style: normal; color: #888; margin-left: 6px; font-size: 12px; }

/* 13) 专题页头部（原版 #topic_page 结构的暗色适配） */
.topic_head:after { content: ""; display: table; clear: both; }
.topic_head .topiclist_con { width: 50%; float: left; }
.topic_head .topic_fm { display: block; padding-top: 60%; background-size: cover; background-position: center; border-radius: 4px; }
.topic_head .topiclist_text { width: 50%; float: left; padding: 4px 0 0 16px; box-sizing: border-box; }
.topic_head .topiclist_text .title { color: #ddd; margin: 0 0 10px; }
[data-mode="light"] .topic_head .topiclist_text .title { color: #333; }
.topic_head .topic_desc { color: #999; font-size: 14px; line-height: 1.8; margin-bottom: 10px; }
.topic_head .text_muted { color: #999; font-size: 13px; }
[data-mode="light"] .topic_head .topic_desc { color: #777; }
@media (max-width: 819.98px) {
  .topic_head .topiclist_con, .topic_head .topiclist_text { width: 100%; float: none; }
  .topic_head .topiclist_text { padding: 10px 0 0; }
  .topic_head .topic_fm { padding-top: 45%; }
}

/* 14) 资讯页补充（正文配图与返回链接） */
.article_pic { margin: 12px 0; }
.article_pic img { max-width: 100%; display: block; margin: 0 auto; border-radius: 4px; }
.article_content img { max-width: 100%; height: auto; border-radius: 4px; }
.back_list { margin-top: 8px; }
.back_list a { color: #ff5f00; text-decoration: none; }
.back_list a:hover { text-decoration: underline; }
[data-mode="light"] .article_box .article_meta .item { color: #888; }
[data-mode="light"] .article_content { color: #333; }
[data-mode="light"] .artlist_title a { color: #333; }
[data-mode="light"] .artlist_item .artzy { color: #777; }

/* 15) 筛选条 facet 数量角标 */
.screen_list .sx_count { font-style: normal; color: #777; font-size: 12px; margin-left: 3px; opacity: .8; }
[data-mode="light"] .screen_list .sx_count { color: #aaa; }

/* 16) 日夜模式文字统一：黑模式全亮字、白模式全暗字（红色强调色原样保留，不在此列） */
/* —— 黑夜模式：杜绝任何深色文字 —— */
[data-mode="dark"] .pannel,
[data-mode="dark"] .content_detail,
[data-mode="dark"] .content_box,
[data-mode="dark"] .play_box,
[data-mode="dark"] .list_info,
[data-mode="dark"] .article_box,
[data-mode="dark"] .detail_list { color: #ccc !important; }
[data-mode="dark"] .pannel_head .title,
[data-mode="dark"] .pannel_head h2.title,
[data-mode="dark"] .pannel_head h3.title,
[data-mode="dark"] .pannel h2.title,
[data-mode="dark"] .pannel h3.title,
[data-mode="dark"] .title,
[data-mode="dark"] .content_detail .title,
[data-mode="dark"] .content_detail .data,
[data-mode="dark"] .content_detail .desc,
[data-mode="dark"] .video_title .title,
[data-mode="dark"] .play_text,
[data-mode="dark"] .play_content,
[data-mode="dark"] .article_header .article_title,
[data-mode="dark"] .article_meta .item,
[data-mode="dark"] .article_content,
[data-mode="dark"] .show_no,
[data-mode="dark"] .list_type_title,
[data-mode="dark"] .sx_txt,
[data-mode="dark"] .map_links a { color: #ddd !important; }
[data-mode="dark"] .text_muted,
[data-mode="dark"] .vodlist_sub,
[data-mode="dark"] .topiclist_blurb,
[data-mode="dark"] .map_tips { color: #999 !important; }
[data-mode="dark"] input[type="text"],
[data-mode="dark"] input:not([type]),
[data-mode="dark"] textarea {
  background: #2b2b2b !important; color: #ddd !important; border-color: #3a3a3a !important;
}
[data-mode="dark"] input::-webkit-input-placeholder, [data-mode="dark"] textarea::-webkit-input-placeholder { color: #777 !important; }
/* —— 白天模式：杜绝任何亮色正文（深底组件如详情页头部除外，见 17 节） —— */
[data-mode="light"] .pannel_head .title,
[data-mode="light"] .pannel h2.title,
[data-mode="light"] .pannel h3.title,
[data-mode="light"] .title,
[data-mode="light"] .data,
[data-mode="light"] .desc,
[data-mode="light"] .article_content,
[data-mode="light"] .show_no { color: #333 !important; }
[data-mode="light"] .text_muted { color: #888 !important; }

/* 17) 详情页：头部海报横幅固定深底 + 封面模糊处理（不随日夜切换）；
       下方内容区（播放列表/猜你喜欢/评论）随日夜模式——白天白底深字，黑夜深底亮字 */
/* 封面背景模糊：放大铺满 + 高斯模糊 + 大幅压暗，保证整个头部统一深色调
   （浅色封面模糊后不再出现浅灰条），前景海报保持清晰 */
.hot_banner { overflow: hidden; }
.hot_banner .bgi_box .bgi {
  top: -15%; left: -10%; width: 120%; height: 135%;
  filter: blur(32px) brightness(0.35) saturate(1.1);
  transform: scale(1.2);
}
.page-detail .hot_banner .bgfd { background: rgba(10, 10, 14, 0.45); }
/* 头部文字在模糊深底上保持亮色（白天黑夜一致） */
.page-detail .hot_banner .content_detail .data,
.page-detail .hot_banner .content_detail .desc,
.page-detail .hot_banner .content_detail .title,
.page-detail .hot_banner .pannel_head .title { color: #ddd !important; }
.page-detail .hot_banner .text_muted { color: #aaa !important; }
.page-detail .hot_banner .content_detail .data_style,
.page-detail .hot_banner .content_detail em { color: #ff5f00 !important; }
.page-detail .hot_banner .content_detail .data_style em { color: #ff5f00 !important; }
/* 白天模式：详情头部仍深底（已统一压暗），头部内链接与信息区文字保持亮色 */
[data-mode="light"] .page-detail .hot_banner .content_detail a,
[data-mode="light"] .page-detail .hot_banner .pannel_head a { color: #ddd !important; }
/* 取消原版 detail_list 白色内容卡——信息区直接坐在模糊封面深底上（灰条根源） */
.page-detail .detail_list { background: transparent !important; box-shadow: none !important; border: 0 !important; }
.page-detail .hot_banner { box-shadow: none !important; border-bottom: 0 !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.page-detail .hot_banner .detail_list_box { padding-bottom: 0 !important; }
/* 白天+黑夜：头部信息区文字统一亮色（深底上） */
[data-mode="light"] .page-detail .hot_banner .content_detail .data,
[data-mode="light"] .page-detail .hot_banner .content_detail .desc { color: #ddd !important; }
[data-mode="light"] .page-detail .hot_banner .content_detail .text_muted { color: #999 !important; }
[data-mode="light"] .page-detail .hot_banner .content_detail .data_style,
[data-mode="light"] .page-detail .hot_banner .content_detail em { color: #ff5f00 !important; }
/* 黑夜模式：信息区在模糊深底上保持亮字 */
[data-mode="dark"] .page-detail .hot_banner .content_detail .data,
[data-mode="dark"] .page-detail .hot_banner .content_detail .desc { color: #ddd !important; }
[data-mode="dark"] .page-detail .hot_banner .content_detail .text_muted { color: #999 !important; }

/* 17b) "猜你喜欢"标题：小图标 + 放大（文字 20px / 图标 22px），白天 #222 / 黑夜 #ddd，图标橙色 */
.play_clike, .pannel_head h3.title { font-weight: 700; }
.play_clike .iconfont,
.pannel_head h3.title .iconfont { color: #ff5f00 !important; font-size: 22px; margin-right: 2px; }
.guess_title { font-size: 20px !important; line-height: 1.4; }
[data-mode="light"] .play_clike,
[data-mode="light"] .pannel_head h3.title { color: #222 !important; }
[data-mode="dark"] .play_clike,
[data-mode="dark"] .pannel_head h3.title { color: #ddd !important; }

/* 17c) 搜索联想浮层：videocms 无对应接口，联想结果/残留文字一律不显示 */
.mac_results, .mac_loading, .ac_results, .ac_over { display: none !important; }

/* 17d) 选集区：取消原版固定 5rem 高度 + 截断，按集数自适应（集多全部铺开、集少不浪费空白） */
.playlist_notfull ul { height: auto !important; overflow: visible !important; max-height: none !important; }

/* 17e) 分页条居中（移动端原版靠左） */
.pagebox { text-align: center !important; }
.pagebox .pagenow, .pagebox .pagelist { display: inline-block; float: none !important; }

/* 18) 字体栈补日韩字形 fallback：片单副标题里的日文/韩文不再显示为方块 */
body, textarea, input { font-family: Helvetica, Arial, "PingFangSC-Regular", "Microsoft YaHei", "Malgun Gothic", "Meiryo", sans-serif !important; }

/* 19) 首页排行榜三列（排行榜 / 最近更新 / 热播影片），列标题对齐排行榜标题 */
.rank_cols { display: flex; gap: 28px; }
.rank_cols .rank_col { flex: 1 1 0; min-width: 0; }
.rank_cols .rank_title { font-size: 17px; font-weight: 700; color: #ddd; margin: 0 0 10px; display: flex; align-items: center; gap: 6px; }
.rank_cols { position: relative; }
.rank_more { position: absolute; top: 2px; right: 0; color: #999; font-size: 12px; text-decoration: none; }
.rank_more:hover { color: #ff5f00; }
[data-mode="light"] .rank_more { color: #888; }
[data-mode="light"] .rank_cols .rank_title { color: #333; }
.rank_cols .rank_title .iconfont { color: #ff5f00; font-size: 18px; font-weight: normal; }
@media (max-width: 819.98px) {
  .rank_cols { flex-direction: column; gap: 18px; }
  /* 移动端只展示 排行榜 + 最近更新 两列，热播影片隐藏 */
  .rank_cols .rank_col_hot { display: none !important; }
}

/* 21) 播放页白天模式：取消固定深底，改白底深字（黑夜模式维持 black.css 深色） */
[data-mode="light"] .play_boxbg { background: #fff !important; }
[data-mode="light"] .play_namebox { background: #f8f8f8 !important; border-color: #eee !important; }
[data-mode="light"] .play_namebox .title { color: #333 !important; }
[data-mode="light"] .play_namebox .fenlei { color: #ff5f00 !important; border-color: #ff5f00 !important; }
[data-mode="light"] .play_box_right { background: #fff !important; }
[data-mode="light"] .play_box_right::-webkit-scrollbar { background-color: transparent !important; }
[data-mode="light"] .play_box_right::-webkit-scrollbar-track { background-color: transparent !important; }
[data-mode="light"] .play_box_right::-webkit-scrollbar-thumb { background-color: #ddd !important; }
/* 右栏只保留猜你喜欢：收掉原版片名区遗留的顶部空隙，标题与播放器顶部齐平 */
.play_box_right .play_infobox { margin-top: 0 !important; }
.play_box .right_row { margin-top: 0 !important; padding-top: 0 !important; }
.play_box_right { padding-top: 5px !important; }
[data-mode="light"] .player_infotip { color: #999 !important; }
[data-mode="light"] .play_but a { color: #666 !important; }
[data-mode="light"] .play_vlist_title { color: #555 !important; }
[data-mode="light"] .play_content p { color: #555 !important; }
[data-mode="light"] .vodlist_sm .vodlist_titbox .vodlist_title a { color: #333 !important; }
[data-mode="light"] .vodlist_sm .vodlist_sub { color: #999 !important; }
[data-mode="light"] .play_text .text_muted { color: #888 !important; }

/* 20) 排行榜舞台区：默认第 1 名大图+文字，hover 下方序号行联动切换 */
.rank_stage { display: flex; gap: 10px; padding: 8px 12px 12px; align-items: stretch; }
.rank_stage_thumb {
  position: relative; flex: none; width: 96px; padding-top: 128px;
  background-size: cover; background-position: center; border-radius: 4px; overflow: hidden;
  background-color: #ebebeb; display: block;
}
[data-mode="dark"] .rank_stage_thumb, .page-rank .rank_stage_thumb { background-color: #303030; }
.rank_stage_thumb .play { position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,.4) url(../img/play.svg) center no-repeat; background-size: 25% 25%; opacity: 0; transition: all ease-out .35s; }
.rank_stage_thumb:hover .play { opacity: 1; }
.rank_stage_thumb .rank_stage_num {
  position: absolute; top: 6px; left: 6px; z-index: 2; min-width: 22px; text-align: center;
  background: #ff5f00; color: #fff; font: 700 13px/22px Arial; border-radius: 4px; padding: 0 4px;
}
.rank_stage_thumb .pic_text { position: absolute; right: 0; bottom: 0; left: auto; top: auto; z-index: 2; background: rgba(0,0,0,.55); color: #ffd04d; font-size: 12px; padding: 1px 6px; border-radius: 4px 0 0 0; }
.rank_stage_txt { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; justify-content: center; }
.rank_stage_name { margin: 0 0 6px; font-size: 15px; font-weight: 700; line-height: 1.4; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.rank_stage_name a { color: #333; text-decoration: none; }
.rank_stage_name a:hover { color: #ff5f00; }
.rank_stage_meta { margin: 0; color: #999; font-size: 13px; }
.rank_stage_meta .iconfont { color: #ff5f00; }
[data-mode="dark"] .rank_stage_name a, .page-rank .rank_stage_name a { color: #ddd; }
[data-mode="dark"] .rank_stage_meta, .page-rank .rank_stage_meta { color: #999; }

/* 21) 首页轮播：顶部"本期推荐"名单 + 每帧左上角橙底白字"荐"角标（仿专题列表 AI 角标样式） */
.banner_rec_head { max-width: 1200px; margin: 10px auto 0; display: flex; align-items: center; gap: 10px; padding: 0 12px; }
.banner_rec_label { color: #ff5f00; font-weight: 700; font-size: 15px; display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.banner_rec_label .iconfont { color: #ff5f00; font-size: 16px; font-weight: normal; }
.banner_rec_names { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 13px; }
.banner_rec_names a { color: #bbb; text-decoration: none; }
.banner_rec_names a:hover { color: #ff5f00; }
.banner_rec_names .sep { color: #555; margin: 0 7px; font-style: normal; }
.banner_rec_names .sep:last-child { display: none; }
.banner_slides li a { position: relative; }
.banner_rec {
  position: absolute; top: 10px; left: 10px; z-index: 2;
  background: #ff5f00; color: #fff; font: 700 13px/22px "Microsoft YaHei", sans-serif;
  width: 22px; height: 22px; text-align: center; border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0,0,0,.35); pointer-events: none;
}
[data-mode="light"] .banner_rec_names a { color: #666; }
[data-mode="light"] .banner_rec_names a:hover { color: #ff5f00; }
[data-mode="light"] .banner_rec_names .sep { color: #ccc; }
@media (max-width: 819.98px) {
  .banner_rec_head { padding: 0 8px; gap: 8px; }
  .banner_rec_label { font-size: 13px; }
  .banner_rec_label .iconfont { font-size: 14px; }
  .banner_rec_names { font-size: 12px; }
  .banner_rec { top: 6px; left: 6px; width: 18px; height: 18px; font: 700 11px/18px "Microsoft YaHei", sans-serif; border-radius: 3px; }
}

/* 22) 列表筛选条（海螺原版风格还原）：
   ① 左侧"已选"标签文字 = 当前所选主类目名（模板 {$category.name}，v2.9.12+ 已是）；
   ② 主类目标签（.sx_title2"电影"）橙字浅橙底 → 灰底深字（同左侧灰标签风格：白天 #ededed/#555、黑夜 #3a3a3a/#ccc）；
   ③ 各行"全部"（data-fkey + data-fval=""）橙字无底 → 灰底标签（a[data-fkey][data-fval=""] 属性选择器精确命中，
      不误伤其它选项——其它选项 data-fval 非空）；
   ④ 其它主题参照海螺：地区/年份下影片数角标（.sx_count 兼容其它主题的 .chip_count/.fcount）。 */
.sx_title2 { background-color: #ededed !important; color: #fff !important; }
[data-mode="dark"] .sx_title2 { background-color: #3a3a3a !important; color: #fff !important; }
.screen_list:not(.sx_tz) a[data-fkey][data-fval=""] { background-color: #ededed; color: #555; border-radius: 32px; padding: 0 0.25rem; }
.screen_list:not(.sx_tz) a[data-fkey][data-fval=""]:hover { background-color: #e0e0e0; }
[data-mode="dark"] .screen_list:not(.sx_tz) a[data-fkey][data-fval=""] { background-color: #3a3a3a; color: #ccc; }
[data-mode="dark"] .screen_list:not(.sx_tz) a[data-fkey][data-fval=""]:hover { background-color: #444; }
.screen_list li.hl a[data-fkey][data-fval=""] { background-color: #ff5f00; color: #fff; }
[data-mode="dark"] .screen_list li.hl a[data-fkey][data-fval=""] { background-color: #ff5f00; color: #fff; }
/* 其它主题（aurora/candy/dock/mint/portal/screen/starry/default/xigua）"全部"= 各行第一个 chip */
.filter-row a.chip:first-of-type { background-color: #ededed; color: #555; border-radius: 32px; padding: 0 0.25rem; }
[data-mode="dark"] .filter-row a.chip:first-of-type { background-color: #3a3a3a; color: #ccc; }
/* 数量角标兼容其它主题角标类名 */
.screen_list a em, .filter-row a.chip em, .filter-row a.chip .chip_count, .filter-row a.chip .fcount { font-style: normal; color: #999; font-size: 12px; margin-left: 3px; opacity: .85; }
[data-mode="dark"] .screen_list a em, [data-mode="dark"] .filter-row a.chip em { color: #777; }
/* 22b) 筛选条左侧"分类/地区/年份"标签（.text_muted 原版灰字在灰底胶囊上不可读）→ 白字；
   限定 .screen_list li.text 作用域，不影响其它位置的 muted 文字 */
.screen_list li.text .text_muted { color: #fff !important; }
[data-mode="dark"] .screen_list li.text .text_muted { color: #fff !important; }

/* 22c) 筛选卡顶部对齐：标题行内容清空后高度塌陷，但上下 margin 仍把
   "分类"行下推，卡顶留白因此大于卡底 —— 归零后顶距=底距（0.25+0.375），
   以"年份"行色块到卡底的距离为统一基准 */
.vod_all .list_type_title { margin: 0; }

/* 23) 详情页/资讯页正文提亮（黑夜模式：AI 简介与资讯正文太淡发暗紫，统一提到近白） */
.page-detail .content_desc, .page-detail .content_desc span, .page-detail .content_desc p,
.page-detail .article_content, .page-detail .article_content p, .page-detail .vod_content,
.page-detail .content_detail .desc, .page-detail .content_detail .desc span,
.page-detail .play_content, .page-detail .play_content p { color: #e8e8e8 !important; }
[data-mode="dark"] .content_desc, [data-mode="dark"] .content_desc span, [data-mode="dark"] .content_desc p,
[data-mode="dark"] .article_content, [data-mode="dark"] .article_content p, [data-mode="dark"] .vod_content,
[data-mode="dark"] .content_detail .desc, [data-mode="dark"] .play_content p { color: #e8e8e8 !important; }
/* 正文里残留的 <br>/<p> 标签灰字也一并提亮 */
.page-detail .content_desc br, .page-detail .article_content br { color: #e8e8e8; }
[data-mode="dark"] .content_desc br { color: #e8e8e8; }
.rankpage .rank_stage + .part_rows { border-top: 1px dotted #eee; }
[data-mode="dark"] .rankpage .rank_stage + .part_rows, .page-rank .rank_stage + .part_rows { border-top-color: #333; }
@media (max-width: 819.98px) {
  .rank_stage_thumb { width: 72px; padding-top: 96px; }
  .rank_stage_name { font-size: 14px; }
}




/* ---- 详情页简介弹窗（v3.6.3）：简介超长时行内截断，点「简介」弹出完整内容 ---- */
.desc-toggle {
  color: #2fb3ff;
  margin-left: 6px;
  text-decoration: none;
}
.desc-toggle.hide { display: none; }
.blurb-mask {
  position: fixed; inset: 0; z-index: 9999;
  background: rgba(0, 0, 0, .6);
  display: flex; align-items: center; justify-content: center;
  padding: 24px;
}
.blurb-box {
  background: #fff; border-radius: 10px;
  max-width: 560px; width: 100%; max-height: 76vh;
  display: flex; flex-direction: column;
  overflow: hidden;
  box-shadow: 0 18px 60px rgba(0, 0, 0, .35);
}
.blurb-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 16px; border-bottom: 1px solid #eceef4;
  font-weight: 700; color: #1a1d24;
}
.blurb-head span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.blurb-close { color: #999; text-decoration: none; font-size: 22px; line-height: 1; padding: 0 4px; }
.blurb-close:hover { color: #333; }
.blurb-body {
  padding: 14px 16px 18px; overflow-y: auto;
  color: #444; font-size: 14px; line-height: 1.8;
}