/* xpic 法务静态页共用样式。
 *
 * 与 rubicube-server/legal/*.html 的内联样式同源，但抽成一个文件：xpic 有 5 个页面，
 * 内联会变成 5 份复制。由 cmd/xpic/main.go 的白名单一并 serve。
 *
 * 刻意不引任何外部资源（字体 / CDN）：法务页要在弱网、无 App 环境下也能打开。
 * 明暗跟随系统。不复用 design/tokens.json —— 这是网页，不是 App chrome，
 * 走系统原生观感（iOS Safari 里像一份正经文档）比套品牌色更合适。
 */
:root {
  color-scheme: light dark;
  --bg: #fff;
  --fg: #1c1c1e;
  --muted: #6e6e73;
  --link: #0066cc;
  --border: #d1d1d6;
  --surface: #f2f2f7;
  --warn-bg: #fff4e5;
  --warn-fg: #7a4b00;
  --warn-border: #e8b878;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #000;
    --fg: #f2f2f7;
    --muted: #a1a1a6;
    --link: #0a84ff;
    --border: #3a3a3c;
    --surface: #1c1c1e;
    --warn-bg: #2a1e0a;
    --warn-fg: #f0c07a;
    --warn-border: #6b4a12;
  }
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  max-width: 720px;
  margin: 0 auto;
  padding: 24px 20px 64px;
  line-height: 1.65;
  color: var(--fg);
  background: var(--bg);
  -webkit-text-size-adjust: 100%;
}

h1 { font-size: 1.6rem; margin-top: 0; }
h2 { font-size: 1.2rem; margin-top: 2rem; }
h3 { font-size: 1.05rem; }
p, li { font-size: 0.98rem; }
a { color: var(--link); text-decoration: underline; }

.meta { color: var(--muted); font-size: 0.9rem; margin-bottom: 1.5rem; }

/* 草稿横幅。**当前五页都没用它**——2026-08-12 全部标 Effective 2026-07-30。
 * 留着类是因为改版时还会用：新条款文本在生效前挂它，判据见
 * docs/reference/legal-facts.md §6（那儿是真相源，不是这里）。 */
.draft {
  background: var(--warn-bg);
  color: var(--warn-fg);
  border: 1px solid var(--warn-border);
  border-radius: 10px;
  padding: 12px 16px;
  margin: 0 0 1.75rem;
  font-size: 0.92rem;
}
.draft strong { font-weight: 700; }

table { border-collapse: collapse; width: 100%; margin: 1rem 0; background: var(--bg); }
th, td {
  border: 1px solid var(--border);
  padding: 8px 12px;
  text-align: left;
  font-size: 0.92rem;
  color: var(--fg);
  background: var(--bg);
}
th { background: var(--surface); font-weight: 600; }

code {
  background: var(--surface);
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.9em;
}

ul.docs { list-style: none; padding: 0; }
ul.docs li { border-bottom: 1px solid var(--border); padding: 14px 0; }
ul.docs li:last-child { border-bottom: 0; }
ul.docs a { font-size: 1.02rem; font-weight: 600; text-decoration: none; }
ul.docs .d { display: block; color: var(--muted); font-size: 0.9rem; margin-top: 2px; }

footer {
  margin-top: 3rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border);
  font-size: 0.88rem;
  color: var(--muted);
}
footer a { color: var(--muted); }