/* ============================================================
   diaolan.html · 吊篮安装拆卸作业 页面样式
   独特类名前缀 dl-，分屏对照 hero
   ============================================================ */

/* ===== Hero：分屏对照 ===== */
.dl-hero{display:grid;grid-template-columns:1fr 1.1fr;min-height:640px;padding-top:var(--header-h);background:var(--c1)}
.dl-hero__img{margin:0;overflow:hidden}
.dl-hero__img img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.dl-hero__panel{padding:80px 0;display:flex;flex-direction:column;justify-content:center;padding-left:56px;padding-right:max(24px,calc((100vw - 1240px)/2 + 24px))}
.dl-hero__kick{font-family:var(--font-en);font-size:12px;letter-spacing:.24em;color:var(--o1);margin-bottom:16px}
.dl-hero h1{font-size:clamp(34px,4.6vw,56px);font-weight:900;line-height:1.18;margin-bottom:18px}
.dl-hero__desc{color:#D6DBD2;font-size:15px;max-width:520px;margin-bottom:28px}
.dl-hero__tbl{width:100%;max-width:560px;border-collapse:collapse;margin-bottom:28px}
.dl-hero__tbl td{padding:12px 14px;border-bottom:1px dashed var(--line-d);font-size:13.5px;vertical-align:top}
.dl-hero__tbl td:first-child{color:var(--g3);width:42%;white-space:nowrap}
.dl-hero__tbl td:last-child{color:#E3E6DF}

/* ===== 作业要求（米白） ===== */
.dl-req__grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.dl-req__list li{position:relative;padding:12px 0 12px 30px;border-bottom:1px dashed var(--line-l);font-size:14.5px;color:#3F463C}
.dl-req__list li::before{content:"";position:absolute;left:0;top:20px;width:18px;height:2px;background:var(--o1)}

/* ===== 持证场景 ===== */
.dl-scene{background:var(--c1)}
.dl-scene__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.dl-scene__card{padding:34px 28px;background:var(--c2);border:1px solid var(--line-d);position:relative;overflow:hidden}
.dl-scene__card:hover{border-color:rgba(224,91,32,.45)}
.dl-scene__no{font-family:var(--font-en);font-size:56px;font-weight:900;color:transparent;-webkit-text-stroke:1.5px rgba(224,91,32,.55);line-height:1;display:block;margin-bottom:18px}
.dl-scene__card h3{font-size:18px;margin-bottom:10px}
.dl-scene__card p{font-size:13.5px;color:var(--g4)}

/* ===== 报考条件 ===== */
.dl-tj__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.dl-tj__cols p{font-size:14px;color:var(--g4);border-left:3px solid var(--o1);padding:6px 0 6px 16px}
.dl-tj__cols b{color:var(--white);display:block;margin-bottom:6px}
.dl-tj__cols a{color:var(--o1)}

/* ===== 安全装置提示条 ===== */
.dl-warn{padding:72px 0;background:var(--g1);background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:44px 44px}
.dl-warn__inner{display:grid;grid-template-columns:80px 1fr;gap:32px;align-items:start}
.dl-warn__badge{display:grid;place-items:center;width:64px;height:64px;background:var(--o1);color:#fff;font-weight:900;font-size:15px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.dl-warn__inner h2{font-size:clamp(20px,2.4vw,28px);font-weight:900;margin-bottom:12px}
.dl-warn__inner p{color:#C6CEBC;font-size:15px;max-width:680px}
.dl-warn__inner a{color:var(--o2);border-bottom:1px dotted rgba(244,123,51,.6)}

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

/* ===== CTA（军绿底虚线框） ===== */
.dl-cta{padding:96px 0;background:var(--c2)}
.dl-cta__inner{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;padding:48px 40px;border:1px dashed rgba(224,91,32,.45);background:rgba(255,255,255,.02)}
.dl-cta__inner h2{font-size:clamp(24px,3vw,36px);font-weight:900;line-height:1.3;margin:12px 0 14px}
.dl-cta__inner p{color:var(--g4);font-size:14.5px}
.dl-cta__inner p a{color:var(--o1)}
.dl-cta__actions{display:grid;gap:14px}

/* ===== 响应式 ===== */
@media (max-width:1024px){
  .dl-hero{grid-template-columns:1fr}
  .dl-hero__img{height:300px}
  .dl-hero__panel{padding:48px 24px}
  .dl-req__grid{grid-template-columns:1fr;gap:20px}
  .dl-scene__grid,.dl-tj__cols{grid-template-columns:1fr 1fr}
  .dl-rel__grid{grid-template-columns:1fr}
  .dl-cta__inner{grid-template-columns:1fr;padding:32px 24px}
}
@media (max-width:640px){
  .dl-scene__grid,.dl-tj__cols{grid-template-columns:1fr}
}

/* ===== 补图 ===== */
.dl-req__img{margin-bottom:32px}
.dl-req__img img{width:100%;height:auto;border:1px solid var(--line-l)}
.dl-cta__pic{width:100%;max-width:320px;height:auto;margin-bottom:16px;border:1px dashed rgba(224,91,32,.4)}
.dl-hero__tbl td:first-child{width:42%}

/* ===== 检验周期表 ===== */
.dl-check__tbl{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line-l)}
.dl-check__tbl th,.dl-check__tbl td{padding:13px 15px;border-bottom:1px solid var(--line-l);border-right:1px solid var(--line-l);font-size:13px;text-align:left;vertical-align:top;line-height:1.6}
.dl-check__tbl th{background:var(--c1);color:#fff;font-weight:600}
.dl-check__tbl td:first-child{font-weight:700;color:var(--c1)}
.dl-check__tbl td:nth-child(2){color:var(--o1);white-space:nowrap}
.dl-check__tbl tr:last-child td{border-bottom:none}

/* ===== 高度对应 ===== */
.dl-height{background:var(--c1)}
.dl-height .sec-head__sub{color:var(--g4)}
.dl-height__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px}
.dl-height__item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-top:3px solid var(--g4);padding:24px 22px}
.dl-height__item--alt{border-top-color:var(--o1)}
.dl-height__item--hot{border-top-color:var(--o1);background:rgba(224,91,32,.08)}
.dl-height__band{font-family:var(--font-en);font-size:13px;letter-spacing:.14em;color:var(--o1);display:block;margin-bottom:12px}
.dl-height__item h3{font-size:16.5px;margin-bottom:10px}
.dl-height__item p{font-size:13px;color:var(--g4);line-height:1.7}

/* ===== 团报价 ===== */
.dl-team{background:var(--c2)}
.dl-team__inner{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center;padding-block:56px}
.dl-team__inner h2{font-size:clamp(20px,2.2vw,28px);font-weight:900;margin:14px 0 12px;line-height:1.4}
.dl-team__inner p{font-size:14px;color:var(--g4);line-height:1.8}
.dl-team__inner a{color:var(--o1)}
.dl-team__price{display:grid;gap:12px}
.dl-team__price div{display:flex;align-items:baseline;gap:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-left:3px solid var(--o1);padding:14px 18px}
.dl-team__price b{font-family:var(--font-en);font-size:18px;color:var(--o1);white-space:nowrap}
.dl-team__price span{font-size:13px;color:var(--g4)}

/* ===== 响应式 ===== */
@media (max-width:960px){
  .dl-height__grid{grid-template-columns:1fr}
  .dl-team__inner{grid-template-columns:1fr}
}