/* ==========================================================================
 * pages/about.css — 界面 5「关于我们」
 * 作用域前缀：.page-about（design.md §5.4）
 * 依赖 css/tokens.css 中的变量（--ink/--muted/--accent/--line 等）
 * ========================================================================== */

.page-about {
  max-width: 720px;
  padding: 64px 48px;
  text-align: left; /* 左对齐（design.md §3.6） */
}

.page-about__title {
  margin: 0 0 32px;
  font-size: 34px;
  font-weight: 700;
  letter-spacing: 0.18em; /* 标题加宽字距（design.md §4） */
  color: var(--ink, #e6ecf7);
  border-left: 4px solid var(--accent, #4d8dff);
  padding-left: 20px;
}

.page-about__body p {
  margin: 0 0 20px;
  font-size: 15px;
  line-height: 2;
  color: var(--muted, #8a97b1);
}

.page-about__body p:first-child {
  color: var(--ink, #e6ecf7);
}

/* 品牌区：锁形主 LOGO + 意安智行字标（与首页 hero 同图源） */
.page-about__brand {
  display: flex;
  align-items: flex-end;
  gap: 28px;
  margin: 0 0 40px;
}
.page-about__logo {
  width: 72px;
  height: auto;
}
.page-about__brandmark {
  width: 220px;
  height: auto;
  padding-bottom: 6px; /* 与主 LOGO 视觉基线对齐 */
}