/* ============================================================
   行星映画 · 全站统一 + 卡片紧凑化（20261004）
   - collections/channel hero 视觉对齐首页
   - 首页及全站卡片缩小、密度提升、更精致
   本文件应在各页面样式之后加载（版本戳引用）
   ============================================================ */

/* ---------- A. hero 统一：collections / channel 对齐首页视觉 ---------- */
body.collections-page .collections-hero-channel-clone.hero-section {
  min-height: clamp(620px, 72vh, 780px) !important;
  background: #070a12 !important;
}
body.collections-page .collections-hero-channel-clone .hero-inner {
  min-height: clamp(620px, 72vh, 780px) !important;
  width: min(1320px, calc(100% - 64px)) !important;
}
body.collections-page .collections-hero-channel-clone .hero-slide-bg {
  filter: saturate(1.08) contrast(1.08) brightness(.64) !important;
  transform: scale(1.045) !important;
  transition: transform 7s ease, filter .62s ease !important;
}
body.collections-page .collections-hero-channel-clone .hero-slide.active .hero-slide-bg {
  transform: scale(1.012) !important;
}
/* 光斑与网格纹理对齐首页 */
body.collections-page .collections-hero-channel-clone .hero-slide:before {
  content: "" !important;
  background:
    radial-gradient(circle at 78% 18%, rgba(124, 58, 237, .30), transparent 30%),
    radial-gradient(circle at 63% 12%, rgba(34, 211, 238, .18), transparent 32%),
    radial-gradient(circle at 80% 68%, rgba(249, 115, 22, .14), transparent 34%),
    linear-gradient(180deg, rgba(7, 10, 18, .03), rgba(7, 10, 18, .96) 96%) !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}
body.collections-page .collections-hero-channel-clone .hero-slide:after {
  background:
    linear-gradient(90deg, rgba(7, 10, 18, .98) 0%, rgba(7, 10, 18, .90) 34%, rgba(7, 10, 18, .48) 68%, rgba(7, 10, 18, .20) 100%),
    linear-gradient(180deg, rgba(7, 10, 18, .34) 0%, rgba(7, 10, 18, .08) 42%, rgba(7, 10, 18, .96) 100%) !important;
}

/* ---------- B. 全站卡片紧凑化（首页/列表/推荐通用） ---------- */

/* 电影卡（hot-rank 横向滚动条）：列宽缩小到 150px 级 */
body.home-page #movieGrid.featured-resource-rail,
body.home-page #movieGrid {
  grid-template-columns: none !important;
  grid-auto-columns: minmax(140px, 152px) !important;
  grid-auto-flow: column !important;
  gap: 13px !important;
  padding-bottom: 0 !important;
}
body.home-page #movieGrid.featured-resource-rail .movie-card,
body.home-page #movieGrid .movie-card {
  height: auto !important;
  min-height: 0 !important;
  border-radius: 16px !important;
}
body.home-page #movieGrid.featured-resource-rail .movie-cover-wrap,
body.home-page #movieGrid .movie-cover-wrap {
  flex-basis: auto !important;
  height: auto !important;
}
body.home-page #movieGrid.featured-resource-rail .movie-info,
body.home-page #movieGrid .movie-info {
  min-height: 0 !important;
  padding: 11px 12px 12px !important;
}
.movie-card {
  border-radius: 16px !important;
}
.movie-info {
  padding: 11px 12px 12px !important;
}
.movie-title {
  font-size: 14px !important;
  min-height: 38px !important;
  line-height: 1.36 !important;
}
.movie-meta {
  font-size: 11px !important;
  margin-top: 7px !important;
}
.movie-get-btn {
  margin-top: 10px !important;
  height: 34px !important;
  font-size: 12px !important;
}

/* 最新更新网格（latest-update）：更紧凑多列（覆盖 home-step17 全部规则） */
body.home-page #latestGrid.latest-update-grid.latest-index-grid.latest-stream-grid.latest-daily-grid {
  display: grid !important;
  grid-auto-flow: row !important;
  grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)) !important;
  grid-auto-columns: auto !important;
  grid-template-rows: auto !important;
  gap: 12px !important;
  overflow: visible !important;
  padding: 0 !important;
  scroll-snap-type: none !important;
}
body #latestGrid .rail-card {
  grid-template-columns: 68px 1fr !important;
  gap: 10px !important;
  padding: 10px !important;
  border-radius: 14px !important;
  min-height: 106px !important;
}
#latestGrid .rail-cover {
  width: 68px !important;
  height: 90px !important;
  border-radius: 10px !important;
}
#latestGrid .rail-title {
  font-size: 14px !important;
}
#latestGrid .rail-meta,
#latestGrid .rail-note {
  font-size: 12px !important;
  margin-top: 4px !important;
}

/* 首页片单卡：恢复 3 列原尺寸比例（用户要求） */
body #collectionsGrid.rail-grid,
body.home-page .playlist-branch-section #collectionsGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

/* 片单封面徽标：去掉椭圆胶囊底，文字直显更醒目 */
body.home-page .home-playlist-badge {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  min-height: auto !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 1px !important;
  color: #ffffff !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .95), 0 0 16px rgba(0, 0, 0, .7) !important;
  left: 14px !important;
  top: 12px !important;
}

/* 封面底部渐变：平滑过渡，消除 55% 处突变割裂感 */
body.home-page .playlist-branch-section .home-playlist-cover-shade {
  background: linear-gradient(180deg, rgba(4, 10, 20, .02) 0%, rgba(4, 10, 20, .16) 38%, rgba(2, 6, 23, .58) 100%) !important;
}

/* 封面图：去掉放大缩放，避免边缘裁切感 */
body.home-page .playlist-branch-section .home-playlist-cover img {
  transform: none !important;
}
body.home-page .playlist-branch-section .home-playlist-card {
  min-height: 0 !important;
}
body.home-page .playlist-branch-section .home-playlist-info {
  padding: 10px 12px 12px !important;
}
body.home-page .playlist-branch-section .home-playlist-title {
  font-size: 15px !important;
  line-height: 1.32 !important;
}

/* 猜你喜欢推荐卡：更紧凑（兼容横向滚动） */
.recommend-scroll {
  grid-auto-columns: minmax(200px, 216px) !important;
  gap: 13px !important;
}
.recommend-card {
  grid-template-columns: 30px 74px 1fr !important;
  gap: 11px !important;
  padding: 12px !important;
  border-radius: 16px !important;
  min-height: 112px !important;
}
.recommend-rank {
  width: 28px !important;
  height: 28px !important;
  font-size: 13px !important;
}
.recommend-cover {
  width: 74px !important;
  height: 100px !important;
  border-radius: 12px !important;
}
.recommend-title {
  font-size: 15px !important;
}
.recommend-meta {
  font-size: 12px !important;
  margin-top: 5px !important;
}

/* 骨架屏对齐新尺寸 */
.skeleton-movie-card {
  min-height: 228px !important;
  border-radius: 16px !important;
}
.skeleton-rail-card {
  min-height: 116px !important;
  border-radius: 16px !important;
}
.skeleton-scroll-card {
  min-height: 112px !important;
  border-radius: 16px !important;
}

/* ---------- C. 移动端适配（紧凑版） ---------- */
@media (max-width: 767px) {
  body.home-page #movieGrid.featured-resource-rail,
  body.home-page #movieGrid {
    grid-template-columns: none !important;
    grid-auto-columns: minmax(132px, 140px) !important;
    grid-auto-flow: column !important;
    gap: 11px !important;
  }
  body #latestGrid {
    grid-template-columns: 1fr !important;
  }
  body #collectionsGrid.rail-grid {
    grid-template-columns: 1fr !important;
  }
  .recommend-scroll {
    grid-template-columns: 1fr !important;
  }
}