/* ============================================================
   zhaosheng.css · 招生简章专属样式
   ============================================================ */

/* ---------- 题头：面板 + 图 ---------- */
.zs-hero{
  padding:calc(var(--header-h) + 46px) 0 70px;
  background:linear-gradient(120deg,var(--blue-50),var(--white));
}
.zs-hero-row{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.zs-panel h1{margin:8px 0 14px}
.zs-lead{color:var(--gray-600);font-size:14.5px;line-height:1.9;max-width:500px;margin-bottom:26px}
.zs-actions{display:flex;gap:12px;flex-wrap:wrap}
.zs-media img{
  width:100%;height:340px;object-fit:cover;
  border-radius:var(--radius-l);box-shadow:var(--shadow-m);
}

/* ---------- 招生对象 ---------- */
.zs-target{padding:70px 0 30px;background:var(--white)}
.target-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.t-card{
  padding:24px 22px;border-radius:var(--radius-m);
  background:var(--gray-50);border:1px solid var(--gray-100);
}
.t-card strong{font-size:15px;color:var(--gray-900);display:block;margin-bottom:8px}
.t-card p{font-size:13px;color:var(--gray-600);line-height:1.85}

/* ---------- 班型对照 ---------- */
.zs-types{padding:60px 0;background:var(--white)}
.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.type-card{
  background:var(--white);border:1px solid var(--gray-100);
  border-radius:var(--radius-l);overflow:hidden;
  box-shadow:var(--shadow-s);display:flex;flex-direction:column;
  transition:transform var(--trans),box-shadow var(--trans);
}
.type-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-m)}.type-card img {width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.type-card h3{padding:20px 24px 0;font-size:17px}
.type-card p{font-size:13.5px;color:var(--gray-600);line-height:1.85;padding:10px 24px 0}
.type-card ul{padding:12px 24px;display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.type-card li{font-size:13px;color:var(--gray-600);padding-left:16px;position:relative}
.type-card li::before{content:"·";position:absolute;left:2px;color:var(--blue-400);font-weight:700}
.type-card .btn{margin:0 24px 24px}

/* ---------- 上课安排表 ---------- */
.zs-schedule{padding:50px 0;background:var(--gray-50)}
.narrow-zs{max-width:900px}
.sched-table{
  overflow-x:auto;border-radius:var(--radius-m);
  background:var(--white);box-shadow:var(--shadow-s);
}
.sched-table table{width:100%;border-collapse:collapse;min-width:600px;font-size:13.5px}
.sched-table th,.sched-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--gray-100)}
.sched-table thead th{background:var(--blue-700);color:#fff}
.sched-table tbody tr:last-child td{border-bottom:none}
.sched-note{font-size:12.5px;color:var(--gray-400);margin-top:12px}

/* ---------- 报名办法步骤 ---------- */
.zs-how{padding:70px 0;background:var(--white)}
.how-list{
  list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
  counter-reset:h;
}
.how-list li{
  background:var(--blue-50);border-radius:var(--radius-m);
  padding:26px 22px;
}
.how-list em{
  font-style:normal;font-size:26px;font-weight:800;color:var(--blue-400);
}
.how-list h3{font-size:15.5px;margin:8px 0 6px}
.how-list p{font-size:13px;color:var(--gray-600);line-height:1.8}

/* ---------- 费用说明色带 ---------- */
.zs-fee{padding:0 0 90px;background:var(--white)}
.fee-box{
  background:var(--blue-700);color:#fff;border-radius:var(--radius-l);
  padding:44px 48px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;
}
.fee-box h2{color:#fff;font-size:22px}
.fee-box p{font-size:14px;line-height:2;max-width:820px;color:rgba(255,255,255,.92)}
.fee-box strong{color:#fff}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .zs-hero-row{grid-template-columns:1fr;gap:28px}
  .target-grid{grid-template-columns:1fr 1fr}
  .type-grid{grid-template-columns:1fr}
  .how-list{grid-template-columns:1fr 1fr}
}

/* ---------- 班期安排与插班说明 ---------- */
.zs-banqi{padding:40px 0;background:var(--white)}
.banqi-box{
  background:var(--blue-50);border-radius:var(--radius-m);
  padding:32px 36px;
}
.banqi-box h2{font-size:18px;margin-bottom:12px}
.banqi-box p{font-size:13.5px;color:var(--gray-700);line-height:1.95;margin-bottom:8px}

/* ---------- 招生常见问题 ---------- */
.zs-faq{padding:40px 0 80px;background:var(--gray-50)}
.narrow-zs{max-width:880px}
.faq-list{display:flex;flex-direction:column;gap:14px;margin-top:20px}
.fq{
  background:var(--white);border-radius:var(--radius-m);
  padding:20px 24px;box-shadow:var(--shadow-s);
}
.fq h3{font-size:15px;margin-bottom:6px}
.fq p{font-size:13.5px;color:var(--gray-600);line-height:1.85}
@media (max-width:640px){
  .target-grid,.how-list{grid-template-columns:1fr}
  .zs-media img{height:220px}
  .fee-box{padding:28px 22px}
}