/* ============================================================
 * doc.css —— 协议 / 政策类静态文档页（terms / privacy 及海外版共用）
 *
 * 这些页面同时加载 base.css（拿暗色主题变量与字体），本文件只管文档排版。
 * 早期版本把正文写成 #333（白底配色），落在暗色主题上就成了暗灰字配暗底，
 * 是「看起来又脏又挤」的根源——这里全部改用主题变量。
 * 页面结构约定（见 terms.html）：
 *   .doc > .doc-head(h1 + .ver) + .doc-notice(重点提示) + .doc-toc(目录)
 *   + 若干 .doc-sec(h2 + p/ul) + .doc-foot(联系方式/相关文档) + .back
 * ============================================================ */

body { padding: 0 16px 56px; }
.doc { max-width: 800px; margin: 0 auto; }

/* ---- 页头：标题 + 版本 ---- */
.doc-head { padding: 36px 0 0; }
.doc h1 { font-size: 24px; margin: 0 0 10px; color: var(--acc); letter-spacing: .5px; }
.doc .ver {
  display: inline-block; color: var(--muted); font-size: 12px;
  background: var(--panel); border: 1px solid var(--line); border-radius: 20px;
  padding: 3px 12px; margin-bottom: 8px;
}
.doc .ver-sub { display: block; margin-top: 3px; }

/* ---- 重点提示框：三两句话讲清最要紧的事（内测重置 / AI 生成 / 责任边界） ---- */
.doc-notice {
  background: var(--panel); border: 1px solid var(--acc); border-radius: var(--radius);
  padding: 14px 18px; margin: 20px 0 0; font-size: 13.5px; line-height: 1.9; color: var(--txt);
}
.doc-notice b { color: var(--acc); }
.doc-notice .doc-notice-title {
  display: block; color: var(--acc); font-weight: 600; font-size: 13px;
  letter-spacing: 2px; margin-bottom: 4px;
}

/* ---- 目录 ---- */
.doc-toc {
  background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius);
  padding: 14px 18px; margin: 14px 0 8px;
}
.doc-toc-title { color: var(--muted); font-size: 12px; letter-spacing: 2px; margin-bottom: 8px; }
.doc-toc ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 4px 20px; }
.doc-toc li { margin: 0; }
.doc-toc a {
  display: block; color: var(--txt); font-size: 13px; text-decoration: none;
  padding: 3px 0; opacity: .85;
}
.doc-toc a:hover { opacity: 1; color: var(--acc); }
.doc-toc a::before { content: attr(data-no) "　"; color: var(--acc); font-size: 12px; }
@media (max-width: 560px) { .doc-toc ol { grid-template-columns: 1fr; } }

/* ---- 正文条款 ---- */
.doc-sec { margin-top: 30px; }
.doc-sec > h2 {
  display: flex; align-items: baseline; gap: 10px;
  font-size: 16px; font-weight: 600; color: var(--acc);
  margin: 0 0 12px; padding-bottom: 8px; border-bottom: 1px solid var(--line);
}
.doc-sec > h2 .no { font-size: 12px; color: var(--muted); font-weight: normal; letter-spacing: 1px; }
.doc p, .doc li { font-size: 14px; line-height: 1.95; color: #a9b2c1; margin: 0 0 10px; }
.doc p:last-child, .doc li:last-child { margin-bottom: 0; }
.doc b, .doc strong { color: var(--txt); font-weight: 600; }
.doc ul { margin: 0 0 10px; padding-left: 20px; }
.doc li { margin-bottom: 6px; }
.doc li::marker { color: var(--acc); }
.doc .kw { color: var(--acc); } /* 行内强调词（如「不可提现」） */

/* ---- 页脚：联系方式 / 相关文档 ---- */
.doc-foot {
  background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius);
  padding: 14px 18px; margin: 34px 0 0; font-size: 13px; line-height: 1.9;
}
.doc-foot p { font-size: 13px; margin-bottom: 4px; }
.doc-foot .doc-links { margin-top: 8px; }
.doc a { color: var(--acc2); text-decoration: none; }
.doc a:hover { text-decoration: underline; }
.back {
  display: inline-block; margin-top: 26px; font-size: 13px;
  color: var(--acc2); text-decoration: none;
}
.back:hover { text-decoration: underline; }