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

/* ── Hero（轮播为主视觉）─────────────────────────────────── */
#home { flex: 0 0 auto; }   /* 不把多余高度撑到二维码与页脚之间 */
.hero {
  flex: 0 0 auto;
  display: flex; flex-direction: column; justify-content: flex-start;
  padding-top: calc(var(--nav-height) + var(--space-2xs) + 0.5cm);
  padding-bottom: var(--space-2xs);
  background: var(--color-paper-2);
}
.hero__head { max-width: 60rem; margin-inline: auto; margin-bottom: calc(var(--space-xl) - 0.5cm); text-align: center; }
.hero__title { font-size: var(--text-2xl); font-weight: 600; letter-spacing: -0.02em; line-height: 1.2; 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: 28em; }

/* ── 首页中部二维码（轮播下方）───────────────────────────── */
.hero__qrcodes {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;
  gap: calc(var(--space-md) + 1cm) calc(var(--space-lg) + 1cm);
  width: fit-content; max-width: calc(100% - 2 * var(--space-md));
  margin: var(--space-2xl) auto 0;
}
.hero__qr {
  margin: 0; display: flex; flex-direction: column; align-items: center; gap: var(--space-xs);
  width: 6rem;
}
.hero__qr-frame {
  width: 100%; box-sizing: border-box;
  padding: var(--space-2xs);
  background: var(--color-white);
  border: var(--rule-w) solid var(--color-rule);
  border-radius: var(--radius-md);
}
.hero__qr-frame img {
  width: 100%; aspect-ratio: 1 / 1; height: auto; object-fit: cover;
  display: block; border-radius: var(--radius-sm);
  background: var(--color-paper);
}
.hero__qr figcaption {
  font-family: var(--font-mono); font-size: var(--text-sm);
  color: var(--color-ink-3); letter-spacing: 0.04em; text-align: center;
}

@media (max-width: 40rem) {
  .hero__qrcodes { gap: calc(var(--space-sm) + 1cm) calc(var(--space-md) + 1cm); margin-top: var(--space-xl); }
  .hero__qr { width: 4.5rem; }
}

/* ── 服务项目 ─────────────────────────────────────────────── */
.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); }

/* ── 页脚（整体居中，正文字体）────────────────────────────── */
.footer { border-top: var(--rule-w) solid var(--color-rule); padding-block: calc(var(--space-xl) - 0.8cm) var(--space-lg); text-align: center; }
.footer__inner { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: var(--space-2xs) var(--space-md); }
.footer__brand { font-family: var(--font-body); font-weight: 600; color: var(--color-ink); 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; justify-content: center; gap: var(--space-2xs) var(--space-md); font-family: var(--font-body); font-size: var(--text-sm); color: var(--color-ink-3); }
.footer__meta:empty { display: none; }
.footer__sep { opacity: .45; }
.footer__icp {
  display: inline-flex; align-items: center; gap: var(--space-3xs);
  color: var(--color-ink-3); text-decoration: none;
  transition: color var(--dur-micro) var(--ease-out);
}
.footer__icp:hover { color: var(--color-link); text-decoration: none; }
.footer__icp-icon { width: 16px; height: 16px; flex-shrink: 0; object-fit: contain; }

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