/* ==========================================================================
   VPNQF · help.css
   支持页专属:分类阅读列、分类头、工单清单与操作行。
   ========================================================================== */

.help-shell{position:relative;}

.help-main{
  width:100%;
  max-width:920px;
  margin-inline:auto;
  padding-block:clamp(26px,3.4vw,44px) var(--sec-y);
}

.help-cat{
  padding-block:clamp(24px,3vw,38px);
  border-top:1px dashed var(--border);
}
.help-cat:first-child{border-top:0;padding-top:0;}

.help-cat-head{min-width:0;}
.help-cat .section-title{margin-bottom:10px;}
.help-cat-lead{
  margin:0 0 20px;
  max-width:68ch;
  font-size:15px;
  line-height:1.78;
  color:var(--text-muted);
}

.page-head .chip-row{margin-top:20px;}
.page-head .help-actions{margin-top:22px;}

.help-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
}
.help-actions .btn{flex-shrink:0;white-space:nowrap;}

.ticket-list{
  display:grid;
  gap:10px;
  margin:0 0 var(--space-5);
  padding:0;
  list-style:none;
}
.ticket-list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-size:14.5px;
  line-height:1.7;
  color:var(--text-muted);
}
.ticket-list li::before{
  content:"";
  flex:none;
  width:6px;
  height:6px;
  margin-top:9px;
  border-radius:50%;
  background:var(--accent);
}
.ticket-list strong{color:var(--text);font-weight:700;}

@media (max-width:640px){
  .help-main{padding-block:24px var(--sec-y);}
  .help-cat{padding-block:26px;}
  .help-cat:first-child{padding-top:0;}
}