/* ============================================
   Sidemate Wiki 共用样式
   配色与主页一致（深蓝 + 暖橙）
   ============================================ */

:root {
  --navy: #1A2B42;
  --navy-light: #1E3A5F;
  --navy-soft: #2A4768;
  --terra: #C17A3A;
  --terra-light: #D89456;
  --bg: #FAFBFC;
  --bg-card: #FFFFFF;
  --text: #1A2B42;
  --text-muted: #6B7A8F;
  --border: #E8ECF1;
  --code-bg: #F4F6F9;
  --sidebar-w: 240px;
}

* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
               "Microsoft YaHei", "Helvetica Neue", sans-serif;
  color: var(--text);
  background: var(--bg);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

/* ====== 顶栏（与主页一致） ====== */
.wiki-top {
  background:#fff; border-bottom:1px solid var(--border);
  position:sticky; top:0; z-index:100;
}
.wiki-top .container { display:flex; justify-content:space-between; align-items:center; padding:14px 24px; }
.wiki-brand { display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--text); }
.wiki-brand img { width:32px; height:32px; border-radius:8px; }
.wiki-brand-text { font-size:17px; font-weight:700; }
.wiki-brand-text small { font-weight:400; color:var(--text-muted); font-size:12px; margin-left:4px; }
.wiki-top-nav { display:flex; align-items:center; gap:18px; }
.wiki-top-nav a { color:var(--text-muted); text-decoration:none; font-size:14px; }
.wiki-top-nav a:hover { color:var(--terra); }
.wiki-top-nav a.active { color:var(--navy); font-weight:600; }
.wiki-top-nav .back-home {
  padding:6px 12px; border:1px solid var(--border); border-radius:8px;
  font-size:13px; color:var(--text-muted);
}
.wiki-top-nav .back-home:hover { border-color:var(--terra); color:var(--terra); }

/* ====== 布局：侧边栏 + 正文 ====== */
.wiki-layout { display:flex; max-width:1180px; margin:0 auto; padding:32px 24px 80px; gap:40px; }

/* 侧边栏（电脑端 sticky） */
.wiki-sidebar {
  width:var(--sidebar-w); flex-shrink:0;
  position:sticky; top:80px; align-self:flex-start;
  max-height:calc(100vh - 100px); overflow-y:auto;
}
.wiki-side-group { margin-bottom:20px; }
.wiki-side-title {
  font-size:12px; font-weight:700; color:var(--text-muted);
  text-transform:uppercase; letter-spacing:1px;
  padding:0 12px 8px;
}
.wiki-side-link {
  display:block; padding:8px 12px; border-radius:8px;
  text-decoration:none; color:var(--text); font-size:14px;
  transition: all .15s;
}
.wiki-side-link:hover { background:rgba(26,43,66,0.04); color:var(--navy); }
.wiki-side-link.active {
  background:rgba(193,122,58,0.12); color:var(--terra); font-weight:600;
}

/* 正文 */
.wiki-content { flex:1; min-width:0; max-width:760px; }
.wiki-content h1 {
  font-size:36px; font-weight:800; line-height:1.25;
  margin-bottom:8px; letter-spacing:-0.5px;
}
.wiki-content .lead {
  font-size:17px; color:var(--text-muted); margin-bottom:36px; padding-bottom:24px;
  border-bottom:1px solid var(--border);
}
.wiki-content h2 {
  font-size:26px; font-weight:700; margin:48px 0 16px;
  padding-top:8px; scroll-margin-top:80px;
}
.wiki-content h2::before {
  content:''; display:block; width:36px; height:3px;
  background:var(--terra); border-radius:2px; margin-bottom:12px;
}
.wiki-content h3 {
  font-size:19px; font-weight:600; margin:32px 0 12px; color:var(--navy);
  scroll-margin-top:80px;
}
.wiki-content p { margin:14px 0; color:var(--text); font-size:15.5px; }
.wiki-content ul, .wiki-content ol { margin:14px 0 14px 22px; }
.wiki-content li { margin:6px 0; font-size:15.5px; }
.wiki-content code {
  background:var(--code-bg); padding:2px 7px; border-radius:4px;
  font-size:14px; font-family: "SF Mono", Menlo, Consolas, monospace;
}
.wiki-content pre {
  background:var(--code-bg); border:1px solid var(--border); border-radius:10px;
  padding:16px 20px; overflow-x:auto; margin:16px 0; font-size:14px;
  line-height:1.6;
}
.wiki-content blockquote {
  border-left:3px solid var(--terra); padding:8px 16px; margin:16px 0;
  background:rgba(193,122,58,0.05); border-radius:0 8px 8px 0;
  color:var(--text);
}
.wiki-content .callout {
  border:1px solid var(--border); border-radius:10px; padding:16px 20px;
  margin:20px 0; background:var(--bg-card);
}
.wiki-content .callout.tip { border-left:3px solid #52C450; }
.wiki-content .callout.warn { border-left:3px solid #D89456; }
.wiki-content .callout strong { color:var(--navy); }
.wiki-content table {
  width:100%; border-collapse:collapse; margin:20px 0;
  background:var(--bg-card); border:1px solid var(--border); border-radius:10px;
  overflow:hidden; font-size:14.5px;
}
.wiki-content th, .wiki-content td {
  padding:10px 14px; text-align:left; border-bottom:1px solid var(--border);
}
.wiki-content th {
  background:rgba(26,43,66,0.04); font-weight:600; color:var(--navy);
}
.wiki-content tr:last-child td { border-bottom:none; }

/* 步骤编号列表 */
.wiki-content ol.steps { list-style:none; counter-reset:step; margin-left:0; }
.wiki-content ol.steps li {
  counter-increment:step; position:relative; padding:6px 0 6px 44px;
}
.wiki-content ol.steps li::before {
  content:counter(step); position:absolute; left:0; top:6px;
  width:30px; height:30px; border-radius:50%; background:var(--terra);
  color:#fff; font-weight:700; display:flex; align-items:center; justify-content:center;
  font-size:14px;
}

/* 移动端：侧边栏变成顶抽屉 */
.wiki-menu-btn {
  display:none; position:fixed; top:14px; left:14px; z-index:200;
  width:42px; height:42px; border-radius:10px; background:#fff;
  border:1px solid var(--border); cursor:pointer;
  align-items:center; justify-content:center; font-size:20px;
  box-shadow:0 2px 8px rgba(0,0,0,0.08);
}
@media (max-width:900px){
  .wiki-layout { flex-direction:column; padding:20px 18px 60px; }
  .wiki-sidebar {
    position:fixed; top:0; left:-100%; width:280px; height:100vh;
    background:#fff; z-index:300; padding:70px 18px 24px;
    transition:left .25s; max-height:none; overflow-y:auto;
    box-shadow: 0 0 30px rgba(0,0,0,0.15);
  }
  .wiki-sidebar.open { left:0; }
  .wiki-menu-btn { display:flex; }
  .wiki-overlay {
    display:none; position:fixed; inset:0; background:rgba(0,0,0,0.4);
    z-index:250;
  }
  .wiki-overlay.show { display:block; }
  .wiki-content h1 { font-size:28px; }
  .wiki-content h2 { font-size:22px; }
}

/* 顶导在 mobile 时也压一下 */
@media (max-width:600px){
  .wiki-top-nav { gap:10px; }
  .wiki-top-nav a { font-size:13px; }
  .wiki-brand-text { font-size:15px; }
}

/* 语言切换器（与主页一致） */
.lang-switch {
  display:inline-flex; align-items:center; gap:4px;
  padding:3px; background:#fff;
  border:1.5px solid var(--border); border-radius:8px;
}
.lang-btn {
  background:transparent; color:var(--text-muted);
  border:none; padding:4px 10px; border-radius:5px;
  font-size:13px; font-weight:600; cursor:pointer; font-family:inherit;
  transition:all .15s;
}
.lang-btn:hover { color:var(--terra); }
.lang-btn.active { background:var(--terra); color:#fff; }
.wiki-lang-wrap { position:fixed; top:14px; right:18px; z-index:310; }

/* 命名工具类（与主页对齐） */
.text-muted-sm { color:var(--text-muted); font-size:13.5px; }
.text-note { color:var(--text-muted); font-size:12px; opacity:.75; }
.legal-disclaimer { max-width:1080px; margin:30px auto 0; padding:20px 24px; font-size:12px; color:var(--text-muted); line-height:1.7; border-top:1px solid var(--border); }
.legal-disclaimer-wiki { max-width:760px; margin:48px auto 24px; padding:24px 28px; font-size:12.5px; color:var(--text-muted); line-height:1.75; border-top:1px solid var(--border); background:#fafafa; border-radius:6px; }
.legal-disclaimer-wiki p { margin:0 0 10px; }
.legal-disclaimer-wiki p:last-child { margin-bottom:0; }