/* ============================================================
   法务页（隐私政策 / 服务条款）共用样式
   刻意做成「阅读版」：单栏、窄行宽、细分割线、几乎不用色。
   和 site.html 共用同一套令牌，但去掉了营销页的大字与卡片阴影 ——
   这类页面读不下去，写多少条都没用。
   ============================================================ */
:root{
  --bg:#ffffff; --bg-2:#f6f8fa; --bg-3:#eef1f5;
  --text:#0b1220; --text-2:#4a5866; --text-3:#6b7a8a;
  --border:#e4e9ef; --border-strong:#d3dbe4;
  --accent:#0e9384; --accent-text:#0b7a6e;
  --font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
              "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei",
              system-ui, sans-serif;
  --font-mono:"JetBrains Mono", "Cascadia Code", ui-monospace, SFMono-Regular,
              Consolas, monospace;
  --radius-md:6px; --radius-lg:10px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:var(--font-sans); font-size:14.5px; line-height:1.78;
  -webkit-font-smoothing:antialiased;
}
::selection{background:rgba(14,147,132,.12)}

/* ---------- 顶栏 ---------- */
.top{
  border-bottom:1px solid var(--border);
  background:rgba(255,255,255,.88);
  backdrop-filter:saturate(1.2) blur(8px);
  position:sticky; top:0; z-index:10;
}
.top-in{
  max-width:760px; margin:0 auto; padding:0 24px; height:56px;
  display:flex; align-items:center; gap:14px;
}
.mark{
  width:26px; height:26px; border-radius:8px; background:#0b6357;
  color:#fff; font-size:13px; font-weight:700; line-height:26px;
  text-align:center; letter-spacing:0; flex:none;
}
.brand{font-size:14px; font-weight:600; letter-spacing:.01em}
.brand small{font-weight:400; color:var(--text-3); margin-left:6px; font-size:12px}
.top .sp{flex:1}
.top a.back{
  font-size:13px; color:var(--text-2); text-decoration:none;
  border:1px solid var(--border); border-radius:999px; padding:5px 13px;
  transition:border-color .15s, color .15s;
}
.top a.back:hover{border-color:var(--border-strong); color:var(--text)}

/* ---------- 正文 ---------- */
main{max-width:760px; margin:0 auto; padding:44px 24px 96px}
.kicker{
  font-size:11.5px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--accent-text); font-weight:600; margin-bottom:12px;
}
h1{
  font-size:25px; line-height:1.35; margin:0 0 8px;
  letter-spacing:-.01em; font-weight:700;
}
/* 正式文书不放大口号：原句保留，但降为副题 */
.sub{font-size:14px; color:var(--text-2); margin:0 0 22px; line-height:1.7}

/* 文档信息表：像合同抬头，不像营销页 */
.doc-meta{width:100%; border-collapse:collapse; margin:0 0 24px; font-size:12px;
  border-top:1px solid var(--border-strong); border-bottom:1px solid var(--border-strong)}
.doc-meta th,.doc-meta td{border:0; padding:7px 0; vertical-align:top}
.doc-meta th{width:70px; color:var(--text-3); font-weight:500; font-size:11.5px;
  letter-spacing:.04em; text-transform:none; white-space:nowrap}
.doc-meta td{color:var(--text); width:calc(50% - 70px); padding-right:18px}
.doc-meta code{font-size:11.5px}

/* 目录：宽屏悬浮在左，窄屏折叠成一条 */
.toc{margin:6px 0 8px; padding:12px 0; border-bottom:1px solid var(--border);
  font-size:12px; line-height:1.9; color:var(--text-3)}
.toc b{display:block; font-size:11px; letter-spacing:.1em; color:var(--text-3);
  margin-bottom:4px; font-weight:500}
.toc a{color:var(--text-2); text-decoration:none; margin-right:14px; white-space:nowrap}
.toc a:hover{color:var(--accent-text)}
h2{scroll-margin-top:70px}

/* 阅读计时：底部一条进度，不抢正文 */
.readbar{position:fixed; left:0; right:0; bottom:0; height:3px; background:var(--bg-3); z-index:60}
.readbar i{display:block; height:100%; width:0; background:var(--accent);
  transition:width .35s linear}
.readbar b{position:fixed; right:14px; bottom:10px; font-size:11px; font-weight:500;
  color:var(--text-3); background:var(--bg); padding:3px 8px; border-radius:999px;
  border:1px solid var(--border); font-variant-numeric:tabular-nums}
.readbar.done i{background:var(--border-strong)}
.readbar.done b{color:var(--accent-text); border-color:rgba(14,147,132,.3)}
.lede{color:var(--text-2); font-size:15px; margin:0 0 10px}
.meta{
  font-size:12.5px; color:var(--text-3); padding-top:14px; margin-top:18px;
  border-top:1px solid var(--border);
}
.meta code{font-family:var(--font-mono); font-size:12px}

h2{
  font-size:18px; font-weight:650; letter-spacing:-.005em;
  margin:44px 0 12px; padding-top:22px; border-top:1px solid var(--border);
  display:flex; gap:10px; align-items:baseline;
}
h2 .n{
  font-family:var(--font-mono); font-size:12px; font-weight:500;
  color:var(--accent-text); flex:none; min-width:22px;
}
h3{font-size:15px; font-weight:650; margin:24px 0 8px; color:var(--text)}
p{margin:0 0 14px; color:var(--text-2)}
ul,ol{margin:0 0 14px; padding-left:22px; color:var(--text-2)}
li{margin:0 0 7px}
li::marker{color:var(--text-3)}
b,strong{color:var(--text); font-weight:650}
a{color:var(--accent-text); text-underline-offset:2px}
code{
  font-family:var(--font-mono); font-size:.88em; background:var(--bg-3);
  padding:1px 5px; border-radius:4px; color:var(--text);
}

/* 关键条款：左侧一道细青线，不用底色堆，读起来不打断 */
.note{
  border-left:2px solid var(--accent); background:var(--bg-2);
  padding:14px 18px; margin:18px 0; border-radius:0 var(--radius-md) var(--radius-md) 0;
}
.note p:last-child{margin-bottom:0}

/* 关键事实表：三列表，只有横线 */
table{width:100%; border-collapse:collapse; margin:16px 0 20px; font-size:14px;
      table-layout:fixed}
/* 按列数分 class，不要用 nth-child 一刀切 —— 服务条款里那张表只有两列，
   套上三列的宽度比例会把「可做什么」挤成一长条。 */
.t3 th:nth-child(1),.t3 td:nth-child(1){width:22%}
.t3 th:nth-child(2),.t3 td:nth-child(2){width:48%}
.t3 th:nth-child(3),.t3 td:nth-child(3){width:30%}
.t2 th:nth-child(1),.t2 td:nth-child(1){width:26%}
.t2 th:nth-child(2),.t2 td:nth-child(2){width:74%}
th,td{text-align:left; padding:10px 12px; border-bottom:1px solid var(--border); vertical-align:top}
th{font-weight:600; color:var(--text); font-size:12.5px; letter-spacing:.02em;
   text-transform:uppercase; color:var(--text-3)}
td{color:var(--text-2)}
td:first-child{color:var(--text); font-weight:500; white-space:nowrap}

/* ---------- 页脚 ---------- */
footer{
  border-top:1px solid var(--border); background:var(--bg-2);
}
.foot-in{
  max-width:760px; margin:0 auto; padding:26px 24px;
  display:flex; flex-wrap:wrap; gap:14px; align-items:center;
  font-size:12.5px; color:var(--text-3);
}
.foot-in nav{display:flex; gap:18px; margin-left:auto}
.foot-in nav a{color:var(--text-2); text-decoration:none}
.foot-in nav a:hover{color:var(--accent-text)}
.foot-in nav a[aria-current]{color:var(--text); font-weight:600}

@media (max-width:640px){
  main{padding:32px 20px 72px}
  h1{font-size:21px}
  h2{font-size:16.5px; margin-top:34px}
  td:first-child{white-space:normal}
  .foot-in nav{margin-left:0; width:100%}
}
@media print{
  .top,footer,.readbar,.toc{display:none}
  main{max-width:none; padding:0}
  a{color:inherit; text-decoration:none}
  h2{break-after:avoid}
}