/* ==========================================================================
   Xinsai 帮助中心样式 · help-v1.css(与 site-v1.css 配套,变量全部沿用)
   --------------------------------------------------------------------------
   铁律 1:改样式必须改文件名(help-v2.css…)。/site/assets/* 走 1y immutable
           缓存,原名覆盖会被旧缓存吃掉。
   铁律 2:本文件只管帮助中心(body.helppage),不得影响营销站其它页。
   铁律 3:凡覆盖 button/按钮类 background,必须同时显式声明 color。
   帮助页无 .reveal 动画——正文必须在脚本挂掉时照样可读(fail-open)。
   ========================================================================== */

/* 阅读栏宽:.wrap 是 1160px 的展示宽度,长正文太宽会串行,这里收到 760 */
.helppage .helpwrap{padding:calc(var(--head-h) + 40px) 0 88px}
.helppage .helpmain{width:min(760px,100%);margin:0 auto}

/* 面包屑 */
.helppage .crumbs{font-size:.86rem;color:var(--tx-3);margin-bottom:18px}
.helppage .crumbs a{color:var(--tx-2);transition:color .2s}
.helppage .crumbs a:hover{color:var(--cyn)}

/* 标题与导语 */
.helppage h1{
  font-size:clamp(1.72rem,4.2vw,2.5rem);
  line-height:1.32;
  letter-spacing:-.01em;
  font-weight:800;
  margin-bottom:16px;
}
.helppage .lede{font-size:1.06rem;color:var(--tx-2);line-height:1.8;margin-bottom:34px}

/* 本页目录 */
.helptoc{
  background:var(--glass);
  border:1px solid var(--line);
  border-radius:var(--r);
  padding:20px 24px;
  margin-bottom:40px;
}
.helptoc .toclabel{
  font-family:var(--serif);
  font-size:.78rem;
  letter-spacing:.24em;
  color:var(--tx-3);
  margin-bottom:12px;
}
.helptoc ul{display:flex;flex-direction:column;gap:9px}
.helptoc a{
  font-size:.94rem;
  color:var(--tx-2);
  border-left:2px solid transparent;
  padding-left:12px;
  display:block;
  transition:color .2s,border-color .2s;
}
.helptoc a:hover{color:var(--tx);border-left-color:var(--vio)}

/* ── 正文排版 ───────────────────────────────────────────────────────── */
.helpbody{font-size:1.02rem;line-height:1.9;color:var(--tx-2)}
.helpbody > * + *{margin-top:20px}

.helpbody h2{
  font-size:1.32rem;
  font-weight:800;
  color:var(--tx);
  line-height:1.45;
  margin-top:52px;
  padding-top:4px;
  scroll-margin-top:calc(var(--head-h) + 20px);   /* 锚点跳转别被吸顶头挡住 */
}
.helpbody h2::before{
  content:"";
  display:block;
  width:34px;
  height:3px;
  border-radius:2px;
  background:var(--grad);
  margin-bottom:16px;
}
.helpbody h3{
  font-size:1.06rem;
  font-weight:700;
  color:var(--tx);
  margin-top:34px;
  scroll-margin-top:calc(var(--head-h) + 20px);
}
.helpbody strong{color:var(--tx);font-weight:700}
.helpbody a{color:var(--vio);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .2s}
.helpbody a:hover{color:var(--cyn)}

.helpbody ul,.helpbody ol{padding-left:2px;display:flex;flex-direction:column;gap:11px}
.helpbody li{position:relative;padding-left:22px}
.helpbody ul > li::before{
  content:"";
  position:absolute;
  left:4px;top:.78em;
  width:6px;height:6px;
  border-radius:50%;
  background:var(--vio);
}
.helpbody ol{counter-reset:hl}
.helpbody ol > li{counter-increment:hl}
.helpbody ol > li::before{
  content:counter(hl);
  position:absolute;
  left:0;top:.1em;
  font-size:.78rem;
  font-weight:800;
  color:var(--cyn);
  font-variant-numeric:tabular-nums;
}

.helpbody code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.88em;
  background:var(--glass-2);
  border:1px solid var(--line);
  border-radius:6px;
  padding:1px 6px;
  color:var(--tx);
}
.helpbody pre{
  background:var(--bg-soft);
  border:1px solid var(--line);
  border-radius:12px;
  padding:16px 18px;
  overflow-x:auto;
}
.helpbody pre code{background:none;border:0;padding:0;font-size:.86rem;line-height:1.7}

.helpbody blockquote{
  border-left:3px solid var(--vio);
  background:var(--glass);
  border-radius:0 12px 12px 0;
  padding:14px 18px;
  color:var(--tx-2);
}
.helpbody hr{border:0;height:1px;background:var(--line);margin-top:44px}

/* 表格:窄屏必须自己横滚,不能把页面撑出横向滚动条 */
.helpbody .tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;-webkit-overflow-scrolling:touch}
.helpbody table{border-collapse:collapse;width:100%;min-width:440px;font-size:.94rem}
.helpbody th,.helpbody td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}
.helpbody th{background:var(--glass-2);color:var(--tx);font-weight:700;white-space:nowrap}
.helpbody tbody tr:last-child td{border-bottom:0}
.helpbody td{color:var(--tx-2);vertical-align:top}

/* ── 索引页:分类 + 文章卡 ─────────────────────────────────────────── */
.helpcat{margin-top:52px}
.helpcat h2{
  font-size:1.02rem;
  font-weight:800;
  color:var(--tx);
  letter-spacing:.02em;
  margin-bottom:18px;
  padding-bottom:12px;
  border-bottom:1px solid var(--line);
  scroll-margin-top:calc(var(--head-h) + 20px);
}
.helplist{display:flex;flex-direction:column;gap:10px}
.helplist a{
  display:block;
  background:var(--glass);
  border:1px solid var(--line);
  border-radius:14px;
  padding:16px 20px;
  transition:transform .22s,border-color .22s,background .22s;
}
.helplist a:hover{transform:translateY(-2px);border-color:rgba(167,139,250,.45);background:var(--glass-2)}
.helplist strong{display:block;color:var(--tx);font-size:1rem;font-weight:700;margin-bottom:5px}
.helplist span{display:block;color:var(--tx-3);font-size:.9rem;line-height:1.65}

/* ── 上一篇 / 下一篇 ───────────────────────────────────────────────── */
.pagerrow{display:flex;gap:12px;flex-wrap:wrap;margin-top:56px}
.pager{
  flex:1 1 240px;
  background:var(--glass);
  border:1px solid var(--line);
  border-radius:14px;
  padding:14px 18px;
  color:var(--tx);
  font-weight:600;
  font-size:.96rem;
  line-height:1.5;
  transition:transform .22s,border-color .22s;
}
.pager:hover{transform:translateY(-2px);border-color:rgba(167,139,250,.45)}
.pager span{display:block;font-size:.76rem;letter-spacing:.16em;color:var(--tx-3);font-weight:500;margin-bottom:5px}
.pager.next{text-align:right}

/* 求助行 */
.helpask{
  margin-top:34px;
  padding-top:24px;
  border-top:1px solid var(--line);
  font-size:.92rem;
  color:var(--tx-3);
}
.helpask a{color:var(--vio);text-decoration:underline;text-underline-offset:3px}
.helpask a:hover{color:var(--cyn)}

@media (max-width:640px){
  .helppage .helpwrap{padding:calc(var(--head-h) + 24px) 0 64px}
  .helpbody h2{margin-top:40px}
  .helptoc{padding:16px 18px;margin-bottom:32px}
  .pager.next{text-align:left}
}