/* =========================================================
   STARSCREEN V2 · 动态背景层
   使用各区块第一条视频的 backdrop 作为背景；数据更新后自动变化。
   ========================================================= */

/* 首页 Hero + 热播榜整体背景 */
body[data-tone] .hero-section{
  position:relative;
  background-image:
    linear-gradient(90deg,rgba(4,8,14,.92),rgba(4,8,14,.66) 55%,rgba(4,8,14,.48)),
    linear-gradient(0deg,var(--ss-bg) 0%,rgba(4,8,14,.18) 55%,rgba(4,8,14,.12) 100%),
    var(--section-bg);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
body[data-tone] .hero-section::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 45%,var(--ss-bg) 100%);
  opacity:.85;
}
body[data-tone] .hero-section>.hero-layout{position:relative;z-index:1}

/* 首页热门推荐 / 最新上映 / 高分榜单 */
body[data-tone] .ss-bg-section{
  position:relative;isolation:isolate;overflow:hidden;
  margin-top:44px;padding:26px 26px 20px;border-radius:16px;
  border:1px solid color-mix(in srgb,var(--ss-accent) 16%,var(--ss-line));
  background-image:
    linear-gradient(90deg,rgba(4,8,14,.94),rgba(4,8,14,.78) 58%,rgba(4,8,14,.62)),
    linear-gradient(0deg,rgba(4,8,14,.9),rgba(4,8,14,.12)),
    var(--section-bg);
  background-size:cover;background-position:center;background-repeat:no-repeat;
  color:#f2f0e9;
}
body[data-tone] .ss-bg-section::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(4,8,14,.06),rgba(4,8,14,.5));
}
body[data-tone] .ss-bg-section .ss-section-head h2,
body[data-tone] .ss-bg-section .ss-section-head .eyebrow,
body[data-tone] .ss-bg-section .ss-section-head .ss-link{color:#f2f0e9}
body[data-tone] .ss-bg-section .ss-section-head .eyebrow{color:var(--ss-accent)}
body[data-tone] .ss-bg-section .ss-section-head .ss-link{color:rgba(242,240,233,.66)}
body[data-tone] .ss-bg-section .video-card-body h3{color:#f2f0e9}
body[data-tone] .ss-bg-section .video-card-body h3:hover{color:var(--ss-accent)}
body[data-tone] .ss-bg-section .video-card-meta{color:rgba(242,240,233,.58)}
body[data-tone] .ss-bg-section .video-card-meta span{border-color:rgba(242,240,233,.18)}
body[data-tone] .ss-bg-section .video-card-poster{border-color:rgba(242,240,233,.18)}

/* 分类页热播下面的大网格背景 */
body[data-tone] .category-grid.ss-bg-section{margin-top:0;padding:24px;border-radius:16px}
body[data-tone] .category-grid.ss-bg-section .video-card-body h3{color:#f2f0e9}
body[data-tone] .category-grid.ss-bg-section .video-card-meta{color:rgba(242,240,233,.6)}

/* 分类热播 4 张卡片：各自视频背景 */
body[data-tone] .category-hot-item{
  background-image:
    linear-gradient(90deg,rgba(4,8,14,.9),rgba(4,8,14,.58)),
    var(--hot-bg);
  background-size:cover;background-position:center;background-repeat:no-repeat;
  border-color:rgba(242,240,233,.16);
  color:#f2f0e9;
}
body[data-tone] .category-hot-item:hover{
  background-image:
    linear-gradient(90deg,rgba(4,8,14,.84),rgba(4,8,14,.46)),
    var(--hot-bg);
  border-color:color-mix(in srgb,var(--ss-accent) 55%,transparent);
}
body[data-tone] .category-hot-item .category-hot-copy strong{color:#f2f0e9}
body[data-tone] .category-hot-item .category-hot-copy small{color:rgba(242,240,233,.6)}
body[data-tone] .category-hot-item .category-hot-go{color:rgba(242,240,233,.72)}

@media(max-width:680px){
  body[data-tone] .ss-bg-section{margin-top:32px;padding:17px 14px 14px;border-radius:12px}
  body[data-tone] .category-grid.ss-bg-section{padding:14px}
  body[data-tone] .category-hot-item{background-position:center 35%}
}

/* 首页热播榜：第一条热播视频背景 */
body[data-tone] .rank-panel{
  position:relative;isolation:isolate;overflow:hidden;
  border-color:rgba(242,240,233,.16);
  background-image:
    linear-gradient(180deg,rgba(4,8,14,.72),rgba(4,8,14,.9) 64%,rgba(4,8,14,.96)),
    var(--rank-bg);
  background-size:cover;background-position:center;
  color:#f2f0e9;
}
body[data-tone] .rank-panel::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(4,8,14,.18),rgba(4,8,14,.54));
}
body[data-tone] .rank-panel .rank-head h2{color:#f2f0e9}
body[data-tone] .rank-panel .rank-head .eyebrow{color:var(--ss-accent)}
body[data-tone] .rank-panel .rank-item{border-color:rgba(242,240,233,.1);background:rgba(4,8,14,.2)}
body[data-tone] .rank-panel .rank-item:hover{background:rgba(255,255,255,.07)}
body[data-tone] .rank-panel .rank-copy strong{color:#f2f0e9}
body[data-tone] .rank-panel .rank-copy small{color:rgba(242,240,233,.55)}
body[data-tone] .rank-panel .rank-more{color:rgba(242,240,233,.62);border-color:rgba(242,240,233,.14)}
body[data-tone] .rank-panel .rank-more:hover{color:var(--ss-accent);border-color:var(--ss-accent)}

/* 顶部导航：最新付费视频背景 */
body[data-tone] .site-header{
  background-image:
    linear-gradient(90deg,rgba(4,8,14,.94),rgba(4,8,14,.8) 58%,rgba(4,8,14,.72)),
    var(--nav-bg);
  background-size:cover;background-position:center 30%;background-repeat:no-repeat;
  border-bottom-color:rgba(242,240,233,.08);
}
body[data-tone] .site-header.is-scrolled{
  background-image:
    linear-gradient(90deg,rgba(4,8,14,.97),rgba(4,8,14,.88)),
    var(--nav-bg);
  backdrop-filter:blur(24px) saturate(130%);
  border-bottom-color:color-mix(in srgb,var(--ss-accent) 18%,var(--ss-line));
}

/* 页脚：热播榜第三条视频背景 */
body[data-tone] .site-footer{
  background-image:
    linear-gradient(180deg,rgba(4,8,14,.96),rgba(4,8,14,.9) 46%,rgba(4,8,14,.96)),
    var(--footer-bg);
  background-size:cover;background-position:center;background-repeat:no-repeat;
  border-top-color:rgba(242,240,233,.12);
}
body[data-tone] .site-footer .footer-hero-copy h2,
body[data-tone] .site-footer .footer-brand .brand-text{color:#f2f0e9}
body[data-tone] .site-footer .footer-brand p,
body[data-tone] .site-footer .footer-col a,
body[data-tone] .site-footer .footer-badges{color:rgba(242,240,233,.58)}
body[data-tone] .site-footer .footer-col h3{color:rgba(242,240,233,.38)}
body[data-tone] .site-footer .footer-col a:hover{color:var(--ss-accent)}
body[data-tone] .site-footer .footer-bottom{color:rgba(242,240,233,.4);border-top-color:rgba(242,240,233,.1)}

/* 分类页“全站热门”与首页“按频道浏览”共用区块背景 */
body[data-tone] .ss-bg-section .section-head h2,
body[data-tone] .ss-bg-section .section-head .eyebrow,
body[data-tone] .ss-bg-section .section-head .section-link{color:#f2f0e9}
body[data-tone] .ss-bg-section .section-head .eyebrow{color:var(--ss-accent)}
body[data-tone] .ss-bg-section .section-head .section-link{color:rgba(242,240,233,.62)}
body[data-tone] .category-browse.ss-bg-section{margin-top:52px}