/* ============================================================
   layout.css · 12 列栅格、页面容器、导航/页脚骨架、响应式断点
   断点：>=1200 桌面 / 768-1199 平板 / <=767 手机
   ============================================================ */
.container {
  width: 100%;
  max-width: var(--max-w);
  margin-inline: auto;
  padding-inline: var(--pad-x);
}
.grid-12 {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--gap);
}
.section { padding-block: var(--section-gap); }

/* ---------- 全局导航：4 组 × 3 列 = 12 列 ---------- */
.nav { position: relative; z-index: 20; padding-block: 30px 22px; }
.nav__grid { align-items: start; }
.nav__col { grid-column: span 3; min-width: 0; }
.nav__col--links { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }

/* ---------- 页脚骨架 ----------
   全站「细横线区隔」已按用户要求删除：页脚不再用 1px 横线与正文分隔，
   层级改由 padding / margin 的留白承担。 */
.footer {
  padding-block: clamp(48px, 6vw, 88px) 32px;
  margin-top: var(--section-gap);
}
.footer__grid { row-gap: 40px; }
.footer__brand { grid-column: 1 / 6; }
.footer__nav   { grid-column: 7 / 10; }
.footer__meta  { grid-column: 10 / 13; }
.footer__bottom {
  display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap;
  margin-top: clamp(56px, 8vw, 120px);
  padding-top: 18px;                      /* 区隔线已删除，保留文字上方留白 */
}

/* ---------- 通用区块头（章节标题 + 右侧元信息） ---------- */
.section-head {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 24px; flex-wrap: wrap;
  padding-bottom: 22px; margin-bottom: clamp(36px, 4.5vw, 68px);
  /* 区隔线已删除（该通用区块头目前无页面使用，一并清理规则） */
}

/* ---------- 平板 ---------- */
@media (max-width: 1199px) {
  :root { --gap: 2vw; --indent: 16vw; }
  .footer__brand { grid-column: 1 / 7; }
  .footer__nav   { grid-column: 7 / 10; }
  .footer__meta  { grid-column: 10 / 13; }
}

/* ---------- 手机：12 列退化为单列，留白节奏重排 ---------- */
@media (max-width: 767px) {
  :root { --gap: 16px; --indent: 8vw; --section-gap: 72px; }
  .nav { padding-block: 20px 16px; }
  .nav__col { grid-column: span 12; }
  .nav__col--links { display: none; }          /* 手机由汉堡 + 全屏菜单接管 */
  .nav__col--role { margin-top: 6px; }
  .footer__brand, .footer__nav, .footer__meta { grid-column: 1 / 13; }
  .footer__bottom { margin-top: 48px; }
  .section-head { padding-bottom: 16px; margin-bottom: 32px; }
}