/* ============================================================
   denggao.html · 登高架设作业 页面样式
   独特类名前缀 dg-，满幅 hero + 底部参数条
   ============================================================ */

/* ===== Hero：满幅脚手架 + 底部技术参数条 ===== */
.dg-hero{position:relative;min-height:600px;display:flex;align-items:flex-end;padding-top:var(--header-h);background:var(--c1);overflow:hidden}
.dg-hero__bg{position:absolute;inset:0}
.dg-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 35%}
.dg-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,24,27,.55) 0%,rgba(21,24,27,.35) 45%,rgba(21,24,27,.92) 100%)}
.dg-hero__inner{position:relative;z-index:2;padding-block:80px 150px}
.dg-hero__kick{font-family:var(--font-en);font-size:12px;letter-spacing:.24em;color:var(--o1);margin-bottom:16px}
.dg-hero h1{font-size:clamp(38px,5.6vw,64px);font-weight:900;margin-bottom:18px}
.dg-hero__desc{max-width:560px;color:#D6DBD2;font-size:15.5px;margin-bottom:28px}
.dg-hero__cta{display:flex;flex-wrap:wrap;gap:14px}
.dg-hero__spec{position:absolute;left:0;right:0;bottom:0;z-index:3;background:rgba(15,18,20,.92);border-top:1px solid var(--line-d)}
.dg-hero__spec-row{display:grid;grid-template-columns:repeat(4,1fr)}
.dg-hero__spec-row>div{padding:20px 24px;border-left:1px dashed var(--line-d)}
.dg-hero__spec-row>div:first-child{border-left:none}
.dg-hero__spec-row b{display:block;font-family:var(--font-en);font-size:clamp(18px,2.2vw,26px);font-weight:900;color:var(--o1)}
.dg-hero__spec-row span{font-size:12.5px;color:var(--g4)}

/* ===== 架设规范图卡墙（米白） ===== */
.dg-cards__wall{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.dg-card{background:#fff;border:1px solid var(--line-l);box-shadow:0 10px 30px rgba(20,24,27,.06);transition:transform .3s,box-shadow .3s}
.dg-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(20,24,27,.12)}
.dg-card img{width:100%;height:200px;object-fit:cover}
.dg-card figcaption{padding:20px 18px}
.dg-card .badge{margin-bottom:12px}
.dg-card h3{font-size:16px;color:var(--c1);margin-bottom:8px}
.dg-card p{font-size:13px;color:#6A7268}

/* ===== 报考条件 ===== */
.dg-tj{background:var(--c1);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}
.dg-tj__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.dg-tj__item{padding:28px 24px;background:var(--c2);border:1px dashed var(--line-d)}
.dg-tj__item h3{font-size:16px;margin-bottom:10px;padding-left:12px;border-left:3px solid var(--o1)}
.dg-tj__item p{font-size:13.5px;color:var(--g4)}
.dg-tj__more{margin-top:30px;font-size:14px;color:var(--g4);text-align:center}
.dg-tj__more a{color:var(--o1)}

/* ===== 实操要点 ===== */
.dg-op__wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.dg-op__title{font-size:clamp(24px,2.8vw,36px);font-weight:900;line-height:1.35}
.dg-op__list li{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:18px 0;border-bottom:1px dashed var(--line-d)}
.dg-op__list li>span{font-family:var(--font-en);font-size:32px;font-weight:900;color:transparent;-webkit-text-stroke:1.5px var(--o1)}
.dg-op__list h3{font-size:16.5px;margin-bottom:6px}
.dg-op__list p{font-size:13.5px;color:var(--g4)}

/* ===== 新手提示条 ===== */
.dg-note{padding:80px 0;background:var(--g1)}
.dg-note__inner{display:grid;grid-template-columns:380px 1fr;gap:48px;align-items:center}
.dg-note__inner img{width:100%;height:auto;border:1px solid rgba(255,255,255,.12)}
.dg-note__inner h2{font-size:clamp(22px,2.6vw,32px);font-weight:900;margin:16px 0 14px}
.dg-note__inner p{color:#C6CEBC;font-size:15px;max-width:620px}
.dg-note__inner a{color:var(--o2);border-bottom:1px dotted rgba(244,123,51,.6)}

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

/* ===== CTA（米白） ===== */
.dg-cta{background:var(--paper)}
.dg-cta__inner{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}
.dg-cta__inner h2{font-size:clamp(26px,3.2vw,40px);font-weight:900;line-height:1.3;margin:12px 0 16px}
.dg-cta__inner p{color:#5A6158;font-size:15px}
.dg-cta__inner p a{color:var(--o1);font-weight:700}
.dg-cta__actions{display:grid;gap:14px}

/* ===== 响应式 ===== */
@media (max-width:1024px){
  .dg-cards__wall{grid-template-columns:1fr 1fr}
  .dg-tj__grid{grid-template-columns:1fr 1fr}
  .dg-op__wrap,.dg-note__inner,.dg-cta__inner{grid-template-columns:1fr;gap:36px}
  .dg-rel__grid{grid-template-columns:1fr 1fr}
  .dg-hero__spec-row{grid-template-columns:1fr 1fr}
  .dg-hero__spec-row>div{border-left:none;border-top:1px dashed var(--line-d)}
}
@media (max-width:640px){
  .dg-cards__wall,.dg-tj__grid,.dg-rel__grid,.dg-hero__spec-row{grid-template-columns:1fr}
  .dg-hero__inner{padding-bottom:200px}
}

/* ===== 扣分点小注 ===== */
.dg-card__deduct{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line-d);font-size:12.5px;color:var(--o1);line-height:1.65}

/* ===== hero chip ===== */
.dg-hero__chip{display:inline-block;margin-top:22px;font-family:var(--font-en);font-size:11px;letter-spacing:.16em;color:var(--o1);border:1px solid rgba(224,91,32,.5);padding:6px 14px}

/* ===== 行情数字段 ===== */
.dg-wage__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:8px}
.dg-wage__item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-top:3px solid var(--o1);padding:22px 20px}
.dg-wage__item b{display:block;font-family:var(--font-en);font-size:26px;font-weight:900;color:var(--o1);margin-bottom:6px}
.dg-wage__item span{display:block;font-size:12.5px;color:var(--g4);margin-bottom:10px}
.dg-wage__item p{font-size:12.5px;color:var(--g4);line-height:1.6}

/* ===== 项目排期表 ===== */
.dg-proj__tbl{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line-l)}
.dg-proj__tbl th,.dg-proj__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}
.dg-proj__tbl th{background:var(--c1);color:#fff;font-weight:600}
.dg-proj__tbl td:first-child{font-weight:700;color:var(--c1)}
.dg-proj__tbl tr:last-child td{border-bottom:none}
.dg-proj__wrap a{color:var(--o1)}

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