/* ==========================================================================
   VPNNK — help.css
   帮助中心页专属样式:页顶介绍区节奏、分类块间距、工单引导卡。
   设计值全部引用 base.css 的 :root 令牌,不新增硬编码颜色。
   ========================================================================== */

.help-top { padding-bottom: 0; }
.help-top h1 { margin-top: 14px; }
.help-top .lede { margin-top: 12px; max-width: 64ch; }
.help-top .fact-row { margin-top: 20px; }

.help-body { padding-top: 40px; }

.article-body { min-width: 0; }

/* ---- 分类块 ---- */
.faq-cat + .faq-cat { margin-top: 60px; }
.faq-cat .sec-intro { margin-top: -16px; margin-bottom: 18px; }
.faq-cat .faq { margin-top: 4px; }

/* ---- 工单引导卡 ---- */
.help-ask {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  background: var(--bg-panel);
  border: 1px solid var(--border);
  border-radius: var(--radius-m);
  padding: 20px 22px;
  box-shadow: var(--shadow-soft);
  min-width: 0;
}
.help-ask-copy { flex: 1 1 320px; min-width: 0; }
.help-ask b {
  display: block;
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -.015em;
}
.help-ask p { margin-top: 4px; font-size: 14px; color: var(--text-muted); }
.help-ask .btn { flex-shrink: 0; white-space: nowrap; }

.help-cta { margin-top: 28px; }

/* ---- 响应式 ---- */
@media (max-width: 768px) {
  .help-body { padding-top: 28px; }
  .faq-cat + .faq-cat { margin-top: 44px; }
  .help-ask { padding: 18px; }
  .help-cta { margin-top: 22px; }
}

@media (max-width: 640px) {
  .help-ask .btn { width: 100%; }
}