/* hanjie.html — 焊工 · S10 居中编辑式+错落卡片 · D1 光带 + D4 斜分隔 */

.hj-hero{
  padding:calc(var(--header-h) + 70px) 0 90px;
  text-align:center;
  background:
    radial-gradient(circle at 50% -10%, rgba(199,180,154,.30), transparent 55%),
    linear-gradient(135deg,#FBFAF6 0%,#F0ECE4 100%);
}
.hj-hero-in{max-width:820px;margin:0 auto;text-align:center;}
.hj-hero h1{font-size:44px;line-height:1.28;margin:22px 0 18px;}
.hj-lede{font-size:16px;color:var(--text-weak);max-width:700px;margin:0 auto;}
.hj-hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px;}

.hj-intro{max-width:800px;text-align:center;}
.hj-intro h2{font-size:30px;margin:16px 0 18px;line-height:1.35;}
.hj-intro p{font-size:15.5px;}

/* S10 错落卡片 */
.hj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:start;}
.hj-card{background:#fff;box-shadow:var(--shadow-s);overflow:hidden;}
.hj-card img{width:100%;height:auto;}
.hj-card h3{font-size:18px;color:var(--brown-400);padding:18px 22px 0;}
.hj-card p{font-size:14px;color:var(--text-weak);padding:8px 22px 24px;}
.hj-b{margin-top:36px;}
.hj-c{margin-top:12px;}

/* D4 斜分隔 */
.hj-divider{
  height:56px;
  background:linear-gradient(135deg,var(--gray-50) 0%,#fff 60%);
  clip-path:polygon(0 100%,100% 0,100% 100%);
}

.hj-sec-head{margin-bottom:30px;max-width:720px;}
.hj-sec-head h2{font-size:28px;margin:14px 0 10px;}
.hj-cond{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:start;}
.hj-cond ul li{padding:8px 0 8px 20px;position:relative;font-size:15px;border-bottom:1px dashed var(--line);}
.hj-cond ul li::before{content:"";position:absolute;left:0;top:16px;width:7px;height:7px;background:var(--brown-200);transform:rotate(45deg);}
.hj-cond p{font-size:15px;}

.hj-job{display:grid;grid-template-columns:1.4fr 1fr;gap:44px;align-items:start;}
.hj-job-txt h2{font-size:28px;margin:14px 0 16px;}
.hj-job-side{background:#fff;padding:28px 26px;box-shadow:var(--shadow-b);}
.hj-job-side h3{font-size:17px;color:var(--brown-400);margin-bottom:12px;}
.hj-job-side details{border-bottom:1px dashed var(--line);padding:10px 0;}
.hj-job-side summary{cursor:pointer;font-size:14.5px;font-weight:600;}
.hj-job-side details p{font-size:13.5px;color:var(--text-weak);margin:8px 0 0;line-height:1.8;}

.hj-cta{
  background:linear-gradient(135deg,var(--brown-300),var(--brown-400));color:#fff;text-align:center;
}
.hj-cta h2{color:#fff;font-size:28px;margin-bottom:12px;}
.hj-cta p{color:rgba(255,255,255,.85);}
.hj-cta .hj-hero-cta{margin-top:24px;}

@media (max-width:920px){
  .hj-hero h1{font-size:30px;}
  .hj-grid,.hj-cond,.hj-job{grid-template-columns:1fr;}
  .hj-b,.hj-c{margin-top:0;}
}