/* ==========================================================================
 * 文档页共享样式（agreement.html / privacy.html 两页复用）
 * --------------------------------------------------------------------------
 * 版式：画布 → 标题区 → 前言 → 白卡（章节 / 子标题 / 段落 / 列表，深色加粗强调条款）。
 * 尺寸以 rem 表达（1rem = 10 设计px，375 基准，见 global.css 说明）；
 * 颜色全部引用 global.css 的 Lan 语义令牌。
 * ========================================================================== */

.doc-container {
  /* 顶部留白：返回按钮移除后由 10.5rem 收窄至 4.8rem，与底部对称 */
  padding: 4.8rem 1.6rem 4.8rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  /* 内容列限宽居中：手机端自然占满（视口 < 720px），桌面端不随页面全宽拉伸 */
  width: 100%;
  max-width: 72rem;
  margin-left: auto;
  margin-right: auto;
}

/* ===== 标题区 ===== */
.doc-heading {
  padding: 0.8rem 0 1.6rem;
}

.doc-title {
  color: var(--color-text-primary);
  font-size: 3.2rem;
  line-height: 3.6rem;
  font-weight: 600;
  margin: 0;
}

/* ===== 前言 ===== */
.doc-intro {
  padding-bottom: 1.6rem;
}

.doc-intro-text {
  color: var(--color-text-secondary);
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  white-space: pre-line;
  margin: 0;
}

/* ===== 主内容卡片 ===== */
.doc-card {
  padding: 2.4rem;
  box-sizing: border-box;
  background: var(--color-card-bg);
  border-radius: 2.4rem;
  box-shadow: var(--shadow-card);
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}

/* ===== 章节 ===== */
.doc-section {
  display: flex;
  flex-direction: column;
}

/* 章节标题（24px/32px 主文本色） */
.doc-section-title {
  color: var(--color-text-primary);
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 600;
  padding-bottom: 1.2rem;
  margin: 0;
}

/* 子标题（16px/24px 主文本色） */
.doc-sub-title {
  color: var(--color-text-primary);
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 600;
  padding-bottom: 0.8rem;
  margin: 0;
}

/* 普通段落（16px/24px 次要文本色） */
.doc-para {
  color: var(--color-text-secondary);
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  padding-bottom: 1.6rem;
  white-space: pre-line;
  margin: 0;
}

.doc-para--footer {
  padding-top: 1.6rem;
}

/* 深色加粗强调（条款重点，内联于段落/列表项） */
.doc-em {
  color: var(--color-text-primary);
  font-weight: 600;
  font-style: normal;
}

/* ===== 列表（左缩进，· 圆点引导） ===== */
.doc-list {
  padding: 0 0 1.6rem 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin: 0;
}

.doc-list-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.doc-bullet {
  color: var(--color-text-secondary);
  font-size: 1.6rem;
  line-height: 2.4rem;
  width: 0.7rem;
  flex-shrink: 0;
}

.doc-list-text {
  flex: 1;
  color: var(--color-text-secondary);
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  white-space: pre-line;
}