/* ============================================================
   拼豆鸭 · 独立页面公共样式（用户协议 / 隐私政策 / 关于我们）
   页面私有布局样式放在各自 <style> 中，这里只保留共用部分
   ============================================================ */

:root{
  --primary:#b45f4c;
  --primary-dark:#a25341;
  --soft:#fdf3e7;
  --soft-deep:#fce4d6;
  --ink-900:#3f3229;
  --ink-700:#5e4b3c;
  --ink-500:#8a6f5c;
  --ink-400:#a08b7c;
  --bg:#fefaf5;
  --surface:#fffdf9;
  --surface-alt:#f5f0eb;
  --border:#eddcd2;
  --border-strong:#d8c3b2;
  --radius:12px;
  --radius-lg:16px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--font);
  font-size:16px;
  line-height:1.9;
  color:var(--ink-700);
  background:
    radial-gradient(1200px 600px at 8% -12%,#fdf3e7 0%,transparent 58%),
    radial-gradient(900px 520px at 102% -4%,#f5f0eb 0%,transparent 55%),
    var(--bg);
  -webkit-font-smoothing:antialiased;
}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
img{border:0}

/* 顶部栏（site-header / header-inner / brand / site-logo / site-nav）与首页共用
   /site-header.css，本文件不再重复定义，只保留协议文档自身的布局与排版。 */

/* —— 两栏布局与目录 —— */
.page{max-width:1120px;margin:0 auto;padding:28px 24px 72px;display:grid;grid-template-columns:218px minmax(0,1fr);gap:52px;align-items:start}
.toc{position:sticky;top:92px;font-size:13.5px;line-height:1.55}
.toc-title{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--ink-400);text-transform:uppercase}
.toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--border)}
.toc a{display:block;padding:6px 0 6px 14px;margin-left:-1px;color:var(--ink-500);border-left:2px solid transparent}
.toc a:hover{color:var(--primary);border-left-color:var(--border-strong);text-decoration:none}
.doc{max-width:760px;min-width:0}

/* —— 文档标题区 ——
   顶部栏已展示 logo + 站名，正文不再重复放 .doc-brand，避免标题上方多出一整行留白。 */
.eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--primary);background:var(--soft);padding:4px 10px;border-radius:999px}
h1{margin:10px 0 14px;font-size:clamp(26px,4vw,36px);line-height:1.3;color:var(--ink-900);letter-spacing:-.01em}
.meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.chip{font-size:12.5px;padding:3px 11px;border-radius:999px;color:var(--ink-500);background:var(--surface);border:1px solid var(--border)}
.lead{font-size:16.5px;margin:0 0 18px}

/* —— 正文排版 —— */
h2{margin:46px 0 14px;padding-top:18px;border-top:1px solid var(--border);font-size:20px;line-height:1.5;color:var(--ink-900);scroll-margin-top:84px}
h3{margin:24px 0 8px;font-size:16px;color:var(--ink-700);font-weight:650}
p{margin:0 0 12px}
ul,ol{margin:0 0 14px;padding-left:1.4em}
li{margin:5px 0}
strong{color:var(--ink-900)}
code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em;background:var(--surface-alt);padding:1px 5px;border-radius:4px}

/* —— 提示块与占位 —— */
.callout{margin:24px 0;padding:15px 18px;border:1px solid var(--soft-deep);border-radius:var(--radius);background:var(--soft);font-size:14.5px;line-height:1.8}
.callout p:last-child{margin-bottom:0}
.callout strong{color:var(--primary-dark)}
.todo{display:inline-block;padding:0 .32em;border-bottom:1px dashed var(--primary);border-radius:4px;background:var(--soft);color:var(--primary-dark);font-size:.94em;white-space:nowrap}

/* —— 表格 —— */
.table-wrap{margin:14px 0 18px;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px;line-height:1.7}
th,td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--surface-alt)}
th{background:var(--surface-alt);color:var(--ink-700);font-weight:600;white-space:nowrap}
tr:last-child td{border-bottom:0}

/* —— 联系信息卡 —— */
.contact-card{margin:20px 0 0;padding:18px 20px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}
.contact-card p:last-child{margin-bottom:0}

/* —— 页脚 —— */
.footer{max-width:1120px;margin:0 auto;padding:26px 24px 42px;border-top:1px solid var(--border);color:var(--ink-400);font-size:13px;display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between}
.footer-brand{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.footer-brand img{width:20px;height:20px;border-radius:6px;background:#fff;object-fit:contain}
.footer-icp{color:var(--ink-400);white-space:nowrap}
.footer-icp:empty{display:none}
.footer-links{display:flex;flex-wrap:wrap;gap:18px}
.footer a{color:var(--ink-500)}

/* —— 响应式 —— */
@media (max-width:980px){
  .page{grid-template-columns:1fr;gap:22px;padding-top:28px}
  .toc{position:static;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}
  .toc ol{border-left:0;display:flex;flex-wrap:wrap;gap:6px}
  .toc a{margin:0;padding:2px 11px;border-left:0;border-radius:999px;background:var(--surface-alt);font-size:13px}
  .toc a:hover{border-left:0;background:var(--soft)}
}
@media (max-width:640px){
  .page{padding:22px 16px 56px}
  .footer{padding:22px 16px 36px}
}

/* —— 打印 —— */
@media print{
  body{background:#fff}
  .site-header,.toc,.footer{display:none}
  .page{display:block;max-width:none;padding:0}
  .doc{max-width:none}
  h2{break-after:avoid}
  a{color:inherit}
}