/* 官网与法务页共用的样式。
 *
 * 为什么抽成一份：以前每个页面各自带一段一模一样的 <style>，
 * 改一次颜色要改六遍，而且很容易漏。现在只有这一份。
 *
 * 视觉参照：**淡紫**、大号标题、克制的正文宽度（约 780px）。
 *
 * ⚠️ 2026-11-12 从粉色改成淡紫：取的是 App 图标上半部分的颜色
 *    （那张图的底是从 #8f80e8 到 #f0b8d0 的渐变）。粉色与图标对不上，
 *    而且 App 内的主色本来就是紫（theme 的 primary #7C3AED）——
 *    官网和产品看起来像两个 App，这是最伤信任的一种不一致。
 *
 * ⚠️ 变量名还叫 --pink / --pink-deep，是历史遗留。**值是紫的**。
 *    没有改名，是因为六个页面 + 内联样式都在引用它，改名属于
 *    "收益为零、出事概率不为零"的改动。以后重写时再一起改。
 */

:root {
  /* 大标题、边框、装饰块用。对白底 3.4:1，大字号（≥24px）够用。 */
  --pink: #8b7cea;
  /* 链接、导航、小字用。对白底 5.6:1，正文和 12px 小字都够。 */
  --pink-deep: #6a51cf;
  --ink: #2b2530;
  --muted: #8a8292;
  --bg: #fff;
  /* 引用块/浅底的底色，从"粉白"改成"紫白" */
  --soft: #f8f5ff;
  --line: #eae4fb;
  --max: 1080px;
  --doc-max: 780px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font: 15px/1.8 -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
        "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

a { color: var(--pink-deep); text-decoration: none; }
a:hover { text-decoration: underline; }
img { display: block; max-width: 100%; }

.wrap { max-width: var(--max); margin: 0 auto; padding: 0 22px; }

/* ---------- 全站顶部导航（每页都放同一段，静态站没有模板继承） ---------- */
.site-nav {
  position: sticky; top: 0; z-index: 30;
  background: rgba(255, 255, 255, .95);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--line);
}
/* 三列栅格：品牌 / 导航 / 语言按钮。
 *
 * 用 grid 而不是 flex + margin:auto，是因为各页右侧元素不一样（首页有语言按钮，
 * 法务页没有）—— flex 居中会让导航条跟着右移几像素，切页时"顶部在跳"。
 * 固定三列后，有没有右侧元素都不影响品牌与导航的位置；高度再用 min-height 钉住。 */
.site-nav .inner {
  max-width: var(--max); margin: 0 auto; padding: 12px 22px;
  display: grid; grid-template-columns: 1fr auto 1fr;
  align-items: center; gap: 20px;
  min-height: 58px;
}
.site-nav .brand {
  display: flex; align-items: center; gap: 8px;
  font-weight: 700; color: var(--pink-deep); text-decoration: none;
  justify-self: start;
}
.site-nav .brand img { width: 26px; height: 26px; border-radius: 8px; }
.site-nav nav { display: flex; gap: 22px; font-size: 14px; justify-self: center; }
.site-nav .lang-btn { justify-self: end; }
/* 法务页没有语言按钮，用一个同尺寸的占位撑住右列，位置才不会变 */
.site-nav .nav-spacer { visibility: hidden; }
.site-nav nav a { color: var(--ink); }
.site-nav nav a:hover { color: var(--pink-deep); text-decoration: none; }
.site-nav nav a[aria-current="page"] { color: var(--pink-deep); font-weight: 600; }
.lang-btn {
  border: 1px solid var(--line); border-radius: 8px; background: #fff;
  padding: 6px 10px; font: inherit; font-size: 13px; color: var(--muted);
  cursor: pointer;
}
/* 首页的语言控件是 <select>，法务页是一个同 class 的隐形占位 <span>。
 * 统一钉住高度，切换页面时右列高度才不会变。 */
select.lang-btn {
  appearance: none; -webkit-appearance: none;
  min-height: 32px; min-width: 108px; max-width: 168px;
  padding-right: 22px;
  background-image: linear-gradient(45deg, transparent 50%, var(--muted) 50%),
                    linear-gradient(135deg, var(--muted) 50%, transparent 50%);
  background-position: calc(100% - 12px) 14px, calc(100% - 7px) 14px;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  text-overflow: ellipsis;
}

/* ---------- 法务页正文 ---------- */
main.doc {
  max-width: var(--doc-max);
  margin: 0 auto;
  padding: 44px 22px 72px;
}
.doc-title {
  font-size: clamp(1.55rem, 4vw, 2.05rem);
  line-height: 1.25;
  letter-spacing: .01em;
  color: var(--pink-deep);
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 0 8px;
}
.doc-meta {
  color: var(--muted);
  font-size: 12.5px;
  margin: 0 0 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--line);
}
main.doc h2 {
  font-size: 1.02rem;
  font-weight: 700;
  margin: 34px 0 10px;
  line-height: 1.5;
}
main.doc h3 {
  font-size: .95rem;
  font-weight: 600;
  margin: 22px 0 6px;
  color: #4a4452;
}
main.doc p { margin: 0 0 13px; }
main.doc ul, main.doc ol { margin: 0 0 14px; padding-left: 1.25em; }
main.doc li { margin-bottom: 6px; }
main.doc strong { font-weight: 600; }
main.doc code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .88em;
  background: var(--soft);
  padding: 1px 5px;
  border-radius: 4px;
}

/* 表格（数据类别、共享对象等） */
main.doc .tw { overflow-x: auto; margin: 0 0 18px; }
main.doc table {
  border-collapse: collapse;
  width: 100%;
  font-size: .88rem;
  line-height: 1.65;
}
main.doc th, main.doc td {
  border: 1px solid var(--line);
  padding: 9px 11px;
  text-align: left;
  vertical-align: top;
}
main.doc th { background: var(--soft); font-weight: 600; }

/* 提示块：把"这一条特别重要"单独拎出来 */
.callout {
  background: var(--soft);
  border-left: 3px solid var(--pink);
  border-radius: 0 10px 10px 0;
  padding: 14px 16px;
  margin: 0 0 16px;
  font-size: .92rem;
}

/* ---------- 页脚 ---------- */
.site-foot {
  background: #2b2530;
  color: #b6adbb;
  padding: 32px 0;
  text-align: center;
  font-size: 12.5px;
  line-height: 1.9;
}
.site-foot a { color: #cbc3e0; }
.site-foot .fbrand { color: #fff; font-weight: 600; }

@media (max-width: 860px) {
  .site-nav nav { display: none; }
  /* 导航隐藏后右侧元素会自动落到第三列，不用再手动推 */
  main.doc { padding: 32px 20px 56px; }
}