/* ============================================================
   faq.css - 站24 常见问题专属样式（vf 前缀 · 单列纵向分类）
   ============================================================ */

/* 顶部 */
.vf-top { text-align:center; padding:58px 0 42px; background:linear-gradient(170deg,var(--vx-50),#fff); }
.vf-h1 { font-size:35px; font-weight:800; color:var(--vn-900); margin:14px 0 15px; }
.vf-lead { font-size:15px; color:var(--vn-600); max-width:680px; margin:0 auto; }

/* 单列纵向区块 */
.vf-blocks { max-width:900px; margin:0 auto; display:flex; flex-direction:column; gap:20px; }
.vf-block { background:#fff; border:1px solid var(--vn-200); border-radius:var(--vxr-lg); overflow:hidden; }
.vf-block-head { display:flex; align-items:center; gap:14px; padding:22px 28px; background:linear-gradient(120deg,var(--vx-50),#fff); border-bottom:1px solid var(--vn-200); }
.vf-ico {
  width:44px; height:44px; flex-shrink:0; display:flex; align-items:center; justify-content:center;
  font-size:21px; background:#fff; border:1px solid var(--vx-200); border-radius:var(--vxr);
}
.vf-block-head h2 { font-size:18px; flex:1; }
.vf-count { font-size:12px; font-weight:700; color:var(--vx-700); background:var(--vx-50); border:1px solid var(--vx-200); padding:4px 12px; border-radius:var(--vxr-pill); white-space:nowrap; }
.vf-list { padding:18px 28px; }
.vf-list details { margin-bottom:10px; }
.vf-list details:last-child { margin-bottom:0; }

/* 深色按钮 */
.vf-btn-on-dark { color:#fff; border-color:rgba(255,255,255,.6); }
.vf-btn-on-dark:hover { color:#fff; border-color:#fff; background:rgba(255,255,255,.1); }

/* 响应式 */
@media (max-width:900px) {
  .vf-h1 { font-size:29px; }
  .vf-block-head { flex-wrap:wrap; }
}
@media (max-width:560px) {
  .vf-h1 { font-size:25px; }
  .vf-list { padding:16px 20px; }
}