/* ============================================================
   jianzhu-diangong.html · 建筑电工证页（登山机能风）
   区块前缀 ed-
   ============================================================ */

/* ---------- Hero：左文右景 + 数据浮标 ---------- */
.ed-hero{position:relative;min-height:640px;display:flex;align-items:center;padding:calc(var(--header-h) + 60px) 0 80px;overflow:hidden;background:var(--c1)}
.ed-hero__bg{position:absolute;inset:0}
.ed-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:70% center;opacity:.38}
.ed-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(21,24,27,.96) 32%,rgba(21,24,27,.72) 58%,rgba(21,24,27,.35))}
.ed-hero__inner{position:relative;max-width:640px}
.ed-hero__crumbs{padding:0;margin-bottom:22px}
.ed-hero__kick{display:inline-block;font-family:var(--font-en);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--o1);margin-bottom:18px}
.ed-hero h1{font-size:clamp(34px,5vw,58px);font-weight:900;line-height:1.12;letter-spacing:.01em}
.ed-hero h1 em{font-style:normal;color:var(--g4);-webkit-text-stroke:1px var(--g3)}
.ed-hero__desc{margin-top:22px;font-size:16px;line-height:1.8;color:var(--g4);max-width:520px}
.ed-hero__desc strong{color:var(--white)}
.ed-hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.ed-hero__chip{position:absolute;right:40px;bottom:70px;background:var(--c3);border:1px solid rgba(224,91,32,.4);border-left:4px solid var(--o1);padding:14px 20px;min-width:130px}
.ed-hero__chip b{display:block;font-family:var(--font-en);font-size:26px;font-weight:900;color:var(--o1)}
.ed-hero__chip span{font-size:12px;color:var(--g4);letter-spacing:.08em}
.ed-hero__chip--a{right:40px;bottom:150px}
.ed-hero__chip--b{right:200px;bottom:70px}

/* ---------- 两证区别：分屏对照 ---------- */
.ed-diff{background:var(--c1)}
.ed-diff__grid{display:grid;grid-template-columns:1fr 64px 1fr;gap:0;align-items:stretch}
.ed-diff__col{padding:36px 34px;border:1px solid var(--line-d);background:var(--c2)}
.ed-diff__col--bz{border-top:3px solid var(--o1)}
.ed-diff__col--dy{border-top:3px solid var(--g3)}
.ed-diff__tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;padding:5px 12px;background:var(--o1);color:#fff;margin-bottom:18px}
.ed-diff__tag--alt{background:var(--g1);color:var(--g4)}
.ed-diff__col h3{font-size:20px;margin-bottom:20px;line-height:1.4}
.ed-diff__col ul li{display:flex;gap:10px;padding:11px 0;border-bottom:1px dashed var(--line-d);font-size:14px;color:var(--g4)}
.ed-diff__col ul li:last-child{border-bottom:none}
.ed-diff__col ul li b{flex-shrink:0;width:52px;color:var(--white);font-weight:700}
.ed-diff__vs{display:grid;place-items:center;font-family:var(--font-en);font-weight:900;font-size:22px;color:var(--o1)}
.ed-diff__note{margin-top:28px;padding:18px 22px;background:rgba(224,91,32,.08);border-left:3px solid var(--o1);font-size:14px;color:var(--g4)}
.ed-diff__note strong{color:var(--o2)}

/* ---------- 工作内容 ---------- */
.ed-scope__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ed-scope__item{padding:26px 22px;background:#fff;border:1px solid var(--line-l);position:relative}
.ed-scope__item::before{content:"";position:absolute;top:0;left:0;width:24px;height:3px;background:var(--o1)}
.ed-scope__no{font-family:var(--font-en);font-size:34px;font-weight:900;color:transparent;-webkit-text-stroke:1.5px var(--g3);display:block;margin-bottom:14px}
.ed-scope__item h3{font-size:17px;color:var(--c1);margin-bottom:8px}
.ed-scope__item p{font-size:13.5px;color:#5A6158;line-height:1.7}
.ed-scope__item p a{color:var(--o1);text-decoration:underline}
.ed-scope__img{margin-top:36px}
.ed-scope__img img{width:100%;height:320px;object-fit:cover;border:1px solid var(--line-l)}

/* ---------- 报考条件 checklist ---------- */
.ed-req{background:var(--g1)}
.ed-req__wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start}
.ed-req__list li{display:flex;gap:14px;align-items:flex-start;padding:18px 0;border-bottom:1px dashed var(--line-d)}
.ed-req__list li svg{flex-shrink:0;margin-top:3px;color:var(--o1)}
.ed-req__list li b{display:block;font-size:16px;color:var(--white);margin-bottom:4px}
.ed-req__list li span{font-size:14px;color:var(--g4)}
.ed-req__aside{background:var(--c2);border:1px solid var(--line-d);padding:30px 28px;border-top:3px solid var(--o1)}
.ed-req__aside h3{font-size:19px;margin-bottom:16px}
.ed-req__aside p{font-size:14px;color:var(--g4);margin-bottom:12px}
.ed-req__aside p b{color:var(--white)}
.ed-req__aside a{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:var(--o1);font-weight:700;font-size:14px}

/* ---------- 城市需求卡 ---------- */
.ed-city{background:var(--c1)}
.ed-city__grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.ed-city__card{position:relative;overflow:hidden;border:1px solid var(--line-d);display:block}
.ed-city__card img{width:100%;height:300px;object-fit:cover;transition:transform .5s}
.ed-city__card:hover img{transform:scale(1.05)}
.ed-city__body{position:relative;padding:24px 26px;background:var(--c2)}
.ed-city__body h3{font-size:19px;margin:12px 0 8px}
.ed-city__body p{font-size:14px;color:var(--g4)}
.ed-city__body p a{color:var(--o1)}

/* ---------- 证书管理时间轴 ---------- */
.ed-cert{background:var(--c2)}
.ed-cert__timeline{max-width:880px}
.ed-cert__tip{margin-top:26px;font-size:14px;color:var(--g4)}
.ed-cert__tip a{color:var(--o1);font-weight:700}

/* ---------- 企业团报 mini ---------- */
.ent-mini__inner{display:grid;grid-template-columns:1.5fr auto;gap:30px;align-items:center;padding:44px 40px;border:1px dashed var(--line-d);background:var(--c2)}
.ent-mini__inner h2{font-size:24px;margin-bottom:10px}
.ent-mini__inner p{font-size:14px;color:var(--g4);max-width:640px}
.ent-mini__inner p a{color:var(--o1);font-weight:700}

/* ---------- CTA ---------- */
.ed-cta{background:linear-gradient(160deg,var(--c1),var(--g1))}
.ed-cta__inner{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}
.ed-cta__inner h2{font-size:clamp(26px,3.4vw,40px);font-weight:900;line-height:1.25;margin:14px 0 16px}
.ed-cta__inner p{color:var(--g4);font-size:15px;max-width:460px}
.ed-cta__tel{display:inline-flex;flex-direction:column;margin-top:26px;font-family:var(--font-en);font-weight:900;font-size:34px;color:var(--o1);letter-spacing:.02em}
.ed-cta__tel small{font-family:var(--font-cn);font-weight:400;font-size:13px;color:var(--g4);letter-spacing:.05em;margin-top:4px}
.ed-cta__form{background:var(--c2);border:1px solid var(--line-d);padding:32px;border-top:3px solid var(--o1)}
.ed-cta__form h3{font-size:19px;margin-bottom:18px}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .ed-hero__chip--a{right:24px}
  .ed-hero__chip--b{right:150px}
  .ed-scope__grid{grid-template-columns:1fr 1fr}
  .ed-diff__grid{grid-template-columns:1fr}
  .ed-diff__vs{padding:10px 0}
  .ed-req__wrap{grid-template-columns:1fr;gap:28px}
  .ed-cta__inner{grid-template-columns:1fr;gap:36px}
}
@media (max-width:640px){
  .ed-hero{min-height:auto;padding-bottom:60px}
  .ed-hero__chip{display:none}
  .ed-scope__grid{grid-template-columns:1fr}
  .ed-city__grid{grid-template-columns:1fr}
  .ent-mini__inner{grid-template-columns:1fr;padding:28px 22px}
  .ed-scope__img img{height:200px}
}