/* ===== 常见问题 FAQ 专属样式（配合 about.css 骨架使用） ===== */

/* FAQ 列表 */
.faq-list{display:flex;flex-direction:column;gap:16px}

/* 单个问答卡片 */
.faq-item{
  background:var(--bg-soft);
  border:1px solid var(--border-soft);
  border-radius:14px;
  padding:24px 26px;
  transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
.faq-item:hover{
  border-color:rgba(15,196,104,.35);
  box-shadow:var(--shadow-md);
  transform:translateY(-2px);
}

/* 问题标题 */
.faq-item h3{
  display:flex;
  align-items:flex-start;
  gap:12px;
  font-size:16px;
  font-weight:700;
  color:var(--ink);
  line-height:1.6;
  margin-bottom:12px;
  letter-spacing:-.2px;
}
.faq-item h3::before{
  content:'Q';
  flex:none;
  width:26px;height:26px;
  border-radius:8px;
  background:linear-gradient(135deg,var(--brand),var(--brand-light));
  color:#fff;
  font-size:14px;
  font-weight:700;
  display:flex;align-items:center;justify-content:center;
  margin-top:2px;
  box-shadow:0 3px 8px rgba(15,196,104,.3);
}

/* 答案文本 */
.faq-item .faq-a{
  display:flex;
  align-items:flex-start;
  gap:12px;
  font-size:14.5px;
  color:var(--text-mid);
  line-height:1.95;
}
.faq-item .faq-a::before{
  content:'A';
  flex:none;
  width:26px;height:26px;
  border-radius:8px;
  background:#fff;
  border:1.5px solid var(--brand);
  color:var(--brand);
  font-size:14px;
  font-weight:700;
  display:flex;align-items:center;justify-content:center;
  margin-top:2px;
}
.faq-item .faq-a p{margin:0}

/* 答案内强调 */
.faq-item .faq-a b{color:var(--ink);font-weight:600}
.faq-item .faq-a strong{color:var(--brand)}

/* Hero 区微调 */
.faq-hero .ab-sub{max-width:820px}

/* 页脚提示条 */
.faq-foot-note{
  margin-top:36px;
  padding:18px 22px;
  border-radius:12px;
  background:linear-gradient(135deg,#f2fbf6 0%,#f7f5ff 100%);
  border:1px solid var(--border-soft);
  font-size:14px;
  color:var(--text-mid);
  line-height:1.9;
  text-align:center;
}
.faq-foot-note b{color:var(--brand)}

/* 响应式 */
@media(max-width:640px){
  .faq-item{padding:20px 18px}
  .faq-item h3{font-size:15px}
  .faq-item .faq-a{font-size:14px}
}