/* sections.css — 7 模块分节样式（hero / services / business / articles / about / footer） */

/* ── Hero（轮播为主视觉，撑满首屏并垂直居中）────────────── */
.hero {
  flex: 1 0 auto;
  min-height: calc(100vh - var(--nav-height));
  display: flex; flex-direction: column; justify-content: center;
  padding-top: calc(var(--nav-height) + var(--space-2xs));
  padding-bottom: var(--space-3xl);
  background: var(--color-paper-2);
}
.hero__head { max-width: 60rem; margin-inline: auto; margin-bottom: var(--space-xl); text-align: center; }
.hero__title { font-size: var(--text-display-s); font-weight: 600; letter-spacing: -0.025em; line-height: 1.15; color: var(--color-ink); text-wrap: balance; }
.hero__desc { margin-top: var(--space-sm); margin-inline: auto; color: var(--color-ink-3); font-size: var(--text-md); line-height: 1.7; max-width: 46ch; }

/* ── 服务项目 ─────────────────────────────────────────────── */
.services .card { display: flex; flex-direction: column; gap: var(--space-sm); height: 100%; }
.services .card__title { font-size: var(--text-lg); display: flex; align-items: center; gap: var(--space-sm); }
.services .card__desc { color: var(--color-ink-3); font-size: var(--text-sm); }

/* ── 业务介绍 ─────────────────────────────────────────────── */
.business .biz-item__head { display: flex; align-items: center; gap: var(--space-sm); margin-bottom: var(--space-sm); }
.business .biz-item__title { letter-spacing: -0.025em; margin: 0; }

/* ── 文章资讯 ─────────────────────────────────────────────── */
.articles .card--media { display: flex; flex-direction: column; height: 100%; }
.articles .card__body { display: flex; flex-direction: column; gap: var(--space-2xs); flex: 1; padding: var(--space-md); }
.articles .card__meta { font-family: var(--font-mono); font-size: var(--text-sm); color: var(--color-ink-3); letter-spacing: 0.04em; }
.articles .card__title { font-size: var(--text-lg); line-height: 1.3; }
.articles .card__excerpt { color: var(--color-ink-3); font-size: var(--text-sm); flex: 1; }
.articles .card__more { font-family: var(--font-mono); font-size: var(--text-sm); color: var(--color-link); letter-spacing: 0.06em; text-transform: uppercase; margin-top: var(--space-2xs); }

/* ── 关于我们（Graphite 深色横带）────────────────────────── */
.about .rich-text { color: var(--color-graphite-ink); max-width: 56rem; margin-inline: auto; }   /* 区域水平居中，文字保持左对齐 */
.about .rich-text h2, .about .rich-text h3, .about .rich-text h4 { color: var(--color-paper); }
.about .rich-text strong { color: var(--color-paper); }
.about .rich-text blockquote { border-left-color: var(--color-accent); color: var(--color-graphite-muted); }
.about .rich-text img { border-color: var(--color-rule-dark); }
.about .rich-text code { background: var(--color-graphite-2); color: var(--color-graphite-ink); }
.about .rich-text th, .about .rich-text td { border-bottom-color: var(--color-rule-dark); }
.about .rich-text a { color: var(--color-accent); }

/* ── 页脚（Ft2 · inline 单行）────────────────────────────── */
.footer { border-top: var(--rule-w) solid var(--color-rule); padding-block: var(--space-xl) var(--space-lg); }
.footer__inner { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-2xs) var(--space-md); }
.footer__brand { font-family: var(--font-display); font-weight: 600; color: var(--color-ink); letter-spacing: -0.02em; font-size: var(--text-md); }
.footer__copy { color: var(--color-ink-3); font-size: var(--text-sm); }
.footer__meta { width: 100%; margin-top: var(--space-xs); display: flex; flex-wrap: wrap; gap: var(--space-md); font-family: var(--font-mono); font-size: var(--text-xs); color: var(--color-ink-4); letter-spacing: 0.04em; }
.footer__meta:empty { display: none; }
.footer__admin-link { color: var(--color-link); }
.footer__admin-link:hover { color: var(--color-accent); }

@media (max-width: 40rem) {
  .footer__inner { flex-direction: column; align-items: flex-start; gap: var(--space-2xs); }
}

/* ── 底部二维码模块（每页都有，横排 4 个）────────────────── */
.qr-section {
  background: var(--color-paper-2);
  border-top: var(--rule-w) solid var(--color-rule);
  padding-block: var(--space-3xl);
}
.qr-section__sub {
  margin-top: var(--space-sm);
  text-align: center;
  color: var(--color-ink-3);
  font-size: var(--text-sm);
}
.qr-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-md);
  max-width: var(--container-narrow);
  margin-inline: auto;
}
.qr-card {
  background: var(--color-paper);
  border: var(--rule-w) solid var(--color-rule);
  border-radius: var(--radius-md);
  padding: var(--space-md);
  display: flex; flex-direction: column; align-items: center; gap: var(--space-sm);
  transition: border-color var(--dur-short) var(--ease-out),
              transform var(--dur-short) var(--ease-out),
              box-shadow var(--dur-short) var(--ease-out);
}
.qr-card:hover { border-color: var(--color-accent); transform: translateY(-4px); box-shadow: var(--shadow-card); }
.qr-card__media {
  width: 100%; aspect-ratio: 1 / 1;
  display: flex; align-items: center; justify-content: center;
  padding: var(--space-2xs);
  background: var(--color-paper-3);
  border-radius: var(--radius-sm);
}
.qr-card__media img { width: 100%; height: 100%; object-fit: contain; }
.qr-card__label {
  font-family: var(--font-mono); font-size: var(--text-sm);
  color: var(--color-ink-2); letter-spacing: 0.04em; text-align: center;
}
@media (max-width: 48rem) {
  .qr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}