/* ============================================================
   VPNYS · help.css — 帮助中心页
   主题:通行清单(Pass List)— 冷彩底策略
   ============================================================ */

/* ---------- 页首 ---------- */
.help-hero{
  padding-top:52px;
  padding-bottom:30px;
  max-width:780px;
}
.help-hero h1{
  margin-top:14px;
  font-size:clamp(34px,4.4vw,52px);
  font-weight:900;
  letter-spacing:-.025em;
  line-height:1.12;
}
.help-hero__desc{
  margin-top:14px;
  font-size:16.5px;
  line-height:1.65;
  color:var(--text-muted);
  max-width:660px;
}
.help-hero__facts{
  display:flex;flex-wrap:wrap;gap:8px;
  margin-top:20px;
}
.help-hero__facts li{
  display:inline-flex;align-items:center;gap:6px;
  height:30px;padding:0 12px;
  background:var(--bg-panel);
  border:1px solid var(--border);
  border-radius:var(--r-pill);
  font:600 12.5px var(--font-mono);
  color:var(--text-muted);
  letter-spacing:.01em;
  white-space:nowrap;
  max-width:100%;
}
.help-hero__facts li svg{flex-shrink:0;color:var(--success)}
.help-hero__facts li b{color:var(--text);font-weight:700}

/* ---------- 分类小节 ---------- */
.help-sec{
  padding-top:48px;
  padding-bottom:8px;
}
.help-sec__head{
  display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;
}
.help-sec__head h2{
  font-size:clamp(24px,3vw,32px);
  font-weight:900;
  letter-spacing:-.02em;
  line-height:1.2;
}
.help-sec__count{
  font:600 12px var(--font-mono);
  letter-spacing:.04em;
  color:var(--text-muted);
}
.help-sec__desc{
  margin-top:10px;
  margin-bottom:16px;
  font-size:15px;
  line-height:1.65;
  color:var(--text-muted);
  max-width:660px;
}
.help-sec .callout{margin-top:20px}

/* ---------- 文末求助卡 ---------- */
.help-end{
  padding-top:64px;
  padding-bottom:8px;
}
.help-end__card{
  display:flex;align-items:center;gap:28px;flex-wrap:wrap;
  padding-top:28px;
  padding-bottom:28px;
  padding-left:32px;
  padding-right:32px;
  background:var(--bg-panel);
  border:1px solid var(--border);
  border-radius:var(--r);
  box-shadow:var(--shadow-card);
}
.help-end__txt{flex:1;min-width:240px}
.help-end__txt b{display:block;font-size:19px;font-weight:800}
.help-end__txt p{
  margin-top:8px;
  font-size:14.5px;
  line-height:1.65;
  color:var(--text-muted);
  max-width:560px;
}
.help-end__links{display:flex;gap:10px;flex-wrap:wrap}

/* ---------- 响应式 ---------- */
@media (max-width:768px){
  .help-hero{
    padding-top:36px;
    padding-bottom:24px;
  }
  .help-sec{
    padding-top:36px;
    padding-bottom:4px;
  }
  .help-end{
    padding-top:44px;
    padding-bottom:4px;
  }
  .help-end__card{
    padding-left:20px;
    padding-right:20px;
  }
}
@media (max-width:640px){
  .help-hero__facts li{
    white-space:normal;
    height:auto;
    min-height:30px;
    padding-top:6px;
    padding-bottom:6px;
  }
}