/* ============================================================
   shengjiangji.html · 施工升降机司机证页
   区块前缀 sj-
   ============================================================ */

/* ---------- Hero：左文 + 右置附墙高度刻度 ---------- */
.sj-hero{position:relative;overflow:hidden;padding:calc(var(--header-h) + 56px) 0 80px}
.sj-hero__bg{position:absolute;inset:0}
.sj-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:.36}
.sj-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(21,24,27,.95) 28%,rgba(21,24,27,.8) 60%,rgba(21,24,27,.6))}
.sj-hero__inner{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.sj-hero__crumbs{padding:0;margin-bottom:20px}
.sj-hero__kick{display:block;font-family:var(--font-en);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--o1);margin-bottom:16px}
.sj-hero h1{font-size:clamp(32px,4.8vw,54px);font-weight:900;line-height:1.15}
.sj-hero h1 em{font-style:normal;color:var(--g4)}
.sj-hero__desc{margin-top:20px;font-size:16px;line-height:1.8;color:var(--g4);max-width:540px}
.sj-hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
/* 右置：附墙高度刻度竖尺 */
.sj-hero__scale{border-left:2px solid var(--o1);padding:6px 0 6px 22px;display:flex;flex-direction:column;gap:22px}
.sj-hero__mark b{display:block;font-family:var(--font-en);font-size:22px;font-weight:900;color:var(--white)}
.sj-hero__mark span{font-size:12.5px;color:var(--g4)}

/* ---------- 工作内容 ---------- */
.sj-job{background:var(--c1)}
.sj-job__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.sj-job__item{padding:26px 22px;background:var(--c2);border:1px solid var(--line-d);position:relative}
.sj-job__no{font-family:var(--font-en);font-size:32px;font-weight:900;color:transparent;-webkit-text-stroke:1.5px var(--o1);display:block;margin-bottom:14px}
.sj-job__item h3{font-size:17px;margin-bottom:8px}
.sj-job__item p{font-size:13.5px;color:var(--g4);line-height:1.7}
.sj-job__img{margin-top:26px}
.sj-job__img img{width:100%;height:280px;object-fit:cover;border:1px solid var(--line-d)}
.sj-job__cap{margin-top:12px;font-size:13.5px;color:var(--g4)}
.sj-job__cap a{color:var(--o1);font-weight:700}

/* ---------- 区别表 ---------- */
.sj-diff .tbl th,.sj-diff .tbl td{font-size:14px}
.sj-diff__tbl col:nth-child(1){width:22%}
.sj-diff__tbl col:nth-child(2){width:39%}
.sj-diff__tbl col:nth-child(3){width:39%}

/* ---------- 报考条件 ---------- */
.sj-req__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:44px;align-items:start}
.sj-req__list li{display:flex;gap:12px;padding:14px 0;border-bottom:1px dashed var(--line-d);font-size:14.5px;color:var(--g4)}
.sj-req__list li b{flex-shrink:0;width:52px;color:var(--white)}
.sj-req__aside{background:var(--c2);border:1px solid var(--line-d);padding:28px;border-top:3px solid var(--o1)}
.sj-req__aside h3{font-size:19px;margin-bottom:16px}
.sj-req__aside p{font-size:14px;color:var(--g4);margin-bottom:12px}
.sj-req__aside p b{color:var(--white)}
.sj-req__aside a{display:inline-flex;align-items:center;gap:6px;color:var(--o1);font-weight:700;font-size:14px}

/* ---------- 安全要点 ---------- */
.sj-safety{background:var(--c2)}
.sj-safety__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.sj-safety__item{padding:26px 22px;background:var(--c1);border:1px dashed var(--line-d)}
.sj-safety__item h3{font-size:17px;margin-bottom:8px;color:var(--white)}
.sj-safety__item p{font-size:13.5px;color:var(--g4);line-height:1.7}
.sj-safety__item a{color:var(--o1)}

/* ---------- 人货电梯司机薪资行情表 ---------- */
.sj-pay{background:var(--c2)}
.sj-pay__tbl col:nth-child(1){width:28%}
.sj-pay__tbl col:nth-child(2){width:32%}
.sj-pay__tbl col:nth-child(3){width:40%}
.sj-pay__tbl td:nth-child(2){font-family:var(--font-en);font-weight:800;color:var(--o1)}
.sj-pay__note{margin-top:18px;font-size:13.5px;color:var(--g4)}
.sj-pay__note a{color:var(--o1);font-weight:700}

/* ---------- 常见问答 ---------- */
.sj-faq{background:var(--c1)}
.sj-faq__list{max-width:880px}
.sj-faq__item{padding:22px 0;border-bottom:1px dashed var(--line-d)}
.sj-faq__item h3{font-size:17px;margin-bottom:8px;color:var(--white)}
.sj-faq__item p{font-size:14px;color:var(--g4);line-height:1.75}
.sj-faq__item a{color:var(--o1);font-weight:700}

/* ---------- CTA ---------- */
.sj-cta{background:linear-gradient(150deg,var(--g1),var(--c1))}
.sj-cta__inner{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}
.sj-cta__inner h2{font-size:clamp(26px,3.4vw,40px);font-weight:900;line-height:1.25;margin:14px 0 16px}
.sj-cta__inner p{color:var(--g4);font-size:15px;max-width:470px}
.sj-cta__inner p a{color:var(--o1);font-weight:700}
.sj-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)}
.sj-cta__tel small{font-family:var(--font-cn);font-weight:400;font-size:13px;color:var(--g4);margin-top:4px}
.sj-cta__form{background:var(--c2);border:1px solid var(--line-d);padding:32px;border-top:3px solid var(--o1)}
.sj-cta__form h3{font-size:19px;margin-bottom:18px}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .sj-hero__inner{grid-template-columns:1fr;gap:32px}
  .sj-hero__scale{flex-direction:row;flex-wrap:wrap;gap:16px 28px;border-left:none;border-top:2px solid var(--o1);padding:16px 0 0}
  .sj-job__grid{grid-template-columns:1fr 1fr}
  .sj-req__grid{grid-template-columns:1fr;gap:28px}
  .sj-safety__grid{grid-template-columns:1fr 1fr}
  .sj-cta__inner{grid-template-columns:1fr;gap:36px}
}
@media (max-width:640px){
  .sj-job__grid{grid-template-columns:1fr}
  .sj-safety__grid{grid-template-columns:1fr}
  .sj-job__img img{height:200px}
}