/* ============================================================
   AICOR 官网 · 间距统一层 Spacing
   ------------------------------------------------------------
   作用：收敛全站“节奏”。2026-10-27 之前各页面样式各自定义了
   90 / 72 / 52 / 44 / 42 / 38 / 34 / 30 / 26 / 22px 等间距，
   导致同类版面在不同页面留白不一致、部分页面留白过大。

   现在统一到 8 的倍数刻度（见 tokens.css 的 --sp-*）：
     · 区块上下留白        64（平板 48 / 手机 36）
     · 内页横幅顶部        128（让出固定导航）
     · 标题组行距          14
     · 标题组 → 正文       32
     · 卡片间距            24（纵向列表 20）
     · 卡片内边距          大卡 32 / 列表项 20
     · 容器 1180 + 左右 32

   加载位置：head 中位于“页面级 CSS 之后”，因此同权重规则此后加载
   即生效，无需 !important；需要提高权重处用 body 前缀或
   section[class] 这类带属性的选择器。

   依赖：tokens.css
   ============================================================ */

/* ---------- 1. 区块垂直节奏 ---------- */
body section,
body section[class] { padding-block: var(--sec-y, 64px); }

/* 首页整屏 hero：不参与统一，保持满屏观感 */
body section.hero { padding-block: 120px 80px; }

/* 内页横幅 / 新闻页页头：顶部让出固定导航 */
body section.subhero,
body div.page-hero { padding-block: var(--hero-y, 128px) var(--sec-y, 64px); }

/* ---------- 2. 标题组（eyebrow → 标题 → 描述 → 正文） ---------- */
body .sec-label { margin-bottom: var(--head-gap, 14px); }
body .sec-title { margin-bottom: var(--head-gap, 14px); }
body .sec-desc { margin-bottom: 0; }

/* 标题组容器 → 下方第一块内容：统一 32px
   （原各页 18 / 24 / 45 / 48 / 54px 混用） */
body div:has(> .sec-label) + * { margin-top: var(--head-to-body, 32px); }

/* ---------- 3. 容器与页脚 ---------- */
body .container,
body .wrap { max-width: var(--container, 1180px); padding-inline: var(--gutter, 32px); }

body footer { padding-block: 44px; }

/* ---------- 4. 栅格与列表间距 ---------- */
body .grid,
body .card-grid,
body .cards,
body .news-grid,
body .intra-grid,
body .method-grid,
body .prod-grid,
body .case-grid,
body .step-grid { gap: var(--gap, 24px); }

body .report-list { gap: var(--sp-4, 16px); }

/* ---------- 5. 卡片内边距（大卡 32 / 列表项 20） ---------- */
body .method-card,
body .engine-card,
body .prod-card,
body .self-card,
body .stat-card,
body .fw-card,
body .exp-card,
body .intra-card,
body .gain-card,
body .job-card,
body .dim-card,
body .pr-card,
body .case-card,
body .report-card,
body .risk-card,
body .pain-card,
body .ceo-card,
body .dept-card,
body .expert-card,
body .lvl-card,
body .qr-card { padding: var(--sp-8, 32px); }

body .faq-item,
body .req-item { padding: var(--sp-5, 20px) var(--sp-6, 24px); }

/* 例外：横排列表卡（左日期 / 中正文 / 右动作）纵向收窄，便于长列表扫描 */
body .report-card { padding: var(--sp-6, 24px) var(--sp-8, 32px); }

/* ---------- 6. 卡片内文字节奏 ---------- */
body .method-card p,
body .engine-card p,
body .prod-card p,
body .case-card p { margin-bottom: var(--sp-4, 16px); }

/* ---------- 7. 窄屏 ---------- */
@media (max-width: 900px) {
  body .method-card,
  body .engine-card,
  body .prod-card,
  body .self-card,
  body .stat-card,
  body .fw-card,
  body .exp-card,
  body .intra-card,
  body .gain-card,
  body .job-card,
  body .dim-card,
  body .pr-card,
  body .case-card,
  body .report-card,
  body .risk-card,
  body .pain-card,
  body .ceo-card,
  body .dept-card,
  body .expert-card,
  body .lvl-card,
  body .qr-card { padding: var(--sp-6, 24px); }
}