/* privacy 的页面样式（从 templates/privacy.html.html 的内联 <style> 外置而来）
 *
 * ⚠ 为什么要外置：内联 CSS 没法单独缓存 —— 每页访问都要重新下载、
 *   重新解析。一个达人主页原本 72KB，其中 31KB 就是这段。
 *   外置后浏览器缓存它，换页/回头再访都不再下载。
 * ⚠ 改样式请改**这个文件**，改 templates/privacy.html.html 里的内联块无效
 *   （外置脚本已经把那段搬走了）。
 */
  /* ── 宽屏（2026-10-28）────────────────────────────────────────
     隐私页同样**没有左侧说明栏**，不能落进 app.css 的两栏网格：
     那个网格给「登录 / 建主页 / 编辑 / 找回密码」四页设计，内容进
     第 2 列（宽 560px）。隐私页没有侧栏，于是内容被推进右列、
     左半屏整列空着 —— 实测 1440 宽时左边空 714px。
     改成居中的单栏阅读列：不再有半屏空白，正文行宽也更舒服。 */
  @media (min-width: 960px) {
    .app { display: block; max-width: 780px; }
  }

  .pv-wrap { padding: 18px 18px 40px; }
  .pv-lead {
    font-size: 14.5px; line-height: 1.75; color: var(--text-2);
    padding: 16px 18px; margin-bottom: 16px;
    background: var(--accent-soft); border-radius: var(--radius);
  }
  .pv-lead b { color: var(--accent); }
  .pv-h {
    display: flex; align-items: baseline; gap: 8px;
    font-family: var(--serif); font-size: 17px; font-weight: 600;
    margin: 24px 0 10px;
  }
  /* ⚠ 选择器是 :first-child 不是 :first-of-type ——
     .pv-h 现在是 <h2>（2026-10-31 改的语义标签），:first-of-type 会匹配
     「第一个 h2」= 第一个 .pv-h，于是这条把它上面的 24px 间距抹掉了；
     而原来（.pv-h 是 div）:first-of-type 匹配的是 .pv-lead，.pv-h 根本不匹配，
     首个大标题上面**一直**是有 24px 的。改成 :first-child 才保持原样。 */
  .pv-h:first-child { margin-top: 0; }
  .pv-h .n {
    font-family: var(--sans); font-size: 12px; font-weight: 600;
    color: var(--accent); background: var(--accent-soft);
    border-radius: 999px; padding: 2px 9px; flex: none;
    align-self: center;
  }
  .pv-p { font-size: 14px; line-height: 1.78; color: var(--text-2); margin: 0 0 10px; }
  .pv-ul { margin: 0 0 10px; padding-left: 20px; }
  .pv-ul li { font-size: 14px; line-height: 1.78; color: var(--text-2); margin-bottom: 5px; }
  .pv-ul li b { color: var(--text); }
  .pv-sub { font-size: 14.5px; font-weight: 600; color: var(--text); margin: 16px 0 8px; }
  .pv-warn {
    font-size: 13.5px; line-height: 1.7; color: var(--text-2);
    background: var(--surface-2); border-left: 3px solid var(--accent);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    padding: 12px 14px; margin: 10px 0;
  }
  .pv-warn b { color: var(--accent); }
  /* 公开 / 不公开 对照表 */
  .pv-tbl { width: 100%; border-collapse: collapse; margin: 8px 0 4px; }
  .pv-tbl th, .pv-tbl td {
    text-align: left; padding: 10px 8px; font-size: 13px; line-height: 1.6;
    border-bottom: 1px solid var(--border); vertical-align: top;
  }
  .pv-tbl th { font-size: 12px; color: var(--text-3); font-weight: 500; white-space: nowrap; }
  .pv-tbl td:first-child { color: var(--text); }
  .pv-tbl td:last-child { white-space: nowrap; }
  .tag-yes, .tag-no {
    display: inline-block; font-size: 12px; padding: 2px 9px;
    border-radius: 999px; white-space: nowrap;
  }
  .tag-yes { background: var(--accent-soft); color: var(--accent-2); }
  .tag-no { background: var(--surface-2); color: var(--text-3); }
  .pv-foot {
    margin-top: 28px; padding: 22px; text-align: center;
    border-top: 1px solid var(--border);
    color: var(--text-3); font-size: 12.5px; line-height: 1.85;
  }
  .pv-badge {
    display: inline-flex; align-items: center; gap: 6px; margin-bottom: 8px;
    font-size: 12px; color: var(--accent); letter-spacing: .04em;
  }
  .pv-badge svg { width: 13px; height: 13px; }
  .pv-foot a { color: var(--text-2); text-decoration: none; border-bottom: 1px solid var(--border-2); }