/* ========================================
   legal.css — 法律页面（隐私政策 / 服务条款）共享样式
   作用：定义 privacy.html 和 terms.html 共用的 banner 和正文排版
   区块顺序：Banner 横幅 → 正文内容区
   ======================================== */

/* ===== 法律页面 Banner 横幅 =====
   35vh 高度的绿色渐变横幅，无背景图片
   居中展示页面标题和更新日期，视觉上与全屋定制 CTA 区呼应 */
.legal-banner {
  min-height: 35vh;
  display: flex;
  align-items: center;
  justify-content: center;
  /* 绿色渐变背景 — 从深绿到主绿，135度斜向，与 fh-cta 保持一致 */
  background: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);
  color: #fff;
  text-align: center;
  padding-block: var(--space-2xl);
  padding-inline: var(--space-md);
}

/* Banner 内容容器 — 限制最大宽度 600px，水平居中 */
.legal-banner__inner {
  max-width: 600px;
  margin-inline: auto;
}

/* 副标题 — 小号大写字母，金色点缀色
   与 fh-hero__subtitle 保持相同的视觉风格 */
.legal-banner__subtitle {
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--color-accent);
  margin-block-end: var(--space-md);
}

/* 主标题 — 白色大号标题，响应式字号
   clamp(2rem, 4vw, 3rem)：最小 2rem，随视口宽度缩放，最大 3rem */
.legal-banner__title {
  font-size: clamp(2rem, 4vw, 3rem);
  color: #fff;
  margin-block-end: var(--space-md);
  line-height: 1.15;
}

/* 描述文字 — 显示最后更新日期，半透明白色 */
.legal-banner__desc {
  font-size: 0.9375rem;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.6;
}

/* ===== 法律正文内容区 =====
   最大宽度 800px，水平居中，适合长文阅读
   使用逻辑属性（margin-inline / padding-block）以支持 RTL 布局 */
.legal-content {
  max-width: 800px;
  margin-inline: auto;
  padding-block: var(--space-2xl);
  padding-inline: var(--space-md);
}

/* 二级标题 — 深绿色衬线字体，用于各章节标题
   上方留出大间距（xl），与上一章节拉开距离
   下方留出中等间距（md），与正文内容保持紧凑 */
.legal-content h2 {
  font-family: var(--font-heading);
  font-size: 1.5rem;
  color: var(--color-primary-dark);
  margin-block-start: var(--space-xl);
  margin-block-end: var(--space-md);
  line-height: 1.3;
}

/* 正文段落 — 灰色文字，宽松行高提升长文可读性
   段落间距使用 md，保持阅读节奏 */
.legal-content p {
  color: var(--color-text-light);
  font-size: 1rem;
  line-height: 1.8;
  margin-block-end: var(--space-md);
}

/* 首个 h2 去除顶部间距 — 文章开头不需要额外上方留白 */
.legal-content h2:first-child {
  margin-block-start: 0;
}