/* ===========================================================
   说明页样式（pages/ 下的静态说明页）
   —— 复用 common.css 的设计变量，保证与论坛视觉一致
   =========================================================== */

.doc-page{
  max-width:860px;margin:0 auto;padding:34px 24px 72px;
}

/* ---- 顶部条 ---- */
.doc-top{
  display:flex;align-items:center;gap:14px;
  padding-bottom:18px;margin-bottom:26px;
  border-bottom:1px solid var(--line);
}
.doc-back{
  display:inline-flex;align-items:center;gap:6px;
  font-size:13px;color:var(--ink-3);font-weight:600;
  padding:7px 14px;border-radius:var(--r-pill);
  background:var(--card);border:1px solid var(--line);
  transition:.16s;
}
.doc-back:hover{color:var(--brand-ink);border-color:rgba(99,102,241,.3);}
.doc-brand{display:flex;align-items:center;gap:9px;margin-left:auto;}
.doc-brand .brand-mark{width:30px;height:30px;font-size:14px;}
.doc-brand b{font-size:15px;font-weight:800;letter-spacing:-.2px;}

/* ---- 标题区 ---- */
.doc-head{margin-bottom:26px;}
.doc-eyebrow{
  display:inline-flex;align-items:center;gap:6px;
  font-size:11.5px;font-weight:700;letter-spacing:.4px;
  color:var(--brand-ink);background:rgba(99,102,241,.1);
  padding:4px 11px;border-radius:var(--r-pill);
  margin-bottom:12px;
}
.doc-head h1{
  font-size:28px;font-weight:800;letter-spacing:-.7px;
  line-height:1.3;margin:0 0 10px;color:var(--ink);
}
.doc-head p{
  font-size:14px;color:var(--ink-3);line-height:1.8;margin:0;
}

/* ---- 正文区块 ---- */
.doc-sec{
  background:var(--card);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:24px 26px;margin-bottom:16px;
  box-shadow:var(--shadow-sm);
}
.doc-sec h2{
  font-size:16px;font-weight:800;color:var(--ink);
  margin:0 0 14px;letter-spacing:-.2px;
  display:flex;align-items:center;gap:9px;
}
.doc-sec h2::before{
  content:'';width:3px;height:15px;border-radius:2px;
  background:var(--grad-brand);flex-shrink:0;
}
.doc-sec h3{
  font-size:14px;font-weight:700;color:var(--ink-2);
  margin:20px 0 8px;
}
.doc-sec p{font-size:13.5px;color:var(--ink-2);line-height:1.9;margin:0 0 12px;}
.doc-sec p:last-child{margin-bottom:0;}
.doc-sec ul{margin:0 0 12px;padding-left:20px;}
.doc-sec ul:last-child{margin-bottom:0;}
.doc-sec li{
  font-size:13.5px;color:var(--ink-2);line-height:1.9;margin-bottom:6px;
}
.doc-sec li:last-child{margin-bottom:0;}
.doc-sec b{color:var(--ink);font-weight:700;}
.doc-sec code{
  font-family:ui-monospace,Menlo,Consolas,monospace;
  font-size:12.5px;background:var(--card-2);
  border:1px solid var(--line);border-radius:var(--r-xs);
  padding:1px 6px;color:var(--brand-ink);
}

/* ---- 信息表（联系方式等） ---- */
.doc-table{width:100%;border-collapse:collapse;}
.doc-table th,.doc-table td{
  text-align:left;padding:11px 12px;font-size:13px;
  border-bottom:1px solid var(--line);vertical-align:top;
}
.doc-table th{
  width:132px;color:var(--ink-4);font-weight:600;
  white-space:nowrap;
}
.doc-table td{color:var(--ink-2);line-height:1.75;}
.doc-table tr:last-child th,.doc-table tr:last-child td{border-bottom:0;}

/* ---- 提示条 ---- */
.doc-note{
  display:flex;gap:10px;align-items:flex-start;
  padding:13px 16px;border-radius:var(--r-sm);
  background:var(--grad-soft);
  border:1px solid rgba(99,102,241,.16);
  font-size:13px;color:var(--ink-2);line-height:1.8;
}
.doc-note .ico{color:var(--brand);font-weight:700;flex-shrink:0;}
.doc-note.warn{background:rgba(224,138,30,.08);border-color:rgba(224,138,30,.24);}
.doc-note.warn .ico{color:var(--orange);}

/* ---- 目录 ---- */
.doc-toc{
  display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;
}
.doc-toc a{
  font-size:12.5px;color:var(--ink-3);font-weight:600;
  padding:6px 13px;border-radius:var(--r-pill);
  background:var(--card);border:1px solid var(--line);
  transition:.16s;
}
.doc-toc a:hover{color:var(--brand-ink);border-color:rgba(99,102,241,.3);}

/* ---- 底部 ---- */
.doc-foot{
  margin-top:26px;padding-top:20px;
  border-top:1px solid var(--line);
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  font-size:12px;color:var(--ink-5);
}
.doc-foot a{color:var(--ink-3);font-weight:600;}
.doc-foot a:hover{color:var(--brand-ink);}

@media (max-width:600px){
  .doc-page{padding:22px 16px 52px;}
  .doc-head h1{font-size:22px;}
  .doc-sec{padding:20px 18px;}
  .doc-table th{width:auto;}
  .doc-top{gap:10px;}
}