/* VPNEQ — 帮助中心页（zh-CN/faq.html）专属样式 */

/* ---------- 页头 ---------- */
.help-hero{
  position:relative;
  isolation:isolate;
  background:linear-gradient(180deg,var(--hero-top) 0%,var(--hero-bot) 100%);
  border-bottom:1px solid var(--border);
  padding-top:64px;
  padding-bottom:56px;
}
.help-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:var(--grain);
  opacity:.045;
  mix-blend-mode:multiply;
}
.help-hero h1{
  margin-top:14px;
  max-width:22ch;
  font-size:clamp(32px,4.6vw,56px);
  font-weight:900;
  line-height:1.12;
  letter-spacing:-.03em;
}
.help-hero .lead{margin-top:18px;max-width:62ch}

.help-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.help-facts li{
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:32px;
  padding:0 13px;
  border:1px solid var(--border);
  border-radius:var(--r-pill);
  background:var(--bg-panel);
  box-shadow:inset 0 1px 0 var(--paper-line);
  font-size:13px;
  font-weight:600;
  white-space:nowrap;
  max-width:100%;
  overflow:hidden;
}
.help-facts li::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--accent);
  flex-shrink:0;
}

/* ---------- 问答主体 ---------- */
.help-body{padding-top:44px;padding-bottom:0}
.help-intro{font-size:14px;color:var(--text-muted);margin:-4px 0 16px;max-width:72ch}

.faq-cat > h2::before{
  content:"";
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:3px;
  background:var(--accent);
  margin-right:10px;
  vertical-align:middle;
}
.faq-body strong{color:var(--text);font-weight:700}

/* ---------- 底部功能入口 ---------- */
.help-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.help-more-grid > *{min-width:0}
.help-more-grid .card{display:flex;flex-direction:column;gap:10px}
.help-more-grid .card h2{font-size:18px;font-weight:800}
.help-more-grid .card .btn{margin-top:auto;align-self:flex-start}

@media (max-width:768px){
  .help-hero{padding-top:44px;padding-bottom:40px}
  .help-body{padding-top:28px}
  .help-more-grid{grid-template-columns:1fr}
}