/*
 * list-compact.css — 列表页首屏紧凑版（2026-09-27）
 * 由 shop.html（全部分类）、academy.html（含 course.html 跳转）、gallery.html、index.html 在 styles.css 之后加载
 * 不改 styles.css；这里只覆盖间距 / 标题字号，不改颜色、字体、边框。
 */

/* ---------- 桌面 / 平板（>720px） ---------- */
@media (min-width: 721px) {
  /* 顶栏下留白 32 → 20 */
  .shop-main,
  .course-main.academy-main,
  .gallery-main { padding-top: calc(var(--header-h) + 1.25rem); }

  /* 面包屑 → 标题 32 → 12 */
  .shop-main > .breadcrumb,
  .academy-main > .breadcrumb,
  .gallery-main > .breadcrumb { margin-bottom: 0.75rem; }

  /* 大标题 44px → 36px，行高 1.65 → 1.3 */
  .shop-intro-title {
    font-size: clamp(1.75rem, 2.8vw, 2.25rem);
    line-height: 1.3;
    margin-bottom: 0;
  }
  .shop-intro { margin-bottom: 1rem; }            /* 标题 → 搜索 32 → 16 */
  .gallery-intro { margin-bottom: 0.9rem; }

  /* 商城：搜索 → 分类行 → 分隔线 → 小类行 → 商品 */
  .shop-filter-wrap { margin-bottom: 0.6rem; }
  .category-nav-wrap { padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 0.75rem; }
  .jewelry-sub-wrap { margin-top: 0; margin-bottom: 1rem; }

  /* 学院：导语 / 分区按钮 / 重复的分区大标题 */
  .academy-intro .academy-eyebrow { margin-bottom: 0.2rem; }
  .academy-intro .academy-lead { margin-top: 0.35rem; }
  .academy-main .course-partitions { margin-bottom: 1rem; }
  .academy-main .academy-section { margin-top: 0; }
  .academy-main .academy-section > .section-head { margin-bottom: 1rem; }
  .academy-main .academy-section > .section-head .section-title {
    font-size: 1.5rem;
    line-height: 1.3;
    margin-bottom: 0.25rem;
  }
}

/* ---------- 手机（≤720px）：商城本来就紧，只统一标题行高；学院/相册对齐商城 ---------- */
@media (max-width: 720px) {
  .shop-intro-title { line-height: 1.3; }

  .course-main.academy-main,
  .gallery-main { padding-top: calc(var(--header-h) + 0.75rem); }   /* 32 → 12，与商城一致 */

  .academy-intro .academy-lead { margin-top: 0.35rem; }
  .academy-main .course-partitions { margin-bottom: 0.75rem; }
  .academy-main .academy-section { margin-top: 0; }
  .academy-main .academy-section > .section-head { margin-bottom: 0.75rem; }
  .academy-main .academy-section > .section-head .section-title {
    font-size: 1.3rem;
    line-height: 1.3;
    margin-bottom: 0.2rem;
  }
  .gallery-intro { margin-bottom: 0.6rem; }
}

/* ---------- 首页「分区 / 甄选」锚点区块（导航点「分区」「甄选」跳过来时）
 * 1) 锚点落点：标题停在顶栏下方 12px（现状：桌面标题上方空 44px；手机标题被顶栏压住 4px）
 *    .section 的 padding-top 是 clamp(4rem, 10vw, 7rem)，这里抵消掉它
 * 2) 标题 → 卡片 56px → 24px（手机 32 → 16）
 * 不影响首页正常往下滚的节奏（只改锚点落点和这两个区块的标题下边距）
 */
#collections,
#featured { scroll-margin-top: calc(var(--header-h) + 0.75rem - clamp(4rem, 10vw, 7rem)); }
@media (min-width: 721px) {
  #collections .section-head, #featured .section-head { margin-bottom: 1.5rem; }
}
@media (max-width: 720px) {
  #collections .section-head, #featured .section-head { margin-bottom: 1rem; }
}