/* ===== 隐私政策页 ===== */
/* 设计与理由见 PROMPT/24_隐私政策页.md
 * 页壳（.api-page / .api-header / .api-scroll / .api-back）整套复用 css/setting-api.css，
 * 必须排在它之后加载。本文件只写正文排版，不重写 .api-page 的 transform / transition ——
 * 那边的 prefers-reduced-motion 规则要能压住本页。
 * 禁止出现 backdrop-filter 和 will-change。 */
.pv-page {
  --pv-h2-size: 15px;      /* 节标题：比页标题 18px 小一档，比行名 14px 大一档 */
  --pv-body-size: 13px;    /* 正文：14px 在 375px 屏上一行只剩 24 个字 */
  --pv-line: 1.75;         /* 长文行高，比 .tm-note 那种一两行的说明更松 */
  --pv-gap: 10px;          /* 段与段、段与列表之间 */
}

/* ===== 日期卡：形态照搬版本页的版本号卡 ===== */
.pv-card {
  margin-top: 24px;
  padding: var(--card-pad);
  border-radius: var(--card-radius);
  background: var(--card-bg);
}

/* 中文标签不加 text-transform: uppercase —— 写了也不起作用，只会误导后来的人 */
.pv-card-label {
  font-size: var(--label-size);
  font-weight: var(--label-weight);
  line-height: 1.2;
  letter-spacing: 0.14em;
  color: var(--c-hint);
}

.pv-date {
  margin-top: 8px;
  font-size: var(--metric-size);
  font-weight: var(--metric-weight);
  line-height: 1.1;
  color: var(--c-text);
  font-variant-numeric: tabular-nums;   /* 与版本号卡一致 */
}

.pv-card-note {
  margin-top: 6px;
  font-size: var(--row-value-size);
  line-height: 1.4;
  letter-spacing: 0.04em;
  color: var(--c-hint);
}

/* ===== 序言：正文之前的四段 ===== */
/* 只管间距，不降颜色 —— 其中一段有十行，压到 --c-sub 就掉进下面那条对比度红线 */
.pv-lead { margin-top: 20px; }

/* ===== 分节 ===== */
/* 首节也带上边线：它同时是「序言结束」的分隔，不做 :first-child 特例 */
.pv-sec {
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid var(--c-border-m);
}

/* 编号与英文名同一行，走全站分组小标题那一档 */
.pv-sec-eyebrow {
  font-size: var(--label-size);
  font-weight: var(--label-weight);
  line-height: 1.2;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--c-hint);
  font-variant-numeric: tabular-nums;
}

.pv-sec-name {
  margin: 7px 0 0;
  /* 不能用 --font-display：fonts/标题.woff2 只子集化了 "Qu Phone"，中文会静默回退 */
  font-family: var(--font-ui);
  font-size: var(--pv-h2-size);
  font-weight: 600;
  line-height: 1.35;
  color: var(--c-text);
}

/* ===== 小节标题（2.1 这一层）===== */
.pv-sub {
  margin: 20px 0 0;
  font-size: var(--row-name-size);
  font-weight: 600;
  line-height: 1.4;
  color: var(--c-text);
}

.pv-sub-no {
  margin-right: 6px;
  font-weight: 500;
  color: var(--c-sub);
  font-variant-numeric: tabular-nums;
}

/* ===== 正文 ===== */
/* 长文必须用 --c-text：--c-sub / --c-hint 在浅底上连 4.5:1 都不到，读两屏就废 */
.pv-p {
  margin: var(--pv-gap) 0 0;
  font-size: var(--pv-body-size);
  line-height: var(--pv-line);
  color: var(--c-text);
}

.pv-em {
  font-style: normal;      /* <em> 的默认斜体在中文下是合成倾斜，很脏 */
  font-weight: 600;
}

.pv-ul {
  margin: var(--pv-gap) 0 0;
  padding: 0;
  list-style: none;        /* 原生 marker 的缩进各浏览器不一致，自己画点 */
}

.pv-li {
  position: relative;
  margin-top: 6px;
  padding-left: 15px;
  font-size: var(--pv-body-size);
  line-height: var(--pv-line);
  color: var(--c-text);
}

.pv-li::before {
  content: '';
  position: absolute;
  left: 3px;
  /* 对齐首行的视觉中线，不用 top: 50% —— 多行条目会掉到中间去 */
  top: calc(var(--pv-body-size) * var(--pv-line) / 2);
  margin-top: -2px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--c-hint);
}
