/* ============================================================
   行星映画 · 全站视觉统一规范 v20261010
   定位：在不动 HTML/DOM/接口的前提下，用最小侵入 CSS 让
   分类页 / 片单页 / 详情页 与首页视觉完全对齐。
   覆盖：背景、容器、卡片、轮播遮罩、详情页组件、导航细节。
   ============================================================ */

:root {
  --yj-bg-grad: var(--bgGradient, var(--bg-gradient, linear-gradient(180deg, #121218 0%, #1a1a24 100%)));
  --yj-grad: var(--accent, #91b7ff);
  --yj-surface: rgba(28, 30, 40, 0.72);
  --yj-border: rgba(255, 255, 255, 0.08);
}

/* Recovery states retain the site's established colors and typography. */
@media (min-width: 1101px) {
  body.home-page .navbar .container { display: grid !important; grid-template-columns: auto minmax(0, 1fr) minmax(180px, 240px) auto !important; grid-template-areas: "logo nav search actions" !important; gap: 16px !important; }
  body.home-page .navbar .navbar-search { grid-area: search !important; position: relative !important; inset: auto !important; transform: none !important; width: 100% !important; min-width: 0 !important; }
  body.home-page .navbar .navbar-actions { grid-area: actions !important; width: auto !important; }
  body.home-page .navbar #channelNav { grid-area: nav !important; min-width: 0 !important; overflow-x: auto !important; }
}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
#uaModal[hidden], #resourceEntryOverviewShell[hidden], #resourceEntryOverviewShell.is-empty { display: none !important; }
#uaModal .ua-close { width: 44px; height: 44px; }
#uaModal .ua-foot a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.collection-record-note { display: block; padding: 6px 12px; color: var(--textSecondary, #b9c5d8); font-size: 14px; }
.static-contact-value a { color: var(--textPrimary, #edf5ff); overflow-wrap: anywhere; }
.static-legal-page .static-step-card, .static-legal-page .static-info-card, .static-legal-page .static-side-card { padding: 24px; }
.static-legal-page .static-link-list { display: grid; gap: 10px; }
.static-legal-page .static-link-list a { display: flex; align-items: center; gap: 8px; min-height: 44px; }
.featured-empty[role="status"] { line-height: 1.7; }
/* ---------- 1. 页面背景：全站深灰渐变，消除纯黑/脏色 ---------- */
body,
body.home-page,
body.explore-page,
body.recent-page,
body.recommend-page,
body.series-page,
body.featured-page,
body.collections-page,
body.collection-detail-page,
body.detail-page,
body.detail-layout-balanced {
  background: var(--yj-bg-grad) !important;
}

/* ---------- 1.1 全站字体：统一无衬线体系 ---------- */
body,
body button,
body input,
body select,
body textarea,
.navbar {
  font-family: var(--ui-font-sans, system-ui) !important;
}
h1, h2, h3, .hero-title, .section-title {
  font-family: var(--ui-font-sans, system-ui) !important;
}

/* ---------- 2. 容器统一：1200px 居中，消除片单页溢出 ---------- */
.container {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}
/* 片单页/片单详情页移除自定义宽度，彻底解决横向溢出 */
body.collections-page .container,
body.collection-detail-page .container {
  width: auto !important;
  max-width: 1200px !important;
  box-sizing: border-box !important;
}

/* ---------- 3. 轮播遮罩：分类页与首页完全一致（底部深渐变） ---------- */
.hero-section::after,
.hero-section .hero-overlay,
.hero-section .hero-slide::after,
.hero-section .hero-bg::after,
.collections-hero-channel-clone.hero-section::after {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 70%) !important;
}
/* 轮播标题：字号 32 / 字重 600，辅助信息降低透明度 */
.hero-title {
  font-size: 32px !important;
  font-weight: 600 !important;
}
.hero-kicker,
.hero-sub,
.hero-desc {
  opacity: 0.72 !important;
}

/* ---------- 4. 卡片统一：全站复用 .movie-card 体系 ---------- */
.movie-card {
  border-radius: 10px !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.movie-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.38) !important;
}
/* 卡片标题：15px/500、超长截断省略 */
.movie-title {
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
/* 次要信息：12px、透明度 0.7，与标题拉开层级 */
.movie-meta {
  font-size: 12px !important;
  opacity: 0.72 !important;
}
/* 片单/发现/频道入口卡片：统一圆角与 hover */
.collections-discovery-card,
.home-entry-card,
.community-qr-card,
.admin-card {
  border-radius: 16px !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.collections-discovery-card:hover,
.home-entry-card:hover,
.community-qr-card:hover {
  transform: translateY(-4px) !important;
}

/* ---------- 5. 分类标签：四大频道低饱和色块，肉眼快速识别 ---------- */
.type-chip {
  display: inline-flex !important;
  align-items: center !important;
  padding: 1px 8px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  white-space: nowrap !important;
}
.type-chip::before {
  content: '' !important;
  display: inline-block !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  margin-right: 5px !important;
}
/* 电影：低饱和玫粉 */
.type-chip.movie { background: rgba(242, 160, 192, 0.14) !important; color: #f6c9d8 !important; }
.type-chip.movie::before { background: #f2a0c0 !important; }
/* 剧集：低饱和浅蓝 */
.type-chip.series { background: rgba(142, 197, 255, 0.14) !important; color: #bcd9ff !important; }
.type-chip.series::before { background: #8ec5ff !important; }
/* 动漫：低饱和浅紫 */
.type-chip.anime { background: rgba(163, 142, 255, 0.16) !important; color: #d3c9ff !important; }
.type-chip.anime::before { background: #a38eff !important; }
/* 纪录片：低饱和青绿 */
.type-chip.documentary { background: rgba(96, 210, 190, 0.14) !important; color: #b8ece0 !important; }
.type-chip.documentary::before { background: #60d2be !important; }
/* 综艺：低饱和暖橙 */
.type-chip.variety { background: rgba(255, 196, 120, 0.14) !important; color: #ffe0bd !important; }
.type-chip.variety::before { background: #ffc478 !important; }
/* 频道标签（片单/详情页频道标识）同样统一 */
.channel-badge,
.channel-tag {
  border-radius: 999px !important;
  background: rgba(139, 124, 255, 0.14) !important;
  color: #c9bfff !important;
  padding: 1px 8px !important;
  font-size: 12px !important;
}

/* ---------- 6. 详情页：海报、扫码卡、简介、按钮 ---------- */
.detail-cover,
.detail-poster {
  border-radius: 12px !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.42) !important;
}
/* 详情页标题/年份/标签层级：标题醒目，次要信息小号透明 */
.detail-title,
.detail-primary-title,
.detail-heading,
.detail-wrap h1 {
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}
.detail-meta-strip,
.detail-meta,
.detail-tags,
.detail-quick-facts {
  font-size: 13px !important;
  opacity: 0.72 !important;
}
/* 扫码获取资源模块：半透明深灰渐变卡片，告别纯黑 */
.qrcode-box,
.polished-qrcode-box,
.qr-status-card,
.detail-resource-info-card {
  background: linear-gradient(180deg, rgba(30, 32, 42, 0.92) 0%, rgba(20, 22, 30, 0.88) 100%) !important;
  border: 1px solid var(--yj-border) !important;
  border-radius: 14px !important;
}
/* 主按钮：粉-浅蓝渐变，hover 轻微放大 */
.btn-primary,
.scan-btn,
.get-btn,
.detail-get-btn {
  background: var(--yj-grad) !important;
  border: none !important;
  color: #0c0f15 !important;
  font-weight: 600 !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.btn-primary:hover,
.scan-btn:hover,
.get-btn:hover {
  transform: scale(1.03) !important;
  box-shadow: 0 8px 24px rgba(242, 160, 192, 0.35) !important;
}
/* 简介：行高 1.7，层级拉开 */
.detail-desc,
.movie-desc,
.desc-text,
.detail-summary {
  line-height: 1.7 !important;
}

/* ---------- 7. 导航细节：激活项底部细渐变下划线 ---------- */
.navbar-categories .nav-category.active {
  background: transparent !important;
  box-shadow: none !important;
}
.navbar-categories .nav-category.active::after {
  content: '' !important;
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 2px !important;
  height: 2px !important;
  border-radius: 2px !important;
  background: var(--yj-grad) !important;
}
/* 导航文字字间距 + 底部极淡磨砂分割线 */
.navbar-categories .nav-category {
  letter-spacing: 0.06em !important;
}
.navbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  background: linear-gradient(180deg, rgba(14, 14, 20, 0.92) 0%, rgba(14, 14, 20, 0.6) 100%) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}
/* 搜索框：缩小尺寸对齐导航高度，占位文字降低透明度 */
.navbar-search {
  height: 34px !important;
  width: 220px !important;
  border-radius: 17px !important;
}
.navbar-search .search-input {
  height: 100% !important;
  font-size: 13px !important;
  padding: 0 14px 0 34px !important;
}
.navbar-search .search-input::placeholder {
  opacity: 0.45 !important;
}
.navbar-search .search-btn {
  width: 34px !important;
  height: 34px !important;
  font-size: 13px !important;
}

/* ---------- 8. 长片名/海报尺寸约束：防布局抖动 ---------- */
.movie-cover-wrap {
  aspect-ratio: 2 / 3 !important;
  overflow: hidden !important;
  background: #12151d !important;
}
.movie-cover {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* ---------- 9. 首页质感微调（不动布局）：与全站底色呼应 ---------- */
body.home-page .hero-section {
  box-shadow: inset 0 -60px 80px -40px rgba(0, 0, 0, 0.6) !important;
}

/* ============================================================
   片单页提亮 v5：消除"整体黑乎乎"+ 密度对齐首页
   ============================================================ */
/* 1. 片单页标题区氛围光斑（粉蓝径向，首屏不显黑） */
body.collections-page .collection-section-header,
body.collections-page .collections-hero,
body.collections-page .section-header-rich {
  position: relative !important;
}
body.collections-page .collection-section-header::before,
body.collections-page .collections-hero::before {
  content: '' !important;
  position: absolute !important;
  left: -40px !important;
  right: -40px !important;
  top: -36px !important;
  height: 150px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(50% 100% at 15% 0%, rgba(242, 160, 192, 0.16) 0%, transparent 62%),
    radial-gradient(45% 100% at 85% 0%, rgba(142, 197, 255, 0.14) 0%, transparent 62%) !important;
}
body.collections-page .collection-section-header > * ,
body.collections-page .collections-hero > * {
  position: relative !important;
  z-index: 1 !important;
}
/* 2. 卡片提亮一档：底色 5%、边框 9%，与深色背景拉开 */
body.collections-page .collection-card-wide {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.09) !important;
}
/* 3. 封面区：半透明粉蓝叠层，暗海报不再死黑 */
body.collections-page .collection-visual-wide {
  position: relative !important;
}
body.collections-page .collection-visual-wide::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(242, 160, 192, 0.06) 0%, rgba(142, 197, 255, 0.10) 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
body.collections-page .collection-wide-overlay {
  z-index: 2 !important;
}
/* 4. 无封面占位：渐变底 + 光斑，拒绝黑块 */
body.collections-page .no-cover .collection-visual-wide {
  background: linear-gradient(160deg, #2a2440 0%, #1c2438 100%) !important;
}
body.collections-page .no-cover .collection-visual-wide::after {
  background:
    radial-gradient(80% 90% at 70% 10%, rgba(242, 160, 192, 0.30) 0%, transparent 60%),
    radial-gradient(70% 80% at 20% 90%, rgba(142, 197, 255, 0.28) 0%, transparent 60%) !important;
}

/* ============================================================
   片单页专项修复 v4：消除首屏断层 + 网格对齐首页密度
   ============================================================ */
/* 1. 片单列表页 hero：改为显示真实片单轮播（collections.js 渲染精选片单数据） */
body.collections-page .hero-section,
body.collections-page #collectionsHeroSection {
  display: block !important;
}
body.collections-page .hero-section.hero-channel-mode {
  display: block !important;
}
/* 2. 片单网格：紧凑 4 列，与首页卡片密度对齐 */
body.collections-page #collectionGrid {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 18px !important;
}
/* 3. 宽卡压缩为紧凑卡（对齐首页卡片视觉） */
body.collections-page .collection-card-wide {
  border-radius: 10px !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
body.collections-page .collection-card-wide:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.38) !important;
}
body.collections-page .collection-visual-wide {
  height: 210px !important;
}
body.collections-page .collection-card-wide .collection-info {
  padding: 12px 14px !important;
}
body.collections-page .collection-title {
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body.collections-page .collection-desc {
  font-size: 12px !important;
  opacity: 0.72 !important;
  line-height: 1.5 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 36px !important;
}
body.collections-page .collection-wide-label {
  font-size: 12px !important;
  border-radius: 999px !important;
}
body.collections-page .collection-count-text {
  font-size: 12px !important;
  opacity: 0.72 !important;
}
/* 4. 筛选栏与网格衔接紧凑 */
body.collections-page .collections-filter-bar,
body.collections-page .collection-filters {
  margin-bottom: 20px !important;
}
/* 1. hero 氛围光：粉蓝径向光晕，首屏高级感 */
.hero-section {
  position: relative !important;
  overflow: hidden !important;
}
.hero-section::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    radial-gradient(55% 110% at 85% -10%, rgba(242, 160, 192, 0.20) 0%, rgba(242, 160, 192, 0) 55%),
    radial-gradient(45% 90% at 8% 110%, rgba(142, 197, 255, 0.18) 0%, rgba(142, 197, 255, 0) 55%) !important;
}
.hero-inner,
.hero-copy,
.hero-content {
  position: relative !important;
  z-index: 2 !important;
}
/* 2. 查看详情按钮：粉蓝渐变 + 柔光，hover 轻上浮 */
.hero-cta-primary {
  background: linear-gradient(90deg, #f2a0c0, #8ec5ff) !important;
  border: none !important;
  color: #0c0f15 !important;
  font-weight: 600 !important;
  box-shadow: 0 8px 24px rgba(242, 160, 192, 0.28) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.hero-cta-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 30px rgba(142, 197, 255, 0.35) !important;
}
.hero-play-icon {
  background: rgba(12, 15, 21, 0.14) !important;
}
/* 3. hero-kicker：前缀短线粉蓝渐变 + 字距 */
.hero-kicker span {
  background: linear-gradient(90deg, #f2a0c0, #8ec5ff) !important;
}
.hero-kicker {
  color: #f6c9d8 !important;
  letter-spacing: 0.08em !important;
}
/* 4. hero 元信息项：胶囊标签质感 */
.hero-meta-item {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 999px !important;
  padding: 2px 10px !important;
  font-size: 12px !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}
/* 5. 卡片：hover 极淡渐变描边 + 编号渐变徽章 */
.movie-card:hover {
  border-color: rgba(142, 197, 255, 0.35) !important;
}
.movie-rank-badge,
.movie-rank {
  background: linear-gradient(90deg, #f2a0c0, #8ec5ff) !important;
  color: #0c0f15 !important;
  font-weight: 600 !important;
}
/* 6. 区块标题：底部短渐变线，克制点缀 */
.section-title::after,
.section-header-rich::after {
  content: '' !important;
  display: block !important;
  width: 42px !important;
  height: 3px !important;
  margin-top: 10px !important;
  border-radius: 2px !important;
  background: linear-gradient(90deg, #f2a0c0, #8ec5ff) !important;
}

/* ============================================================
   片单页重构 v6：全新「片单中心」设计（推倒重来）
   ============================================================ */
/* ---- 1. 片单页 hero：展示真实片单轮播（精选片单大图，对齐首页剧照融合版） ---- */
body.collections-page .collections-discovery-section {
  display: none !important;
}
body.collections-page #collectionsHeroSection.hero-section {
  margin-bottom: 6px !important;
}
/* ---- 2. 新头部「片单中心」 ---- */
body.collections-page .cc-hero {
  position: relative !important;
  padding: 54px 0 30px !important;
  overflow: hidden !important;
}
body.collections-page .cc-hero::before {
  content: '' !important;
  position: absolute !important;
  inset: -60px -80px auto -80px !important;
  height: 260px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(42% 120% at 12% 0%, rgba(242, 160, 192, 0.26) 0%, transparent 62%),
    radial-gradient(46% 120% at 88% 0%, rgba(142, 197, 255, 0.22) 0%, transparent 62%) !important;
}
body.collections-page .cc-hero::after {
  content: '' !important;
  position: absolute !important;
  left: 24px !important;
  right: 24px !important;
  bottom: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(242, 160, 192, 0.35), rgba(142, 197, 255, 0.35), transparent) !important;
  z-index: 1 !important;
}
body.collections-page .cc-hero-inner {
  position: relative !important;
  z-index: 2 !important;
}
body.collections-page .cc-hero-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  font-size: 12px !important;
  letter-spacing: 0.14em !important;
  color: rgba(255, 255, 255, 0.72) !important;
  margin-bottom: 14px !important;
}
body.collections-page .cc-hero-kicker i {
  width: 26px !important;
  height: 2px !important;
  border-radius: 2px !important;
  background: linear-gradient(90deg, #f2a0c0, #8ec5ff) !important;
}
body.collections-page .cc-hero-title {
  font-size: 38px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: 0.02em !important;
  margin: 0 0 12px !important;
}
body.collections-page .cc-hero-sub {
  font-size: 14px !important;
  line-height: 1.7 !important;
  opacity: 0.72 !important;
  max-width: 620px !important;
  margin: 0 0 22px !important;
}
body.collections-page .cc-hero-meta {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  font-size: 13px !important;
  opacity: 0.8 !important;
}
body.collections-page .cc-hero-meta span:first-child {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 999px !important;
  padding: 4px 14px !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}
body.collections-page .cc-hero-dot {
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  background: linear-gradient(90deg, #f2a0c0, #8ec5ff) !important;
}
/* ---- 3. 筛选胶囊 ---- */
body.collections-page .cc-toolbar {
  margin-bottom: 22px !important;
}
body.collections-page .cc-filters {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}
body.collections-page .cc-filters button {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  color: rgba(255, 255, 255, 0.78) !important;
  border-radius: 999px !important;
  padding: 7px 18px !important;
  font-size: 13px !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}
body.collections-page .cc-filters button:hover {
  border-color: rgba(142, 197, 255, 0.45) !important;
  color: #fff !important;
}
body.collections-page .cc-filters button.is-active {
  background: linear-gradient(90deg, #f2a0c0, #8ec5ff) !important;
  border-color: transparent !important;
  color: #0c0f15 !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 16px rgba(242, 160, 192, 0.28) !important;
}
body.collections-page .collections-count {
  font-size: 13px !important;
  opacity: 0.72 !important;
}
/* ---- 4. 网格与全新海报卡 ---- */
body.collections-page #collectionGrid {
  gap: 22px !important;
  margin-bottom: 28px !important;
}
body.collections-page .cc-card {
  display: block !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
  text-decoration: none !important;
}
body.collections-page .cc-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.46) !important;
  border-color: rgba(142, 197, 255, 0.4) !important;
}
body.collections-page .cc-cover {
  position: relative !important;
  aspect-ratio: 3 / 4 !important;
  overflow: hidden !important;
  background: linear-gradient(160deg, #26213c 0%, #1c2438 100%) !important;
}
body.collections-page .cc-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
body.collections-page .cc-shade {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 38%, rgba(8, 8, 14, 0.82) 100%) !important;
}
body.collections-page .cc-tag {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  z-index: 2 !important;
  background: linear-gradient(90deg, #f2a0c0, #8ec5ff) !important;
  color: #0c0f15 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
  padding: 3px 10px !important;
  letter-spacing: 0.02em !important;
}
body.collections-page .cc-count {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 2 !important;
  background: rgba(10, 12, 20, 0.55) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  color: #fff !important;
  font-size: 11px !important;
  border-radius: 999px !important;
  padding: 3px 9px !important;
}
body.collections-page .cc-bottom {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 2 !important;
  padding: 16px 14px 14px !important;
}
body.collections-page .cc-title {
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: #fff !important;
  margin: 0 0 5px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body.collections-page .cc-desc {
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: rgba(255, 255, 255, 0.72) !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 36px !important;
}
body.collections-page .no-cover .cc-cover::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(80% 90% at 72% 8%, rgba(242, 160, 192, 0.32) 0%, transparent 58%),
    radial-gradient(70% 80% at 18% 92%, rgba(142, 197, 255, 0.30) 0%, transparent 58%) !important;
  z-index: 1 !important;
}
/* ---- 5. 加载更多按钮 ---- */
body.collections-page .collections-load-wrap {
  display: flex !important;
  justify-content: center !important;
  padding: 6px 0 34px !important;
}
body.collections-page .cc-load-more {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(142, 197, 255, 0.4) !important;
  color: #bcd9ff !important;
  border-radius: 999px !important;
  padding: 10px 30px !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}
body.collections-page .cc-load-more:hover {
  background: linear-gradient(90deg, rgba(242, 160, 192, 0.16), rgba(142, 197, 255, 0.16)) !important;
  border-color: transparent !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
}
/* ---- 6. 空态 ---- */
body.collections-page .collections-empty {
  text-align: center !important;
  padding: 60px 0 !important;
  color: rgba(255, 255, 255, 0.72) !important;
}

/* ============================================================
   片单页 v7：恢复片单轮播 + 背景提亮一档
   ============================================================ */
/* 1. 片单页背景比默认深灰略亮一档（保持深色体系，但不再"黑乎乎"） */
body.collections-page {
  background: linear-gradient(180deg, #1a1a24 0%, #22222f 100%) !important;
}
/* 2. 片单 hero 与「片单中心」头部衔接 */
body.collections-page #collectionsHeroSection.hero-section {
  padding-top: 18px !important;
}
body.collections-page #collectionsHeroSection .hero-slide {
  border-radius: 14px !important;
  overflow: hidden !important;
}
body.collections-page .cc-hero {
  padding-top: 40px !important;
}
/* 3. 片单轮播内文字按钮走「进入片单」语义 */
body.collections-page #collectionsHeroSection .hero-cta-primary {
  background: var(--yj-grad) !important;
  color: #0c0f15 !important;
  border: none !important;
}

/* 20261015: shared visual contract; keep modules, content and theme settings. */
:root {
  --ui-reading: var(--textPrimary, var(--text, #eef4ff));
  --ui-secondary: color-mix(in srgb, var(--ui-reading) 78%, var(--background, #11151e));
  --ui-control-surface: var(--surfaceElevated, #1b2230);
  --ui-control-border: color-mix(in srgb, var(--ui-reading) 24%, transparent);
  --ui-focus-color: color-mix(in srgb, var(--accent, #91b7ff) 68%, white);
}
body .navbar-logo-icon { flex: 0 0 auto; width: 40px !important; height: 40px !important; overflow: hidden; }
body .navbar-logo-icon img { width: 100% !important; height: 100% !important; object-fit: contain !important; display: block; }
body .navbar .navbar-logo h1 {
  color: var(--ui-reading) !important; background: none !important;
  -webkit-text-fill-color: currentColor !important; letter-spacing: .02em !important;
  font-size: 20px !important; font-weight: 700 !important; line-height: 1.3 !important;
  max-width: none !important;
}
body .navbar .navbar-search {
  display: flex !important; align-items: center !important;
  min-height: 44px !important; height: 44px !important;
  background: var(--ui-control-surface) !important; border: 1px solid var(--ui-control-border) !important;
  padding: 0 0 0 12px !important;
}
body[class] .navbar input.search-input {
  position: static !important; display: block !important; flex: 1 1 auto !important;
  width: auto !important; min-width: 0 !important; max-width: none !important;
  height: 100% !important; padding: 0 !important; margin: 0 !important;
  opacity: 1 !important; transform: none !important; pointer-events: auto !important;
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  font-size: 16px !important; color: var(--ui-reading) !important;
}
body[class] .navbar input.search-input::placeholder { color: var(--ui-secondary) !important; opacity: 1 !important; }
body .navbar .search-btn, body .navbar .nav-action-btn { min-width: 44px !important; min-height: 44px !important; color: var(--ui-reading) !important; }
body .navbar .navbar-categories .nav-category { min-height: 44px !important; color: var(--ui-secondary) !important; }
body .navbar .navbar-categories .nav-category.active {
  color: var(--ui-reading) !important; background: color-mix(in srgb, var(--accent, #91b7ff) 16%, transparent) !important;
  border-color: color-mix(in srgb, var(--accent, #91b7ff) 38%, transparent) !important;
}
body .navbar .navbar-categories .nav-category.active::after { background: var(--accent, #91b7ff) !important; }
body .movie-card .movie-title, body.home-page #movieGrid.featured-resource-rail .movie-card.movie-card-featured .movie-title {
  font-size: 15px !important; line-height: 1.45 !important; font-weight: 600 !important;
  min-height: 2.9em; max-height: 2.9em; white-space: normal !important;
  display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important;
  overflow: hidden !important; color: var(--ui-reading) !important;
}
body .movie-card .movie-meta, body.home-page #movieGrid.featured-resource-rail .movie-card.movie-card-featured .movie-meta {
  color: var(--ui-secondary) !important; font-size: 12px !important; line-height: 1.5 !important;
  opacity: 1 !important; gap: 6px !important; min-width: 0;
}
body .movie-card .movie-meta > * { color: inherit; min-width: 0; }
body.home-page #movieGrid.featured-resource-rail { grid-auto-columns: 164px !important; gap: 16px !important; }
body .movie-card { border-radius: 12px !important; }
body .movie-card .movie-cover-wrap { aspect-ratio: 2 / 3; overflow: hidden; }
body .movie-card .movie-cover { width: 100%; height: 100%; object-fit: cover; }
body .section-title, body.home-page .section-title { font-size: clamp(24px, 2.3vw, 32px) !important; line-height: 1.25 !important; }
body .section-desc, body.home-page .section-desc, body .detail-meta-strip, body .detail-quick-facts {
  color: var(--ui-secondary) !important; opacity: 1 !important; line-height: 1.65 !important;
}
body[class] .featured-hero-desc, body[class] .hero-description,
body.featured-page .featured-hero p { color: var(--ui-secondary) !important; opacity: 1 !important; }
body .btn-primary, body .hero-cta-primary, body .scan-btn, body .get-btn,
body.home-page #heroSection .hero-cta-primary {
  background: var(--yj-grad) !important;
  color: var(--buttonTextOnAccent, var(--accent-text, #111827)) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.22) !important;
}
body .btn-primary:hover, body .hero-cta-primary:hover, body .scan-btn:hover, body .get-btn:hover { transform: translateY(-1px) !important; box-shadow: 0 8px 20px rgba(0,0,0,.26) !important; }
body :is(a, button, input, select, textarea, [tabindex]):focus-visible { outline: 2px solid var(--ui-focus-color) !important; outline-offset: 3px !important; }
body button:disabled, body button[aria-disabled="true"] { cursor: not-allowed; opacity: .55; }
body .codex-theme-panel[hidden] { display: none !important; }
body .codex-theme-trigger, body .codex-theme-close, body .collection-sort-btn { min-height: 44px; min-width: 44px; }
/* Channel heroes share the homepage's image, type and controls, without changing home. */
body:not(.home-page) .hero-section:empty { display: none !important; min-height: 0 !important; }
body:not(.home-page) .hero-section,
body:not(.home-page) .hero-section .hero-inner { min-height: clamp(420px,52svh,540px) !important; }
body:not(.home-page) .hero-section .hero-inner {
  width: var(--ui-channel-rail) !important; max-width: var(--ui-channel-rail) !important; margin-inline: auto !important; padding: 64px 0 96px !important;
  display: flex !important; align-items: center !important;
}
body:not(.home-page) .hero-section { --ui-channel-rail: min(1200px,calc(100% - 48px)); margin-inline: 0 !important; border-radius: 0 !important; }
body:not(.home-page) .hero-section::after { background: none !important; }
body:not(.home-page) .hero-section .hero-slide::after {
  background: linear-gradient(0deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,0) 70%) !important;
}
body:not(.home-page) .hero-section .hero-slide-bg { filter: none !important; }
body:not(.home-page) .hero-section .hero-copy { width: 100% !important; max-width: min(700px,52vw) !important; }
body:not(.home-page) .hero-section .hero-title { font-size: clamp(42px,3.55vw,56px) !important; line-height: 1.06 !important; letter-spacing: 0 !important; overflow-wrap: anywhere; }
body:not(.home-page) .hero-section .hero-description { max-width: 60ch !important; margin-top: 14px !important; line-height: 1.72 !important; color: var(--ui-reading) !important; }
:where(html:not([data-button-style]),html[data-button-style="solid"]) body:not(.home-page) .hero-section .hero-cta-primary { background: var(--yj-grad) !important; color: var(--buttonTextOnAccent, var(--accent-text, #111827)) !important; }
body:not(.home-page) .hero-section .hero-controls { position: absolute !important; inset: auto 24px 24px auto !important; display: flex !important; gap: 8px !important; z-index: 4 !important; }
body:not(.home-page) .hero-section .hero-arrow { display: inline-grid !important; place-items: center; width: 44px !important; height: 44px !important; min-width: 44px; padding: 0 !important; border-radius: 50% !important; }
body:not(.home-page) .hero-section .hero-dots { display: flex !important; align-items: center !important; left: 24px !important; right: auto !important; transform: none !important; bottom: 24px !important; height: 44px !important; max-width: calc(100% - 160px); gap: 0 !important; overflow-x: auto; overflow-y: hidden; z-index: 4 !important; }
body:not(.home-page) .hero-section .hero-dot-btn { display: grid !important; place-items: center; flex: 0 0 44px; width: 44px !important; height: 44px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
body:not(.home-page) .hero-section .hero-dot-btn::after { content: ''; width: 8px; height: 8px; border-radius: 999px; background: var(--ui-secondary); }
body:not(.home-page) .hero-section .hero-dot-btn.active::after { width: 24px; background: var(--accent); }
body:not(.home-page) .hero-section.hero-single .hero-controls,
body:not(.home-page) .hero-section.hero-single .hero-dots { display: none !important; }
body.explore-page .page-section { padding-block: 32px !important; }
body.featured-page .featured-hero, body.featured-page .featured-hero-inner { height: auto !important; min-height: 360px !important; }
body.featured-page .featured-hero-inner {
  width: min(1200px, calc(100% - 48px)) !important; margin-inline: auto !important;
  padding: 40px 0 56px !important;
}
body.featured-page .featured-hero h1 { font-size: clamp(28px, 3.4vw, 42px) !important; line-height: 1.2 !important; }
body.explore-page .explore-filter-card { margin-bottom: 24px !important; }
body.static-legal-page .legal-card, body.static-legal-page .copyright-article { max-width: 75ch; line-height: 1.8; font-size: 16px; }
@media (min-width: 1180px) {
  body:not(.home-page) .hero-section { --ui-channel-rail: min(1480px,calc(100% - 320px)); }
}
@media (min-width: 1180px) and (max-width: 1500px) {
  body:not(.home-page) .hero-section { --ui-channel-rail: min(1240px,calc(100% - 176px)); }
}
@media (max-width: 760px) {
  body[class] .navbar { top: 0 !important; width: 100% !important; margin: 0 !important; height: auto !important; min-height: 0 !important; border-radius: 0 !important; }
  body[class] .navbar .container {
    display: grid !important; grid-template-columns: minmax(0,1fr) !important;
    grid-template-areas: "logo" "search" "nav" !important; gap: 8px !important;
    width: calc(100% - 28px) !important; max-width: none !important; height: auto !important;
    min-height: 0 !important; padding: 12px 0 4px !important; margin-inline: auto !important;
  }
  body[class] .navbar .navbar-logo { grid-area: logo !important; width: auto !important; justify-self: start !important; }
  body[class] .navbar .navbar-search {
    grid-area: search !important; position: relative !important; inset: auto !important;
    width: 100% !important; margin: 0 !important; transform: none !important;
  }
  body[class] .navbar .navbar-categories {
    grid-area: nav !important; display: flex !important; position: static !important;
    justify-content: flex-start !important; width: 100% !important; height: 48px !important;
    margin: 0 !important; padding: 0 !important; gap: 4px !important;
    overflow-x: auto !important; flex-wrap: nowrap !important;
  }
  body[class] .featured-filter-row { display: flex !important; flex-wrap: wrap !important; align-items: center; gap: 8px !important; }
  body[class] .featured-filter-label { flex: 0 0 100% !important; width: auto !important; font-size: 14px !important; white-space: nowrap; }
  body[class] .featured-filter-pill {
    flex: 0 0 auto !important; width: auto !important; min-width: 44px; min-height: 44px;
    padding: 8px 12px !important; white-space: nowrap !important; word-break: keep-all;
    line-height: 1.4 !important;
  }
  body .navbar .container { min-width: 0; }
  body .navbar .navbar-logo h1 { font-size: 18px !important; text-overflow: clip !important; }
  body .navbar .navbar-search { max-width: 100% !important; box-sizing: border-box; }
  body .navbar .navbar-categories { scroll-padding-inline: 12px; }
  body:not(.home-page) .hero-section,
  body:not(.home-page) .hero-section .hero-inner { min-height: 420px !important; }
  body:not(.home-page) .hero-section .hero-inner { width: calc(100% - 28px) !important; padding: 24px 0 76px !important; }
  body:not(.home-page) .hero-section .hero-title { font-size: clamp(28px,8vw,36px) !important; }
  body:not(.home-page) .hero-section .hero-copy { max-width: 100% !important; }
  body:not(.home-page) .hero-section .hero-slide-bg { object-position: 75% center !important; }
  body:not(.home-page) .hero-section .hero-kicker { margin-bottom: 12px !important; }
  body:not(.home-page) .hero-section .hero-description { -webkit-line-clamp: 2 !important; }
  body:not(.home-page) .hero-section .hero-meta, body:not(.home-page) .hero-section .hero-actions { margin-top: 16px !important; }
  body:not(.home-page) .hero-section .hero-controls { right: 14px !important; bottom: 16px !important; }
  body:not(.home-page) .hero-section .hero-dots { left: 14px !important; right: auto !important; bottom: 16px !important; transform: none !important; max-width: calc(100% - 130px); }
  body:not(.home-page) .hero-section .hero-dot-btn { flex-basis: 28px; min-width: 28px !important; width: 28px !important; }
  body.home-page #movieGrid.featured-resource-rail { grid-auto-columns: 150px !important; }
  body.explore-page .movie-grid, body.featured-page .featured-grid, body.series-page .series-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 14px !important; }
  body .movie-card .movie-title { font-size: 14px !important; }
  body .hero-description, body .section-desc { font-size: 14px !important; }
  body.featured-page .featured-hero, body.featured-page .featured-hero-inner { min-height: 320px !important; }
  body.featured-page .featured-hero-inner { width: calc(100% - 28px) !important; }
}
@media (prefers-reduced-motion: reduce) {
  body .hero-slide, body .hero-slide-bg, body .hero-copy, body .movie-card, body .movie-cover,
  body .btn, body .hero-cta-primary, body .codex-theme-panel { animation: none !important; transition: opacity .15s linear !important; }
  body .movie-card:hover, body .movie-card:hover .movie-cover, body .btn:hover, body .hero-cta-primary:hover { transform: none !important; }
}

/* Search is a task surface: query, applied conditions, then the real results. */
body.explore-page #heroSection[hidden],
body.explore-page .explore-clear-btn[hidden],
body.explore-page .explore-filter-notice[hidden],
body.explore-page #exploreErrorState[hidden],
body.explore-page #loadMoreBtn[hidden] { display: none !important; }
body.explore-page #heroSection[hidden] { min-height: 0 !important; }
body.explore-page #exploreMain { scroll-margin-top: 100px; }
body.explore-page #exploreMain .container { width: min(1200px,calc(100% - 48px)) !important; padding-inline: 0 !important; margin-inline: auto !important; }
body.explore-page .explore-controls-section { padding-block: 24px !important; }
body.explore-page.is-searching .explore-controls-section .section-header { display: none !important; }
body.explore-page .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
body.explore-page .explore-controls-section .section-header { margin-bottom: 20px !important; padding-bottom: 0 !important; border: 0 !important; }
body.explore-page .explore-controls-section .section-header::after { display: none !important; }
body.explore-page .explore-search-form { display: flex; align-items: stretch; gap: 12px; margin-bottom: 24px; }
body.explore-page .explore-search-field { display: flex; flex: 1; align-items: center; min-width: 0; gap: 12px; padding-inline: 16px 8px; color: var(--ui-secondary); background: var(--surface, #171c29); border: 1px solid var(--yj-border); border-radius: 12px; }
body.explore-page .explore-search-field:focus-within { outline: 2px solid var(--ui-focus-color); outline-offset: 3px; }
body.explore-page #exploreKeyword { display: block; flex: 1; width: 100%; min-width: 0; height: 56px; padding: 0; border: 0; border-radius: 0; outline: none !important; background: transparent; color: var(--ui-reading); font-size: 18px; caret-color: var(--accent); box-shadow: none; }
body.explore-page #exploreKeyword::placeholder { color: var(--ui-secondary); opacity: 1; }
body.explore-page #exploreKeyword::-webkit-search-cancel-button { display: none; }
body.explore-page .explore-clear-btn { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; border: 0; border-radius: 8px; color: var(--ui-reading); background: transparent; cursor: pointer; }
body.explore-page .explore-clear-btn:hover { background: var(--yj-surface); }
body.explore-page #exploreSearchBtn { min-height: 56px; min-width: 96px; border-radius: 12px; padding: 12px 24px; font-size: 16px; }
body.explore-page .explore-filter-card { margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--yj-border) !important; border-radius: 0 !important; box-shadow: none !important; }
body.explore-page .explore-filter-card > summary { display: flex; align-items: center; gap: 12px; min-height: 48px; padding-block: 8px; list-style: none; color: var(--ui-reading); font-size: 15px; cursor: pointer; }
body.explore-page .explore-filter-card > summary::-webkit-details-marker { display: none; }
body.explore-page .explore-filter-card > summary span { color: var(--ui-secondary); font-size: 13px; }
body.explore-page .explore-filter-card > summary i { margin-left: auto; }
body.explore-page .explore-filter-card[open] > summary i { transform: rotate(180deg); }
body.explore-page .explore-filter-body { padding-block: 12px 20px; }
body.explore-page .explore-filter-fields { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
body.explore-page .explore-filter-fields > div { display: grid; gap: 8px; min-width: 0; }
body.explore-page .explore-filter-fields label { color: var(--ui-secondary); font-size: 14px; }
body.explore-page :is(.explore-filter-fields,.explore-sort-label) select { box-sizing: border-box; min-height: 44px; width: 100%; max-width: 100%; padding: 8px 12px; color: var(--ui-reading); background: var(--surface, #171c29); border: 1px solid var(--yj-border); border-radius: 8px; font-size: 14px; }
body.explore-page select option { background: var(--surface, #171c29); color: var(--ui-reading); }
body.explore-page .quick-tags { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px; margin: 16px 0; }
body.explore-page .quick-tag { min-height: 44px; padding: 8px 12px; }
body.explore-page .explore-filter-actions { display: flex; flex-wrap: wrap; gap: 12px; }
body.explore-page .explore-filter-actions .btn { min-height: 44px; }
body.explore-page .explore-active-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
body.explore-page .explore-active-chips:empty { display: none; }
body.explore-page .explore-active-chips button { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; max-width: 100%; padding: 8px 12px; color: var(--ui-reading); background: var(--yj-surface); border: 1px solid var(--yj-border); border-radius: 8px; cursor: pointer; }
body.explore-page .explore-active-chips span { overflow-wrap: anywhere; }
body.explore-page .explore-results-section { padding-top: 0 !important; }
body.explore-page .explore-results-toolbar { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 16px; }
body.explore-page .explore-results-toolbar { padding-bottom: 0 !important; margin-bottom: 20px !important; border: 0 !important; }
body.explore-page .explore-results-toolbar::after { display: none !important; }
body.explore-page .explore-results-toolbar > div:not(.explore-sort-label) { min-width: 0; flex: 1 1 240px; }
body.explore-page #exploreResultTitle { overflow-wrap: anywhere; }
body.explore-page .explore-sort-label { display: flex; align-items: center; gap: 12px; flex: 0 1 230px; color: var(--ui-secondary); font-size: 14px; white-space: nowrap; }
body.explore-page .explore-sort-label select { width: auto; flex: 1; min-width: 0; }
body.explore-page .explore-rating { position: absolute; right: 8px; top: 8px; padding: 4px 8px; background: #141821; color: #ffe09a; font-size: 14px; font-weight: 700; border-radius: 6px; }
body.explore-page .explore-error-state { margin-block: 20px; padding: 24px; text-align: left; }
body.explore-page .explore-error-state p, body.explore-page .explore-filter-notice { color: var(--ui-secondary); line-height: 1.7; }
body.explore-page .explore-error-state .btn { margin-top: 12px; }
@media (max-width: 760px) {
  body.explore-page #exploreMain .container { width: calc(100% - 28px) !important; }
  body.explore-page .navbar .navbar-search { display: none !important; }
  body.explore-page .navbar .container { grid-template-areas: "logo" "nav" !important; }
  body.explore-page .explore-search-form { gap: 8px; margin-bottom: 16px; }
  body.explore-page .explore-search-field { padding-left: 12px; gap: 8px; }
  body.explore-page .explore-search-field > i { display: none; }
  body.explore-page #exploreKeyword { font-size: 16px; height: 52px; }
  body.explore-page #exploreSearchBtn { min-width: 72px; min-height: 52px; padding-inline: 16px; }
  body.explore-page .explore-filter-fields { grid-template-columns: 1fr; gap: 12px; }
  body.explore-page .explore-results-toolbar { align-items: start; }
  body.explore-page .explore-results-toolbar > div { flex-basis: 100%; }
  body.explore-page .explore-sort-label { flex-basis: 100%; }
}

/* Task-first mobile detail; keep the existing poster and primary action. */
@media (max-width: 760px) {
  body.detail-page .detail-page-main { padding-top: 16px !important; }
  body.detail-page .detail-wrap { padding-top: 12px !important; }
  body.detail-page #detailPageShell { padding: 16px !important; gap: 16px !important; }
  body.detail-page #detailPageShell .detail-visual-column { width: 112px !important; margin-inline: auto !important; }
  body.detail-page #detailCover { width: 112px !important; height: 160px !important; object-fit: cover !important; }
  body.detail-page #detailPrimaryCta { margin-top: 12px !important; padding: 16px !important; }
  body.detail-page #detailTitle { font-size: 26px !important; line-height: 1.3 !important; }
  .featured-filter-pill, .featured-chip, .hero-dot-btn, .featured-hero-dot, .series-hero-dot { min-height: 44px !important; min-width: 44px !important; }
  .featured-hero-dot, .series-hero-dot, .hero-dot-btn { background-clip: content-box !important; padding: 17px !important; border: 0 !important; }
  .static-legal-page .static-step-card, .static-legal-page .static-info-card, .static-legal-page .static-side-card { padding: 18px; }
}