/* ============================================================
   VPNBQ — help.css
   支持中心(questions.html)专属样式:
   首屏斜向光束、快捷入口卡、问题分类分组节奏、文末提示块
   ============================================================ */

/* ---- 首屏:极淡斜向光束,横向裁切防溢出 ---- */
.help-hero{
  position:relative;
  overflow-x:clip;
  max-width:100%;
}
.help-hero::before{
  content:"";
  position:absolute;
  inset:-30px -8% auto -8%;
  height:300px;
  background:linear-gradient(115deg,transparent 0%,var(--tint-05) 36%,var(--tint-06) 54%,transparent 80%);
  pointer-events:none;
}
.help-hero .badge{margin-bottom:20px}
.help-hero h1{margin-bottom:16px}
.help-hero .lede{margin-bottom:20px}
.help-hero .fact-row{margin-bottom:30px}

/* ---- 快捷入口卡 ---- */
.help-topics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.help-topic{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:18px 18px 16px;
  border-radius:var(--r-lg);
  background:var(--bg-panel);
  box-shadow:0 1px 0 var(--hl-28) inset,0 0 0 1px var(--border),0 14px 28px -24px var(--ink-shadow);
  transition:transform .18s,box-shadow .18s;
}
.help-topic:hover{
  transform:translateY(-2px);
  box-shadow:0 1px 0 var(--hl-28) inset,0 0 0 1px var(--tint-16),0 18px 32px -22px var(--tint-16);
}
.help-topic .t{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14.5px;
  font-weight:500;
  color:var(--text);
}
.help-topic .t svg{
  width:13px;
  height:13px;
  color:var(--text-3);
  flex-shrink:0;
  margin-left:auto;
}
.help-topic .d{
  font-size:12.5px;
  line-height:1.6;
  color:var(--text-3);
}

/* ---- 问题分类分组节奏 ---- */
.help-doc{min-width:0}
.help-cat{
  padding-top:46px;
  padding-bottom:6px;
  min-width:0;
}
.help-cat:first-of-type{padding-top:8px}
.help-cat + .help-cat{
  margin-top:44px;
  border-top:1px solid var(--border);
}
.help-cat-head{
  display:flex;
  align-items:baseline;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:10px;
}
.help-cat-head .idx{
  font:500 11.5px/1 var(--font-mono);
  letter-spacing:.08em;
  color:var(--accent);
  text-transform:uppercase;
}
.help-cat-intro{
  max-width:720px;
  font-size:14.5px;
  line-height:1.8;
  color:var(--text-2);
  margin-bottom:20px;
}

/* ---- 文末提示块 ---- */
.help-more{margin-top:16px}
.callout a{
  color:var(--accent);
  border-bottom:1px solid var(--tint-16);
}
.callout a:hover{border-bottom-color:var(--accent)}

/* ---- 响应式 ---- */
@media (max-width:1024px){
  .help-topics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .help-topics{grid-template-columns:1fr}
  .help-cat{padding-top:34px}
  .help-cat + .help-cat{margin-top:30px}
}