/**
 * P-MIX Studio 网站内说明书：版式对齐 docs/*.html（max-width、目录卡片、分节、表格、kbd、note），
 * 配色与 assets/css/style.css 站点主题一致（暗色底、--panel 卡片、渐变描边、品牌色链接）。
 */
.manual-page{
  padding-bottom:32px;
}
.manual-langbar{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin:16px 0 20px;
  font-size:13px;
}
.manual-langbar a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 12px;
  border-radius:8px;
  text-decoration:none;
  border:1px solid var(--stroke);
  background:var(--panel2);
  color:var(--nav-orange);
  transition:color .2s,border-color .2s,background .2s;
}
.manual-langbar a:hover{
  border-color:var(--nav-orange);
  background:rgba(249,115,22,.1);
  color:#ffa94d;
}
.manual-langbar a.active{
  border-color:var(--nav-orange);
  background:rgba(249,115,22,.2);
  font-weight:600;
  color:#ffa94d;
}

/* 与 docs 说明书相同的文档流，颜色走站点 token */
.manual-doc{
  --manual-radius:10px;
  line-height:1.65;
  font-size:15px;
  padding:8px 0 48px;
  background:var(--bg);
  color:var(--text);
}
.manual-doc .manual-wrap{
  max-width:880px;
  margin:0 auto;
  padding:32px 22px 24px;
}
@media (max-width:600px){
  .manual-doc .manual-wrap{ padding:24px 16px 20px; }
}

.manual-doc header{
  margin-bottom:28px;
  padding-bottom:20px;
  border-bottom:1px solid var(--stroke);
}
.manual-doc h1{
  font-size:1.75rem;
  font-weight:800;
  margin:0 0 8px;
  letter-spacing:-0.02em;
  line-height:1.15;
  background:var(--border-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.manual-doc .meta{
  color:var(--muted);
  font-size:14px;
}

/* 目录块：对应 docs nav.toc，视觉对齐站点 .card */
.manual-doc nav.toc{
  border-radius:var(--manual-radius);
  padding:18px 22px;
  margin-bottom:28px;
  box-shadow:var(--shadow);
  background:var(--panel);
  border:1px solid transparent;
  background-image:
    linear-gradient(var(--panel),var(--panel)),
    var(--border-gradient);
  background-origin:border-box;
  background-clip:padding-box,border-box;
}
.manual-doc nav.toc h2{
  font-size:1rem;
  margin:0 0 12px;
  background:var(--border-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  font-weight:700;
}
.manual-doc nav.toc ol{
  margin:0;
  padding-left:22px;
}
.manual-doc nav.toc li{ margin:6px 0; }
.manual-doc nav.toc a{
  color:var(--brand2);
  text-decoration:none;
  transition:color .15s ease;
}
.manual-doc nav.toc a:hover{
  color:#7dd3fc;
  text-decoration:underline;
}

/* 分节：对应 docs section */
.manual-doc section{
  border-radius:var(--manual-radius);
  padding:22px 24px;
  margin-bottom:18px;
  box-shadow:var(--shadow);
  background:var(--panel);
  border:1px solid transparent;
  background-image:
    linear-gradient(var(--panel),var(--panel)),
    var(--border-gradient);
  background-origin:border-box;
  background-clip:padding-box,border-box;
}
.manual-doc section h2{
  font-size:1.15rem;
  margin:0 0 14px;
  padding-bottom:10px;
  border-bottom:1px solid var(--stroke);
  background:var(--border-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  font-weight:700;
}
.manual-doc section h3{
  font-size:1rem;
  margin:18px 0 8px;
  color:var(--text);
  font-weight:600;
}
.manual-doc section p{ margin:0 0 10px; color:var(--text); }
.manual-doc section ul,
.manual-doc section ol{
  margin:0 0 10px;
  padding-left:22px;
  color:var(--text);
}
.manual-doc section li{ margin:6px 0; }

.manual-doc kbd{
  display:inline-block;
  padding:2px 7px;
  font-size:.85em;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  background:var(--panel2);
  border:1px solid var(--stroke);
  border-radius:4px;
  color:var(--text);
  box-shadow:0 1px 0 rgba(0,0,0,.35);
}
.manual-doc code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:.9em;
  background:rgba(0,0,0,.35);
  border:1px solid var(--stroke);
  padding:2px 6px;
  border-radius:4px;
  color:#e8e8f0;
}

/* 对应 docs .note，改为暗色高亮条 */
.manual-doc .note{
  font-size:14px;
  color:var(--muted);
  border-left:3px solid var(--brand);
  padding:10px 14px;
  margin:12px 0;
  background:rgba(0,136,255,.08);
  border-radius:0 8px 8px 0;
}

.manual-doc table{
  width:100%;
  border-collapse:collapse;
  font-size:14px;
  margin:10px 0;
}
.manual-doc th,
.manual-doc td{
  border:1px solid var(--stroke);
  padding:8px 12px;
  text-align:left;
}
.manual-doc th{
  background:var(--panel2);
  font-weight:600;
  color:var(--text);
}
.manual-doc td{ color:var(--text); }

.manual-doc footer{
  margin-top:32px;
  padding-top:16px;
  border-top:1px solid var(--stroke);
  color:var(--muted);
  font-size:13px;
}
.manual-doc footer a,
.manual-doc section a{
  color:var(--brand2);
  text-decoration:none;
}
.manual-doc footer a:hover,
.manual-doc section a:hover{
  text-decoration:underline;
  color:#7dd3fc;
}