/* =========================================================================
   VPNWu — help.css
   帮助中心页专属:快速入口、分类区块、支持面板
   ========================================================================= */

/* ------------------------------------------------------------- 快速入口 */
.help-quick{
  display:flex;flex-wrap:wrap;gap:10px;
  margin-top:24px;
}
.help-quick a{
  display:inline-flex;align-items:center;gap:8px;
  min-height:44px;padding:8px 16px;
  background:var(--bg-panel);
  border:1px solid var(--border);
  border-radius:var(--r-pill);
  font-size:14.5px;font-weight:600;color:var(--ink);
  box-shadow:var(--shadow-card);
  transition:border-color .16s ease,background-color .16s ease,color .16s ease;
}
.help-quick a:hover{
  border-color:var(--accent-wash-2);
  background:var(--accent-wash);
  color:var(--accent-dark);
}
.help-quick svg{
  width:15px;height:15px;flex:none;
  stroke:currentColor;fill:none;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
  opacity:.72;
}

/* --------------------------------------------------------- 问答主体容器 */
.help-body{position:relative;min-width:0;margin-top:26px}

.help-section{margin-top:38px;min-width:0}
.help-section:first-of-type{margin-top:22px}

.help-cat-no{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--font-mono);font-size:12px;font-weight:600;
  letter-spacing:.16em;line-height:1.4;
  color:var(--accent-dark);
}
.help-cat-no::after{
  content:"";width:30px;height:1px;flex:none;
  background:var(--border-strong);
}
.help-section .section-title{margin-top:8px}

.help-cat-lede{
  margin-top:8px;max-width:680px;
  font-size:15px;line-height:1.72;color:var(--muted);
}
.help-section .faq{margin-top:18px}

/* ------------------------------------------------------------- 支持面板 */
.help-support{margin-top:46px}
.help-support-panel{position:relative;overflow:hidden}
.help-support-panel .section-title{margin-top:0}
.help-support-panel .section-lede{max-width:620px}

.help-support-list{
  display:grid;gap:10px;
  margin-top:18px;max-width:680px;
  font-size:15px;line-height:1.72;color:var(--muted);
}
.help-support-list li{display:flex;align-items:flex-start;gap:9px;min-width:0}
.help-support-list .tick{margin-top:5px}

.help-support-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.help-support-note{
  margin-top:16px;max-width:640px;
  font-size:13.5px;line-height:1.7;color:var(--muted);
}

.help-deco{
  position:absolute;right:16px;top:16px;
  width:190px;height:120px;
  pointer-events:none;opacity:.55;
}
.help-deco path{
  fill:none;stroke:var(--border-strong);
  stroke-width:1.1;stroke-dasharray:3 7;stroke-linecap:round;
}

/* ------------------------------------------------------------- 响应式 */
@media (max-width:980px){
  .help-deco{display:none}
}

@media (max-width:640px){
  .help-quick{gap:8px;margin-top:20px}
  .help-quick a{font-size:13.5px;padding:8px 13px;min-height:42px}
  .help-section{margin-top:30px}
  .help-section:first-of-type{margin-top:18px}
  .help-support{margin-top:34px}
  .help-support-panel{padding:20px 18px}
  .help-support-actions .btn{width:100%}
}