/* 开放 API 文档站 —— 与官网共用 ../style.css 的设计变量 */
body.doc{background:#fff;color:var(--text);margin:0}
.doc-wrap{display:flex;max-width:1360px;margin:0 auto}
.doc-side{width:250px;flex:0 0 250px;position:sticky;top:0;height:100vh;overflow-y:auto;
  border-right:1px solid var(--border);padding:22px 0 60px;background:#fbfcfe}
.doc-side .brand{display:flex;align-items:center;gap:9px;padding:0 20px 16px;
  font-weight:800;color:var(--ink);font-size:15px;text-decoration:none}
.doc-side .brand svg{width:22px;height:22px;flex:0 0 22px}
.doc-side .grp{padding:14px 20px 6px;font-size:11px;letter-spacing:.08em;color:var(--muted);
  font-weight:700}
.doc-side a.item{display:block;padding:7px 20px;color:var(--text);text-decoration:none;
  font-size:13.5px;border-left:2px solid transparent;line-height:1.5}
.doc-side a.item:hover{color:var(--primary);background:var(--primary-soft)}
.doc-side a.item.on{color:var(--primary);border-left-color:var(--primary);
  background:var(--primary-soft);font-weight:600}
.doc-side .back{display:block;padding:10px 20px 0;font-size:12.5px;color:var(--muted);text-decoration:none}
.doc-side .back:hover{color:var(--primary)}
.doc-main{flex:1;min-width:0;padding:34px 44px 80px}
.doc-main h1{font-size:29px;color:var(--ink);margin:0 0 12px;letter-spacing:-.02em}
.doc-main h2{font-size:20px;color:var(--ink);margin:38px 0 10px;letter-spacing:-.01em}
.doc-main h3{font-size:15.5px;color:var(--ink);margin:24px 0 8px}
.doc-main p{line-height:1.85;margin:10px 0}
.doc-main ul,.doc-main ol{line-height:1.85;padding-left:22px}
.lead{font-size:15px}
code{background:#f2f5fa;border:1px solid var(--border);border-radius:5px;padding:1px 5px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;color:#1e3a6b}
pre{background:#0f1b33;color:#dce6f7;border-radius:12px;padding:16px 18px;overflow-x:auto;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;
  line-height:1.7;margin:12px 0;position:relative}
pre code{background:none;border:0;color:inherit;padding:0;font-size:inherit}
.copy{position:absolute;top:9px;right:9px;background:rgba(255,255,255,.1);color:#cfe0ff;
  border:1px solid rgba(255,255,255,.18);border-radius:7px;font-size:11px;padding:3px 9px;cursor:pointer}
.copy:hover{background:rgba(255,255,255,.2)}
/* 🔴 表格必须**自己**横向滚动, 不能把整页撑出横向滚动条。
   2026-09-04 实测: 窄屏下容器 375px 而表格 595px —— `th` 与 `td code` 都是 nowrap,
   表格压不下去, 于是整页出现横向滚动, 正文也跟着左右晃。
   解法是外面套一层 .tw 负责滚动; 表格本身保持 table 语义(不要改成 display:block,
   那会让 border-collapse 和列宽计算一起失效)。 */
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:12px 0;max-width:100%}
.tw table{margin:0}
table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13.5px}
th,td{border:1px solid var(--border);padding:8px 11px;text-align:left;vertical-align:top}
th{background:#f7f9fd;color:var(--ink);font-weight:600;white-space:nowrap}
td code{white-space:nowrap}
.ep{display:flex;align-items:center;gap:10px;background:#f7f9fd;border:1px solid var(--border);
  border-radius:10px;padding:10px 14px;margin:16px 0 6px;
  font-family:ui-monospace,Menlo,monospace;font-size:13.5px}
.m{font-weight:700;border-radius:6px;padding:2px 9px;font-size:11.5px;color:#fff;letter-spacing:.04em}
.m.get{background:#1f9d55}.m.post{background:#2f6bff}.m.delete{background:#d64545}
.ep .path{color:var(--ink);font-weight:600;word-break:break-all}
.note,.warn{border-radius:10px;padding:12px 15px;margin:14px 0;font-size:13.5px;line-height:1.8}
.note{background:var(--primary-soft);border:1px solid #cfe0ff;color:#1c3f8f}
.warn{background:#fff6e8;border:1px solid #ffdca8;color:#8a5a00}
.pager{display:flex;justify-content:space-between;gap:14px;margin-top:54px;
  padding-top:20px;border-top:1px solid var(--border)}
.pager a{flex:1;max-width:48%;text-decoration:none;border:1px solid var(--border);
  border-radius:12px;padding:12px 16px;color:var(--ink);background:#fff}
.pager a:hover{border-color:var(--primary);background:var(--primary-soft)}
.pager .k{display:block;font-size:11.5px;color:var(--muted);margin-bottom:3px}
.pager .t{font-size:14px;font-weight:600}
.pager .next{text-align:right}
.tocbar{display:none}
@media(max-width:980px){
  .doc-side{display:none}
  .doc-main{padding:20px 18px 70px}
  .tocbar{display:block;padding:12px 18px;border-bottom:1px solid var(--border);background:#fbfcfe}
  .tocbar select{width:100%;padding:9px 10px;border:1px solid var(--border-2);border-radius:9px;font-size:14px}
  .pager a{max-width:none}
}
