/* ============================================
 * 橡果教育 · 答疑解惑 FAQ 页样式
 * 配色：浅蓝(#f5f9ff→#edf3ff→#e3ecff) + 香槟金(#d4af37→#f3d98a) + 深炭黑(#14213d)
 * 复用品牌介绍页 .aqs-about-hero.big 视觉语言
 * ============================================ */

.aqs-faq-page{max-width:1200px;margin:0 auto;padding:36px 20px 60px;}

/* ---------- Hero 复用品牌介绍 big ---------- */
.aqs-faq-hero{text-align:center;}
.aqs-faq-hero .aqs-ah-badge{background:linear-gradient(135deg,#fff8e6,#fdf3d5);}
.aqs-faq-hero .aqs-ah-sub{max-width:720px;}

/* ---------- 分类 Tab ---------- */
.aqs-faq-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:36px 0 26px;}
.aqs-faq-tab{border:1px solid #e3ecfa;background:#fff;color:#4a5a75;padding:10px 22px;border-radius:30px;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s;box-shadow:0 2px 8px rgba(20,33,61,.04);}
.aqs-faq-tab:hover{transform:translateY(-2px);border-color:#c9dcfa;color:#2563eb;box-shadow:0 6px 14px rgba(59,130,246,.12);}
.aqs-faq-tab.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:transparent;box-shadow:0 6px 16px rgba(59,130,246,.3);}
.aqs-faq-count{display:inline-block;min-width:20px;padding:1px 7px;margin-left:6px;border-radius:12px;background:rgba(59,130,246,.12);color:#2563eb;font-size:12px;font-weight:700;line-height:18px;}
.aqs-faq-tab.active .aqs-faq-count{background:rgba(255,255,255,.25);color:#fff;}

/* ---------- FAQ 分组 + 手风琴 ---------- */
.aqs-faq-group{display:none;}
.aqs-faq-group.active{display:block;}

.aqs-faq-item{background:#fff;border:1px solid #eef2f9;border-radius:14px;margin-bottom:12px;overflow:hidden;transition:all .3s;box-shadow:0 3px 12px rgba(20,33,61,.04);}
.aqs-faq-item:hover{border-color:#c9dcfa;box-shadow:0 8px 22px rgba(20,33,61,.08);}
.aqs-faq-item.open{border-color:#d4af37;box-shadow:0 8px 22px rgba(212,175,55,.14);}

.aqs-faq-q{display:flex;align-items:center;gap:14px;padding:18px 24px;font-size:15.5px;color:#14213d;font-weight:700;cursor:pointer;line-height:1.5;user-select:none;background:linear-gradient(135deg,#fafcff,#f5f9ff);}
.aqs-faq-q b{font-weight:700;}
.aqs-faq-item.open .aqs-faq-q{background:linear-gradient(135deg,#fffdf5,#fdf8e7);}
.aqs-fq-icon{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#eef4ff,#dbe9ff);color:#2563eb;font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s;}
.aqs-faq-item.open .aqs-fq-icon{background:linear-gradient(135deg,#f3d98a,#d4af37);color:#fff;transform:rotate(45deg);}

.aqs-faq-a{display:none;padding:4px 24px 20px 66px;font-size:14px;color:#4a5a75;line-height:1.95;}
.aqs-faq-a b{color:#b8860b;font-weight:700;}
.aqs-faq-a a{color:#2563eb;text-decoration:none;font-weight:600;}

/* ---------- 底部 CTA ---------- */
.aqs-faq-cta{display:flex;align-items:center;gap:24px;margin-top:40px;padding:34px 40px;background:linear-gradient(135deg,#f5f9ff,#edf3ff 50%,#e3ecff);border:1px solid #e3ecfa;border-radius:20px;position:relative;overflow:hidden;}
.aqs-faq-cta::before{content:'';position:absolute;top:-70px;right:-50px;width:260px;height:260px;background:radial-gradient(circle,rgba(59,130,246,.12),transparent 70%);border-radius:50%;}
.aqs-faq-cta::after{content:'';position:absolute;bottom:-80px;left:-40px;width:240px;height:240px;background:radial-gradient(circle,rgba(212,175,55,.10),transparent 70%);border-radius:50%;}
.aqs-faq-cta-ic{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#f3d98a,#d4af37);color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 20px rgba(212,175,55,.3);position:relative;z-index:1;}
.aqs-faq-cta-txt{flex:1;min-width:0;position:relative;z-index:1;}
.aqs-faq-cta-txt b{display:block;font-size:20px;color:#14213d;font-weight:800;margin-bottom:8px;}
.aqs-faq-cta-txt p{font-size:14px;color:#5a6a85;line-height:1.8;margin:0;}
.aqs-faq-cta-txt a{color:#2563eb;font-weight:700;text-decoration:none;}
.aqs-faq-cta-actions{display:flex;flex-direction:column;gap:10px;flex-shrink:0;position:relative;z-index:1;}
.aqs-faq-btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#f3d98a,#d4af37 60%,#b8942f);color:#1c2333;padding:12px 28px;border-radius:30px;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 6px 16px rgba(212,175,55,.3);transition:all .25s;white-space:nowrap;}
.aqs-faq-btn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(212,175,55,.42);}
.aqs-faq-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;color:#2563eb;padding:12px 28px;border-radius:30px;font-size:14px;font-weight:700;text-decoration:none;border:1px solid #c9dcfa;transition:all .25s;white-space:nowrap;}
.aqs-faq-btn-ghost:hover{border-color:#3b82f6;transform:translateY(-2px);}

/* ---------- 响应式 ---------- */
@media (max-width:980px){
    .aqs-faq-page{padding:28px 16px 48px;}
    .aqs-faq-cta{flex-direction:column;text-align:center;padding:30px 24px;gap:18px;}
    .aqs-faq-cta-txt p{max-width:560px;}
    .aqs-faq-cta-actions{flex-direction:row;flex-wrap:wrap;justify-content:center;}
}
@media (max-width:640px){
    .aqs-faq-hero{padding:44px 24px 40px;}
    .aqs-faq-tabs{gap:8px;margin:24px 0 20px;}
    .aqs-faq-tab{padding:8px 16px;font-size:13px;}
    .aqs-faq-q{padding:15px 18px;font-size:14.5px;gap:10px;}
    .aqs-faq-a{padding:2px 18px 18px 20px;font-size:13.5px;}
}