/* --- START OF FILE public/legal/privacy.css --- */
/* 隐私政策页专属样式：只做「文档型页面」的容器与排版，
   颜色 / 字号 / 行高 / 间距全部引用 styles/base.css 的令牌，不另起一套色值。 */

/* 页面底色（与站内浅灰区块一致） */
body {
  background-color: var(--color-background-alt);
}

/* 文档卡片：720 - 2×40 padding = 640px 内容宽 = --measure，正文约 40 个中文字/行 */
.legal-doc {
  max-width: 720px;
  margin-top: var(--space-xl);
  margin-bottom: var(--space-xl);
  padding: var(--space-xl);
  background-color: var(--color-background);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

/* 文档型页面的标题层级比营销页平缓：h1 30px / h2 20px / h3 18px */
.legal-doc h1 {
  font-size: 1.875rem; /* 30px：文档页比站内 h1（38px）低一档 */
  text-align: center;
  margin-bottom: var(--space-md);
}

.legal-doc h2 {
  font-size: var(--font-size-h3); /* 20px */
  font-weight: var(--font-weight-bold); /* 文档页：加粗便于扫读，与正文 strong 同级 */
  color: var(--color-text-headings);
  border-bottom: 1px solid var(--color-hairline);
  padding-bottom: var(--space-xs);
  margin-top: var(--space-xl);
  margin-bottom: var(--space-md);
}

.legal-doc h3 {
  font-size: var(--font-size-lg); /* 18px */
  font-weight: var(--font-weight-bold);
  color: var(--color-text-headings);
  margin-top: var(--space-lg);
  margin-bottom: var(--space-sm);
}

/* 列表：base.css 将 ul/ol 的 list-style 重置为 none，这里必须显式恢复，
   否则本页的条款清单会丢失项目符号与序号 */
.legal-doc ul {
  list-style: disc;
}

.legal-doc ol {
  list-style: decimal;
}

.legal-doc ul,
.legal-doc ol {
  padding-left: 1.5em; /* em 缩进，随字号缩放 */
  margin-bottom: var(--space-md);
}

.legal-doc li {
  margin-bottom: var(--space-xs);
}

/* 强调：用标题色加粗即可（原页面用红色 #d9534f，与全站不一致且观感突兀） */
.legal-doc strong,
.legal-doc b {
  color: var(--color-text-headings);
}

.date-info {
  text-align: center;
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm); /* 14px */
  margin-bottom: var(--space-xl);
}

.legal-footer {
  margin-top: var(--space-xl);
  padding-top: var(--space-md);
  text-align: center;
  color: var(--color-text-secondary);
  border-top: 1px solid var(--color-border);
}

.legal-footer p {
  font-size: var(--font-size-xs); /* 12px */
  margin-bottom: var(--space-xs);
}

@media (max-width: 768px) {
  .legal-doc {
    margin-top: var(--space-md);
    margin-bottom: var(--space-md);
    padding: var(--space-md);
    border-radius: var(--radius-md);
  }

  .legal-doc h2 {
    margin-top: var(--space-lg);
  }
}

/* --- END OF FILE public/legal/privacy.css --- */