/* ============================================================
   关于我们专属样式（page-about.css）
   覆盖：关于页头 / 正文 / 名字由来 / 公司使命 / 服务版图 / 结尾
   ============================================================ */

/* ---------- 页头 ---------- */
.about-hero { padding: 3.5rem 0 2rem; }

.about-hero h1 { font-size: 2.2rem; margin: 0 0 0.8rem; }

.about-hero p { color: var(--color-muted); max-width: 60ch; margin: 0; }

/* ---------- 正文 ---------- */
.prose p { margin: 0 0 1.1rem; }

.prose p:last-child { margin-bottom: 0; }

/* ---------- 名字由来 ---------- */
.name-story {
  background: var(--color-surface);
  border-left: 4px solid var(--color-primary);
  border-radius: var(--radius);
  padding: 1.8rem 2rem;
}

.name-story h3 { margin: 0 0 0.7rem; }

.name-story p { margin: 0; color: var(--color-muted); }

/* ---------- 公司使命 ---------- */
.mission-card {
  text-align: center;
  padding: 2.6rem 1.5rem;
  background: linear-gradient(180deg, #f0f9ff 0%, #ffffff 100%);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
}

.mission-card .mission-text {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--color-primary);
  margin: 0.4rem 0 0;
}

.mission-card p { color: var(--color-muted); margin: 0.5rem 0 0; }

/* ---------- 服务版图 ---------- */
.service-scope {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}

@media (max-width: 860px) {
  .service-scope { grid-template-columns: 1fr; }
}

/* ---------- 结尾引导 ---------- */
.about-cta-note { text-align: center; padding: 2rem 0 3rem; }

.about-cta-note p { color: var(--color-muted); margin-bottom: 1.4rem; }