/* ============================================================
   faq.css - 站23 常见问题专属样式（fa 前缀 · 分类 2x2 网格）
   ============================================================ */

.fa-top { text-align:center; padding:56px 0 26px; background:linear-gradient(160deg,#fff,var(--ib-50)); }
.fa-h1 { font-size:35px; font-weight:800; color:var(--sl-900); margin:10px 0 13px; }
.fa-lead { font-size:15px; color:var(--sl-600); }

/* 分类 2x2 网格 */
.fa-blocks { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.fa-block { background:#fff; border:var(--ibline); border-radius:var(--ibr-lg); overflow:hidden; box-shadow:var(--ibsh-sm); transition:box-shadow .18s, transform .18s; }
.fa-block:hover { transform:translateY(-4px); box-shadow:var(--ibsh); }
.fa-block-head { display:flex; align-items:center; gap:14px; padding:22px 24px; background:linear-gradient(135deg,var(--ib-50),#fff); border-bottom:var(--ibline); }
.fa-ico {
  width:46px; height:46px; border-radius:var(--ibr); display:flex; align-items:center; justify-content:center;
  font-size:22px; background:#fff; border:1px solid var(--ib-200); flex-shrink:0;
}
.fa-block-head h2 { font-size:18px; font-weight:800; color:var(--sl-900); flex:1; }
.fa-count { font-size:12px; font-weight:700; color:var(--ib-700); background:var(--ib-100); padding:5px 12px; border-radius:var(--ibr-pill); white-space:nowrap; }

.fa-list { padding:8px 24px 16px; }
.fa-list details { border-bottom:1px solid var(--sl-200); padding:13px 0; }
.fa-list details:last-child { border-bottom:none; }
.fa-list summary { font-size:14px; font-weight:700; color:var(--sl-800); }
.fa-list details[open] summary { color:var(--ib-700); }
.fa-list p { font-size:13px; color:var(--sl-500); margin-top:9px; }

.fa-btn-on-dark { color:#fff; border-color:rgba(255,255,255,.6); }
.fa-btn-on-dark:hover { color:#fff; border-color:#fff; background:rgba(255,255,255,.1); }

@media (max-width:900px) {
  .fa-blocks { grid-template-columns:1fr; }
}
@media (max-width:560px) {
  .fa-h1 { font-size:27px; }
  .fa-block-head { padding:18px 20px; }
  .fa-list { padding:6px 20px 12px; }
}