/* ==========================================================================
   notice-peixun-anpai.css — 考前辅导班期安排
   版式：满幅图 hero + 班期表 + 三步报名指引 + 课程三卡（含推荐徽标）
   ========================================================================== */

/* ---------- Hero：满幅图 + 叠加文字 ---------- */
.px-hero{position:relative;padding-top:calc(var(--header-h) + var(--topbar-h))}
.px-heroimg{margin:0}
.px-heroimg img{width:100%;height:420px;object-fit:cover;filter:brightness(.72)}
.px-heroinner{
  position:relative;z-index:2;margin-top:-130px;max-width:880px;
  background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-lg);
  padding:36px 42px;
}
.px-kicker{font-size:13px;letter-spacing:2px;color:var(--ink-faint);margin-bottom:12px}
.px-title{font-size:clamp(26px,3.4vw,38px);line-height:1.4;letter-spacing:1px;animation:pxRise .9s var(--ease) both}
@keyframes pxRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.px-lead{margin-top:14px;font-size:15.5px;line-height:1.9}
.px-lead strong{color:var(--wood-deep)}

/* ---------- 班期表 ---------- */
.px-schedule{background:var(--cream);padding-top:60px}
.px-wrap{max-width:960px;margin:0 auto}
.px-h2{font-size:22px;margin-bottom:16px;letter-spacing:1px}
.px-tablewrap{overflow-x:auto;border-radius:var(--radius-sm)}
.px-table th{background:var(--wood-deep)}
.px-table td:first-child{font-weight:600;color:var(--ink)}
.px-note{font-size:12.5px;color:var(--ink-faint);margin-top:10px;line-height:1.8}

/* ---------- 报名指引三步 ---------- */
.px-guide{background:var(--white)}
.px-guidegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto}
.px-guideitem{
  text-align:center;padding:30px 24px;border-radius:var(--radius);background:var(--cream-3);
}
.px-guideicon{
  width:60px;height:60px;border-radius:50%;background:var(--green);color:#fff;
  display:flex;align-items:center;justify-content:center;margin:0 auto 16px;
}
.px-guideitem h3{font-size:17px;margin-bottom:8px}
.px-guideitem p{font-size:14px;line-height:1.8}

/* ---------- 课程三卡 ---------- */
.px-course{background:var(--cream-3)}
.px-coursegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1000px;margin:0 auto;position:relative}
.px-coursecard{
  background:var(--white);border-radius:var(--radius);padding:30px 26px;box-shadow:var(--shadow-sm);
  border:1px solid var(--line);position:relative;
}
.px-coursecard-hot{border:2px solid var(--wood);transform:translateY(-6px)}
.px-hot{
  position:absolute;top:-14px;right:20px;background:var(--wood);color:#fff;font-size:12px;
  padding:4px 12px;border-radius:999px;letter-spacing:1px;
}
.px-coursecard h3{font-size:18px;margin-bottom:6px}
.px-coursetag{font-size:13px;color:var(--wood-deep);margin-bottom:16px}
.px-coursecard ul{display:flex;flex-direction:column;gap:10px}
.px-coursecard li{position:relative;padding-left:22px;font-size:14px;line-height:1.7;color:var(--ink-soft)}
.px-coursecard li::before{content:"";position:absolute;left:2px;top:8px;width:9px;height:9px;border-radius:2px;background:var(--green)}
.px-coursetip{text-align:center;margin-top:28px;font-size:14px;color:var(--ink-soft)}
.px-coursetip a{color:var(--green-deep);font-weight:600;border-bottom:1px dashed var(--green)}

/* ---------- 相关通知 ---------- */
.px-related{background:var(--cream)}
.px-rellist{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:960px;margin:0 auto}
.px-rel{
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);padding:18px 20px;
  display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--ink-soft);transition:.25s;
}
.px-rel span{font-size:15px;font-weight:700;color:var(--ink)}
.px-rel:hover{transform:translateY(-3px);border-color:var(--wood)}
.px-rel-more{background:var(--wood);border-color:var(--wood);color:#f3e6d6}
.px-rel-more span{color:#fff}

/* ---------- FAQ ---------- */
.px-faq{background:var(--white)}
.px-faqwrap{max-width:820px;margin:0 auto}
.px-faqlist{display:flex;flex-direction:column;gap:12px}
.px-faqitem{border:1px solid var(--line);border-radius:var(--radius-sm);padding:2px 22px;background:var(--cream-3)}
.px-faqitem summary{cursor:pointer;list-style:none;font-weight:600;font-size:15px;padding:14px 0;display:flex;align-items:center;gap:10px}
.px-faqitem summary::-webkit-details-marker{display:none}
.px-faqitem summary::before{content:"问";flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--green);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}
.px-faqitem p{padding:0 0 16px 34px;font-size:14px;line-height:1.9;color:var(--ink-soft)}
.px-faqitem p a{color:var(--green-deep);font-weight:600}

/* ---------- CTA ---------- */
.px-cta{background:linear-gradient(135deg,#5f8060,#8fae8a);padding:64px 0;text-align:center}
.px-ctainner{max-width:700px;margin:0 auto}
.px-ctainner h2{color:#f6f3e8;font-size:clamp(22px,3vw,30px);margin-bottom:12px;letter-spacing:1px}
.px-ctainner p{color:#dce4d5;margin-bottom:26px}
.px-ctabtns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .px-heroimg img{height:300px}
  .px-heroinner{margin-top:-90px;padding:28px 24px}
  .px-guidegrid{grid-template-columns:1fr;max-width:440px}
  .px-coursegrid{grid-template-columns:1fr;max-width:440px}
  .px-coursecard-hot{transform:none}
  .px-rellist{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .px-rellist{grid-template-columns:1fr}
}