/* =============================================================
   case-education.css —— 教育机构案例详情专属样式
   骨架：居中首屏 + 通栏教室图 → chips 条 → 窄栏背景
        → 四张课程卡 → 师资肖像排 → 左文右FAQ手风琴
        → 深色要点条 → 效果数据 → 评价 → 互链 → CTA
   ============================================================= */

main{padding-top:calc(var(--header-h) + var(--topbar-h))}

/* 深色区块上的 section-tag 配色（替代内联样式） */
.section-tag--light{color:var(--earth-light)}
.section-tag--light::before{background:var(--earth-light)}

/* ---------- 1. 首屏 ---------- */
.ed-hero{padding:56px 0 0;background:var(--paper)}
.ed-hero-inner{max-width:760px;margin:26px auto 0;text-align:center}
.ed-hero-kicker{font-size:12.5px;letter-spacing:.3em;color:var(--earth-deep);margin-bottom:16px}
.ed-hero-title{font-size:clamp(32px,4.8vw,50px);line-height:1.26;margin-bottom:18px}
.ed-hero-sub{font-size:15.5px;color:var(--ink-soft);line-height:1.95;margin-bottom:26px}
.ed-hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.ed-hero-photo{margin-top:44px}
.ed-hero-photo img{width:100%;border:1px solid var(--line)}

/* ---------- 2. chips 条 ---------- */
.ed-chips{background:var(--paper-deep);padding:18px 0;border-top:1px solid var(--line);display:flex;gap:10px;flex-wrap:wrap;justify-content:center}

/* ---------- 3. 背景窄栏 ---------- */
.container--narrow{max-width:820px}
.container--narrow p{color:var(--ink-soft);line-height:2}

/* ---------- 4. 课程卡 ---------- */
.ed-course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:10px}
.ed-course{
  background:var(--paper);border:1px solid var(--line);padding:26px 22px;
  display:flex;flex-direction:column;gap:10px;
}
.ed-course-level{
  align-self:flex-start;font-size:11.5px;letter-spacing:.1em;color:var(--earth-deep);
  border:1px solid rgba(174,135,73,.4);background:rgba(174,135,73,.08);padding:3px 10px;
}
.ed-course h3{font-size:18px}
.ed-course p{font-size:13px;color:var(--ink-soft);line-height:1.8}
.ed-course-desc{flex:1}
.ed-course .btn{margin-top:6px;align-self:flex-start}

/* ---------- 5. 师资 ---------- */
.ed-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:10px}
.ed-teacher{background:var(--paper);border:1px solid var(--line);padding-bottom:22px;text-align:center}
.ed-teacher img{width:100%;height:auto;object-fit:cover;filter:grayscale(.15)}
.ed-teacher h3{font-size:16.5px;margin:16px 18px 8px}
.ed-teacher p{font-size:13px;color:var(--ink-soft);line-height:1.8;padding:0 18px}

/* ---------- 6. 咨询 + FAQ ---------- */
.ed-consult-wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.ed-consult-copy .lead{margin:14px 0 16px}
.ed-consult-copy p{color:var(--ink-soft);line-height:1.95}
.ed-bullets{margin-top:16px;display:grid;gap:10px}
.ed-bullets li{position:relative;padding-left:22px;color:var(--ink-soft);line-height:1.9}
.ed-bullets li::before{content:"";position:absolute;left:0;top:11px;width:10px;height:2px;background:var(--brown)}

/* ---------- 7. 深色要点 ---------- */
.ed-tip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(201,193,178,.15);border:1px solid rgba(201,193,178,.15)}
.ed-tip{background:var(--dark);padding:26px 20px}
.ed-tip b{display:block;font-size:14px;letter-spacing:.1em;color:var(--earth-light);margin-bottom:10px}
.ed-tip p{font-size:13.5px;color:#C9C1B2;line-height:1.85}

/* ---------- 8. 效果 ---------- */
.ed-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:10px}
.ed-result{border:1px solid var(--line);background:var(--paper);padding:28px 22px;text-align:center}
.ed-result p:last-child{font-size:13px;color:var(--ink-soft);margin-top:12px;line-height:1.8}
.ed-result-note{margin-top:22px;text-align:center;font-size:12.5px;color:var(--ink-faint)}

/* ---------- 9. 评价 ---------- */
.ed-quote-sign{margin-top:16px;font-size:13.5px;color:var(--ink-faint)}

/* ---------- 10. 互链 ---------- */
.ed-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ed-related{background:var(--paper);border:1px solid var(--line);padding:24px 20px;display:flex;flex-direction:column;gap:8px}
.ed-related h3{font-size:16.5px}
.ed-related p{font-size:13.5px;color:var(--ink-soft);line-height:1.8;flex:1}

/* ---------- 11. CTA ---------- */
.ed-cta-band{background:var(--paper-deep)}
.ed-cta-wrap{display:grid;grid-template-columns:1.4fr auto;gap:40px;align-items:center}
.ed-cta-title{font-size:clamp(24px,3vw,34px);margin:10px 0 10px}
.ed-cta-sub{color:var(--ink-soft);margin-bottom:24px}
.ed-cta-contacts{display:flex;gap:14px;flex-wrap:wrap}
.ed-cta-contact{
  display:inline-flex;align-items:center;gap:10px;background:var(--paper);
  border:1px solid var(--line);padding:12px 18px;
}
.ed-cta-contact svg{width:17px;height:17px;fill:var(--earth-deep)}
.ed-cta-contact span{display:flex;flex-direction:column;line-height:1.3;font-size:14.5px;font-weight:600}
.ed-cta-contact small{font-size:11px;color:var(--ink-faint);font-weight:400;letter-spacing:.1em}

/* ---------- 响应式 ---------- */
@media (max-width:991px){
  .ed-course-grid{grid-template-columns:1fr 1fr}
  .ed-team-grid{grid-template-columns:1fr}
  .ed-consult-wrap{grid-template-columns:1fr;gap:36px}
  .ed-tip-grid{grid-template-columns:1fr 1fr}
  .ed-result-grid,.ed-related-grid{grid-template-columns:1fr 1fr}
  .ed-cta-wrap{grid-template-columns:1fr}
}
@media (max-width:560px){
  .ed-course-grid,.ed-result-grid,.ed-related-grid,.ed-tip-grid{grid-template-columns:1fr}
}