/* ============================================================
   lengdong.html · 制冷与空调作业 页面样式
   独特类名前缀 ld-，左文右图 hero
   ============================================================ */

/* ===== Hero：左文右图 ===== */
.ld-hero{padding-top:var(--header-h);background:var(--c1);overflow:hidden}
.ld-hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;min-height:560px}
.ld-hero__kick{font-family:var(--font-en);font-size:12px;letter-spacing:.24em;color:var(--o1);margin-bottom:18px}
.ld-hero h1{font-size:clamp(38px,5.4vw,64px);font-weight:900;line-height:1.14;margin-bottom:20px}
.ld-hero__desc{color:#D6DBD2;font-size:15.5px;max-width:500px;margin-bottom:30px}
.ld-hero__cta{display:flex;flex-wrap:wrap;gap:14px}
.ld-hero__img{margin:0;height:480px;overflow:hidden;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}
.ld-hero__img img{width:100%;height:100%;object-fit:cover}

/* ===== 作业范围（米白） ===== */
.ld-scope__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.ld-scope__col h3{font-size:19px;color:var(--c1);padding-bottom:14px;margin-bottom:8px;border-bottom:2px solid var(--o1)}
.ld-scope__col li{position:relative;padding:12px 0 12px 26px;border-bottom:1px dashed var(--line-l);font-size:14.5px;color:#3F463C}
.ld-scope__col li::before{content:"";position:absolute;left:0;top:20px;width:14px;height:2px;background:var(--o1)}

/* ===== 就业方向 ===== */
.ld-job{background:var(--c1)}
.ld-job__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ld-job__card{padding:30px 24px;background:var(--c2);border:1px solid var(--line-d);transition:transform .3s,border-color .3s}
.ld-job__card:hover{transform:translateY(-6px);border-color:rgba(224,91,32,.45)}
.ld-job__card svg{color:var(--o1);margin-bottom:16px}
.ld-job__card h3{font-size:16.5px;margin-bottom:10px}
.ld-job__card p{font-size:13.5px;color:var(--g4)}

/* ===== 报考条件 ===== */
.ld-tj__wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.ld-tj__title{font-size:clamp(24px,2.6vw,34px);font-weight:900;margin:12px 0 24px}
.ld-tj__list li{position:relative;padding:12px 0 12px 30px;border-bottom:1px dashed var(--line-d);color:#D6DBD2;font-size:14.5px}
.ld-tj__list li::before{content:"";position:absolute;left:0;top:19px;width:18px;height:2px;background:var(--o1)}
.ld-tj__more{margin-top:20px;font-size:14px;color:var(--g4)}
.ld-tj__more a{color:var(--o1)}
.ld-tj__img img{width:100%;height:auto;border:1px solid var(--line-d)}

/* ===== 学时提示条 ===== */
.ld-hour{padding:80px 0;background:var(--g1)}
.ld-hour__inner{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.ld-hour__inner h2{font-size:clamp(22px,2.6vw,32px);font-weight:900;margin:16px 0 14px}
.ld-hour__inner p{color:#C6CEBC;font-size:15px;max-width:560px}
.ld-hour__nums{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ld-hour__nums>div{padding:22px 16px;text-align:center;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.16)}
.ld-hour__nums b{display:block;font-family:var(--font-en);font-size:34px;font-weight:900;color:var(--o1);line-height:1.1}
.ld-hour__nums span{font-size:12px;color:var(--g4);line-height:1.5}

/* ===== 相关工种互链 ===== */
.ld-rel__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ld-rel__card{height:100%}
.ld-rel__card:hover h3{color:var(--o2)}

/* ===== CTA ===== */
.ld-cta{padding:100px 0;background:var(--c2);text-align:center;position:relative;overflow:hidden}
.ld-cta::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:6px;background:repeating-linear-gradient(90deg,var(--o1) 0 20px,var(--c2) 20px 40px)}
.ld-cta__inner h2{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.3;margin-bottom:16px}
.ld-cta__inner p{color:var(--g4);font-size:15px;margin-bottom:28px}
.ld-cta__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}

/* ===== 响应式 ===== */
@media (max-width:1024px){
  .ld-hero__inner{grid-template-columns:1fr;min-height:0;gap:32px;padding:64px 0}
  .ld-hero__img{height:320px}
  .ld-scope__grid{grid-template-columns:1fr;gap:32px}
  .ld-job__grid{grid-template-columns:1fr 1fr}
  .ld-tj__wrap,.ld-hour__inner{grid-template-columns:1fr;gap:36px}
  .ld-rel__grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .ld-job__grid{grid-template-columns:1fr}
  .ld-hour__nums{grid-template-columns:1fr}
}
.ld-cta__pic{width:100%;max-width:420px;height:auto;margin:0 auto 22px;border:1px solid rgba(255,255,255,.12)}