/* =====================================================================
   教育培训行业页 · jiaoyu.css
   布局：左图右文简介 + 三张彩头课程卡 + 编号转化清单 + 双卡案例 + FAQ
   点缀色：紫罗兰 #7C3AED / 蓝紫 #8B5CF6
   ===================================================================== */

.banner-jy{background-image:url('../images/banner-news.jpg')}

/* ---------- 左图右文 ---------- */
.jy-intro-sec{background:#fff}
.jy-intro-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}
.jy-intro-media img{border-radius:var(--radius-lg);aspect-ratio:3/2;object-fit:cover;box-shadow:var(--shadow-lg)}
.jy-intro-text h2{font-size:clamp(24px,2.8vw,34px);margin:0 0 18px;line-height:1.35}
.jy-intro-text p{color:var(--c-text-2);margin-bottom:14px}
.jy-intro-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.jy-intro-tags span{font-size:13px;color:#6D28D9;background:#EDE9FE;padding:6px 14px;border-radius:8px;font-weight:600}

/* ---------- 三张彩头课程卡 ---------- */
.jy-course-sec{background:var(--c-ice-2)}
.jy-course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.jy-course{
  background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);
  transition:transform var(--trans),box-shadow var(--trans);
}
.jy-course:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.jy-course-head{padding:28px 28px 22px;color:#fff;position:relative}
.ch1{background:linear-gradient(135deg,#7C3AED,#8B5CF6)}
.ch2{background:linear-gradient(135deg,#EC4899,#F472B6)}
.ch3{background:linear-gradient(135deg,#0EA5E9,#3B82F6)}
.jy-course-head i{
  width:54px;height:54px;border-radius:14px;background:rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;margin-bottom:14px;
}
.jy-course-head i svg{width:28px;height:28px;fill:#fff}
.jy-course-head h3{color:#fff;font-size:20px}
.jy-course>p{padding:22px 28px 28px;color:var(--c-text-2);font-size:14.5px;margin:0}

/* ---------- 编号转化清单 ---------- */
.jy-conv-sec{background:#fff}
.jy-conv-list{display:grid;grid-template-columns:1fr 1fr;gap:20px 32px}
.jy-conv{display:flex;gap:18px;align-items:flex-start;padding:20px 24px;border-radius:14px;background:var(--c-ice-2)}
.jy-conv b{
  flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--c-grad);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;
}
.jy-conv h3{font-size:17px;margin-bottom:4px}
.jy-conv p{color:var(--c-text-2);font-size:14px;margin:0}

/* ---------- 案例 ---------- */
.jy-case-sec{background:var(--c-ice-2)}
.jy-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.jy-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);display:block;transition:transform var(--trans),box-shadow var(--trans)}
.jy-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.jy-card img{aspect-ratio:16/9;object-fit:cover;width:100%}
.jy-card-body{padding:24px 28px}
.jy-card-tag{display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#7C3AED;border-radius:999px;padding:3px 12px;margin-bottom:10px}
.jy-card-body h3{font-size:18px;margin-bottom:8px}
.jy-card-body p{color:var(--c-text-2);font-size:14px;margin:0}

/* ---------- FAQ ---------- */
.jy-faq-sec{background:#fff}
.jy-faq{max-width:820px;margin:0 auto;display:grid;gap:14px}
.jy-faq-item{background:#EDE9FE;border-radius:12px;padding:18px 26px}
.jy-faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;font-weight:700;color:var(--c-primary);font-size:16px}
.jy-faq-item summary::-webkit-details-marker{display:none}
.jy-faq-item summary i{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:#7C3AED;position:relative}
.jy-faq-item summary i::before{content:"";position:absolute;left:6px;right:6px;top:12px;height:2px;background:#fff}
.jy-faq-item summary i::after{content:"";position:absolute;top:6px;bottom:6px;left:12px;width:2px;background:#fff;transition:opacity .3s}
.jy-faq-item[open] summary i::after{opacity:0}
.jy-faq-item p{margin:12px 0 2px;color:var(--c-text-2);font-size:14.5px;line-height:1.8}

/* 移动端当前行业高亮 */
.mnav-sub a.cur{color:var(--c-accent)!important;font-weight:700!important}

/* ---------- 响应式 ---------- */
@media (max-width:992px){
  .jy-intro-wrap{grid-template-columns:1fr;gap:40px}
  .jy-course-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}
  .jy-conv-list{grid-template-columns:1fr}
  .jy-case-grid{grid-template-columns:1fr}
}