/* ============================================================
   hanjie.html · 焊工（熔化焊接与热切割作业）页面样式
   独特类名前缀 hj-，不与其他工种页共用
   ============================================================ */

/* ===== Hero：满幅焊花 + 巨大描边序号 ===== */
.hj-hero{position:relative;min-height:660px;display:flex;align-items:center;overflow:hidden;padding-top:var(--header-h);background:var(--c1)}
.hj-hero__bg{position:absolute;inset:0}
.hj-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 28%}
.hj-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(21,24,27,.96) 28%,rgba(21,24,27,.62) 62%,rgba(21,24,27,.32))}
.hj-hero__num{position:absolute;right:-6px;bottom:-52px;font-family:var(--font-en);font-size:280px;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(224,91,32,.32);pointer-events:none;z-index:1}
.hj-hero__inner{position:relative;z-index:2;padding-block:96px}
.hj-hero__kick{display:inline-block;font-family:var(--font-en);font-size:12px;letter-spacing:.24em;color:var(--o1);margin-bottom:18px}
.hj-hero h1{font-size:clamp(38px,6vw,68px);font-weight:900;line-height:1.14;margin-bottom:20px}
.hj-hero h1 em{font-style:normal;color:var(--o1)}
.hj-hero__desc{max-width:560px;color:#D6DBD2;font-size:16px;margin-bottom:30px}
.hj-hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:36px}
.hj-hero__meta{display:flex;flex-wrap:wrap;gap:14px 28px;font-size:13px;color:var(--g4);border-top:1px dashed var(--line-d);padding-top:18px;max-width:640px}

/* ===== 证书分类（米白） ===== */
.hj-cat__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hj-cat__card{height:100%}
.hj-cat__card .badge{margin-bottom:16px}

/* ===== 数据带 ===== */
.hj-data{background:var(--c1);background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px}
.hj-data__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.hj-data__item{padding:34px 26px;background:var(--c2);border:1px solid var(--line-d);border-top:3px solid var(--o1)}
.hj-data__item b{display:block;font-size:clamp(34px,4vw,52px);color:var(--o1);margin-bottom:12px}
.hj-data__item span{font-size:13.5px;color:var(--g4);line-height:1.6}

/* ===== 报考条件 ===== */
.hj-tj__wrap{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}
.hj-tj__title{font-size:clamp(24px,2.6vw,34px);font-weight:900;margin:12px 0 26px}
.hj-tj__list li{display:grid;grid-template-columns:64px 1fr;gap:14px;padding:16px 0;border-bottom:1px dashed var(--line-d)}
.hj-tj__list li b{color:var(--o1);font-size:14px;letter-spacing:.08em}
.hj-tj__list li span{color:var(--g4);font-size:14.5px}
.hj-tj__more{margin-top:22px;font-size:14px;color:var(--g4)}
.hj-tj__more a{color:var(--o1);border-bottom:1px dotted rgba(224,91,32,.5)}
.hj-tj__img img{width:100%;height:auto;border:1px solid var(--line-d)}
.hj-tj__img figcaption{margin-top:10px;font-size:12.5px;color:var(--g4)}

/* ===== 实操考试点（米白） ===== */
.hj-sc__wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:start;margin-bottom:30px}
.hj-sc__img img{width:100%;height:auto;border:1px solid var(--line-l)}
.hj-sc__list li{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:20px 0;border-bottom:1px dashed var(--line-l)}
.hj-sc__list li>span{font-family:var(--font-en);font-size:30px;font-weight:900;color:transparent;-webkit-text-stroke:1.5px var(--o1)}
.hj-sc__list h3{font-size:17px;margin-bottom:6px;color:var(--c1)}
.hj-sc__list p{font-size:14px;color:#5A6158}
.hj-sc__tip{font-size:14px;color:#5A6158;border-left:3px solid var(--o1);padding:14px 18px;background:rgba(224,91,32,.07)}
.hj-sc__tip a{color:var(--o1);font-weight:700}

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

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

/* ===== CTA：橙色斜纹底 ===== */
.hj-cta{position:relative;background:var(--c2);overflow:hidden}
.hj-cta::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:repeating-linear-gradient(90deg,var(--o1) 0 46px,var(--c2) 46px 92px)}
.hj-cta__inner{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.hj-cta__text h2{font-size:clamp(26px,3.2vw,40px);font-weight:900;line-height:1.25;margin:12px 0 16px}
.hj-cta__text p{color:var(--g4);font-size:15px;max-width:520px}
.hj-cta__text a{color:var(--o1)}
.hj-cta__actions{display:grid;gap:14px}

/* ===== 响应式 ===== */
@media (max-width:1024px){
  .hj-cat__grid,.hj-rel__grid{grid-template-columns:1fr 1fr}
  .hj-data__grid{grid-template-columns:1fr 1fr}
  .hj-tj__wrap,.hj-sc__wrap,.hj-eye__inner,.hj-cta__inner{grid-template-columns:1fr;gap:36px}
  .hj-hero__num{font-size:180px;bottom:-30px}
}
@media (max-width:640px){
  .hj-hero{min-height:560px}
  .hj-cat__grid,.hj-rel__grid,.hj-data__grid{grid-template-columns:1fr}
  .hj-tj__list li{grid-template-columns:1fr;gap:6px}
  .hj-hero__num{font-size:120px}
}