/* 三类招生专题共用布局，各页面用独立色彩与内容区分。 */
.course-page { --course-accent:#c52332; --course-tint:#fbf4f1; color:#24313a; background:#fff; }
.course-fudu { --course-accent:#285446; --course-tint:#f0f5f1; }
.course-yikao { --course-accent:#8d462f; --course-tint:#faf2e9; }
.course-page * { box-sizing:border-box; }
.course-page main { padding-top:0; }
.course-hero { background:var(--course-tint); padding:38px 24px 52px; }
.course-hero-inner { max-width:1200px; margin:auto; display:grid; grid-template-columns:1.12fr 1fr; gap:70px; align-items:center; }
.course-crumb { display:flex; gap:12px; font-size:13px; color:#66746e; margin-bottom:38px; }
.course-eyebrow { color:var(--course-accent); font-weight:700; letter-spacing:.12em; font-size:14px; margin:0 0 20px; }
.course-hero h1 { font-size:clamp(38px,4.4vw,64px); line-height:1.23; letter-spacing:-.04em; max-width:580px; margin:0 0 24px; font-weight:800; }
.course-description { font-size:18px; line-height:1.9; color:#586363; max-width:550px; }
.course-points { display:flex; flex-wrap:wrap; gap:10px 20px; list-style:none; padding:0; margin:25px 0 32px; font-size:14px; }
.course-points li:before { content:'✓'; color:var(--course-accent); margin-right:7px; }
.course-actions { display:flex; gap:14px; flex-wrap:wrap; align-items:center; }
.course-primary { display:inline-flex; justify-content:center; align-items:center; gap:15px; padding:16px 24px; border-radius:5px; background:var(--course-accent); color:#fff!important; font-size:16px; font-weight:700; }
.course-primary:hover { filter:brightness(.93); }
.course-secondary { font-size:15px; padding:14px 10px; color:#34413e; }
.course-hero-image { height:490px; position:relative; margin:0; overflow:hidden; border-radius:120px 8px 8px 8px; }
.course-hero-image img { width:100%; height:100%; object-fit:cover; }
.course-hero-image figcaption { position:absolute; inset:auto 0 0; padding:58px 30px 26px; background:linear-gradient(transparent,rgba(0,0,0,.65)); color:white; display:flex; flex-direction:column; gap:7px; }
.course-hero-image figcaption span { font-size:13px; letter-spacing:.2em; }
.course-hero-image figcaption strong { font-size:25px; }
.course-fudu .course-hero-image { border-radius:8px 100px 8px 8px; }
.course-yikao .course-hero-image { border-radius:120px 120px 8px 8px; }
.course-content { max-width:1200px; padding:0 24px; margin:auto; }
.course-section { padding:64px 0; border-bottom:1px solid #e5e9e7; scroll-margin-top:110px; }
.course-index { color:var(--course-accent); font-size:13px; font-weight:700; letter-spacing:.1em; }
.course-section h2 { font-size:clamp(26px,3vw,38px); line-height:1.4; margin:12px 0; }
.course-section-lead { color:#63706c; font-size:17px; margin:0 0 30px; }
.course-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.course-card-grid:has(> :nth-child(4)) { grid-template-columns:repeat(4,minmax(0,1fr)); }
.course-card { padding:27px 25px; border:1px solid #e5e9e7; border-top:3px solid var(--course-accent); background:#fff; border-radius:5px; }
.course-card h3 { margin:0 0 13px; font-size:20px; line-height:1.45; }
.course-card p { color:#63706c; line-height:1.85; font-size:15px; margin:0; }
.course-consult { margin:50px auto 65px; max-width:1152px; background:var(--course-tint); border-radius:12px; padding:42px; display:grid; grid-template-columns:1fr auto; gap:38px; align-items:center; scroll-margin-top:110px; }
.course-consult h2 { font-size:30px; line-height:1.4; margin:0 0 15px; }
.course-consult p { line-height:1.8; }
.course-consult small { color:#66736d; display:block; line-height:1.8; }
.course-consult-actions { display:flex; flex-direction:column; gap:18px; align-items:center; }
.course-phone { font-weight:700; font-size:22px; color:var(--course-accent); }
@media (max-width:1000px) {
  .course-hero-inner { gap:30px; }
  .course-hero-image { height:420px; }
  .course-card-grid:has(> :nth-child(4)) { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .course-consult { margin-left:24px; margin-right:24px; }
}
@media (max-width:700px) {
  .course-hero { padding:20px 18px 30px; }
  .course-hero-inner { grid-template-columns:1fr; gap:26px; }
  .course-crumb { margin-bottom:24px; font-size:12px; }
  .course-eyebrow { margin-bottom:15px; font-size:13px; }
  .course-hero h1 { font-size:38px; max-width:470px; }
  .course-description { font-size:16px; line-height:1.85; }
  .course-points { font-size:12px; gap:8px 15px; margin:20px 0 25px; }
  .course-primary { font-size:15px; padding:14px 20px; }
  .course-hero-image { height:260px; border-radius:55px 6px 6px 6px; }
  .course-content { padding:0 18px; }
  .course-section { padding:32px 0; }
  .course-section h2 { font-size:26px; }
  .course-section-lead { font-size:15px; margin-bottom:20px; }
  .course-card-grid, .course-card-grid:has(> :nth-child(4)) { grid-template-columns:1fr; gap:12px; }
  .course-card { padding:21px; }
  .course-card h3 { font-size:18px; }
  .course-consult { margin:28px 18px 36px; padding:25px; grid-template-columns:1fr; gap:22px; }
  .course-consult h2 { font-size:26px; }
  .course-consult-actions { align-items:stretch; text-align:center; }
}