/* ============================================================
   mobile-compact.css · 移动端间距收紧（增量，2026-09-30）
   仅 @media (max-width: 768px) 内生效；PC 端样式完全不动。
   只收紧空白间距：不修改任何文字、布局结构、功能逻辑。
   引入方式：各 HTML <head> 加一行 <link>；删除该行即一键回滚。
   ============================================================ */
@media (max-width: 768px) {
  /* ---------- ① 页面顶部：导航栏下方 → 页面主标题区留白收窄 ---------- */
  /* 原 .page-header 移动端 padding: 84px 0 24px（responsive.css），顶部留白过大 */
  .page-header { padding: 48px 0 14px !important; }
  /* 面包屑压缩 */
  .page-header .breadcrumb { padding-bottom: 4px !important; }
  /* 标题区内元素间距收紧（kicker / 标题 / 描述） */
  .page-header [class*="-kicker"] { margin-bottom: 8px !important; }
  .page-header h1,
  .page-header [class*="-title"] { margin-bottom: 8px !important; }
  .page-header [class*="-lede"],
  .page-header [class*="-desc"] { margin-bottom: 10px !important; }

  /* ---------- ② 首页 hero 顶部留白收窄 ---------- */
  .hero { padding-top: 18px !important; padding-bottom: 22px !important; }
  .hero-badge { margin-bottom: 8px !important; }
  .hero-subtitle { margin-bottom: 10px !important; }

  /* ---------- ③ 模块区块顶部间距归零（只减不增） ----------
     仅作用于页面直接子级 section/article；原顶部 margin 大者被收，
     原为 0 者不受影响；不触碰区块内部间距。 */
  main > section,
  main > article,
  .container > section,
  .container > article {
    margin-top: 0 !important;
  }
}