/* faq.html · 常见问题手风琴专属样式 */

/* 题头：浅蓝全宽面板 + 居中 + 色块分类 */
.fq-hero{background:var(--blue-50);padding:calc(var(--header-h) + 48px) 0 48px;text-align:center;border-bottom:1px solid var(--blue-100)}
.fq-hero-in{max-width:760px;margin:0 auto}
.fq-breadcrumb{justify-content:center}
.fq-kicker{justify-content:center}
.fq-hero h1{margin:12px 0 12px;font-weight:800}
.fq-hero-sub{color:var(--gray-500);font-size:15px;margin-bottom:26px}
.fq-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.fq-cat{
  padding:10px 26px;border-radius:999px;font-size:14.5px;font-weight:600;color:#fff;
  background:linear-gradient(120deg,var(--blue-500),var(--blue-600));box-shadow:var(--shadow-s);
}
.fq-cat:hover{color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-m)}

/* 手风琴 */
.fq-sec{padding:44px 0 8px;background:var(--white)}
.fq-narrow{max-width:820px}
.fq-sec-title{
  font-size:22px;margin-bottom:20px;padding-left:14px;border-left:4px solid var(--blue-500);
}
.fq-item{
  border:1px solid var(--gray-100);border-radius:var(--radius-m);
  margin-bottom:12px;overflow:hidden;background:var(--white);transition:border-color var(--trans);
}
.fq-item[open]{border-color:var(--blue-200);box-shadow:var(--shadow-s)}
.fq-item summary{
  cursor:pointer;list-style:none;padding:18px 22px;font-size:15.5px;font-weight:600;
  color:var(--gray-800);display:flex;justify-content:space-between;align-items:center;gap:14px;
}
.fq-item summary::-webkit-details-marker{display:none}
.fq-item summary::after{
  content:"+";font-size:20px;font-weight:400;color:var(--blue-500);
  transition:transform var(--trans);flex-shrink:0;
}
.fq-item[open] summary::after{transform:rotate(45deg)}
.fq-item summary:hover{color:var(--blue-700)}
.fq-item p{padding:0 22px 18px;font-size:14.5px;color:var(--gray-600);line-height:1.8}
.fq-item p a{font-weight:600}

/* 行动带 */
.fq-cta{padding:72px 0;margin-top:40px;background:linear-gradient(120deg,var(--blue-600),var(--blue-800))}
.fq-cta-in{text-align:center;color:#fff}
.fq-cta-in h2{color:#fff;margin-bottom:12px}
.fq-cta-in p{color:rgba(255,255,255,.9);margin-bottom:24px}

@media (max-width:600px){
  .fq-cat{padding:8px 18px;font-size:13.5px}
}

/* 按身份找答案 */
.fq-guide{padding:48px 0;background:var(--gray-50)}
.fq-guide h2{font-size:20px;margin-bottom:16px}
.fq-guide p{font-size:15px;color:var(--gray-600);line-height:1.9;margin-bottom:8px}
.fq-guide strong{color:var(--gray-900)}
