/* ============================================================
   luohe-tiao-jian.html 漯河报考条件页专属样式（类名前缀 ltj-）
   与 lb-/hm-/dg- 完全独立，原创模块
   ============================================================ */

/* ---------- 1. 头图（原木色调 + 漯河街区） ---------- */
.ltj-hero{position:relative;background:var(--w-deep);padding:140px 0 120px;overflow:hidden}
.ltj-hero-bg{position:absolute;inset:0;background:url("../images/luohe-2.jpg") center/cover no-repeat;opacity:.3;filter:saturate(.8)}
.ltj-hero-box{position:relative;z-index:2;color:#fff;max-width:820px}
.ltj-crumbs{display:flex;gap:8px;align-items:center;font-size:.85rem;color:#e8d5b8;margin-bottom:22px}
.ltj-crumbs a{color:#e8d5b8}
.ltj-crumbs a:hover{color:#fff}
.ltj-crumbs i{font-style:normal;color:#a08a68}
.ltj-hero h1{font-size:clamp(1.9rem,4.6vw,2.8rem);font-weight:800;line-height:1.4}
.ltj-hero-lead{margin:18px 0 30px;color:#F7EFE1;font-size:1.02rem;line-height:1.95;max-width:640px}
.ltj-hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.ltj-hero-actions .btn-line{border-color:rgba(255,255,255,.6);color:#fff}
.ltj-hero-actions .btn-line:hover{background:rgba(255,255,255,.14)}
/* 本地锯齿下沿：波浪三角 */
.ltj-hero-edge{position:absolute;left:0;right:0;bottom:-1px;height:42px;background:var(--paper);clip-path:polygon(0 100%,0 55%,10% 10%,20% 55%,30% 10%,40% 55%,50% 10%,60% 55%,70% 10%,80% 55%,90% 10%,100% 55%,100% 100%)}

/* ---------- 2. 基本条件（左图右文对撞） ---------- */
.ltj-base{background:var(--paper)}
.ltj-base-row{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center}
.ltj-base-img{border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-m)}
.ltj-base-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.ltj-base-img:hover img{transform:scale(1.05)}
.ltj-base-txt h2{font-size:1.7rem;margin:14px 0 18px}
.ltj-base-txt>p{color:var(--ink-soft);margin-bottom:18px}
.ltj-base-list{margin-bottom:18px}
.ltj-base-list li{padding:10px 0 10px 26px;position:relative;color:var(--ink-soft);font-size:.95rem;border-bottom:1px dashed var(--line)}
.ltj-base-list li::before{content:"";position:absolute;left:0;top:18px;width:16px;height:16px;border-radius:50%;background:var(--g-mist)}
.ltj-base-list li b{color:var(--ink)}
.ltj-base-note{font-size:.85rem;color:var(--w-deep);background:var(--w-mist);padding:10px 16px;border-radius:var(--radius-s)}

/* ---------- 3. 自测四步 ---------- */
.ltj-self{background:var(--g-mist)}
.ltj-self-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ltj-self-step{background:var(--paper);border-radius:var(--radius-m);padding:30px 24px;border-top:4px solid var(--g);transition:transform .3s ease,box-shadow .3s ease}
.ltj-self-step:hover{transform:translateY(-6px);box-shadow:var(--shadow-m)}
.ltj-self-no{display:inline-block;font-size:.8rem;color:var(--w-deep);letter-spacing:2px;background:var(--w-mist);padding:3px 12px;border-radius:99px;margin-bottom:14px}
.ltj-self-step h3{font-size:1.1rem;margin-bottom:10px}
.ltj-self-step p{font-size:.88rem;color:var(--ink-soft)}
.ltj-self-cta{text-align:center;margin-top:40px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ---------- 4. 两种情况对撞 ---------- */
.ltj-case{background:var(--paper)}
.ltj-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:36px}
.ltj-case-card{border-radius:var(--radius-l);padding:36px 34px;color:#fff}
.ltj-case-yes{background:linear-gradient(135deg,var(--g),var(--g-deep))}
.ltj-case-no{background:linear-gradient(135deg,var(--w),var(--w-deep))}
.ltj-case-head{display:inline-block;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.4);padding:5px 16px;border-radius:99px;font-size:.85rem;letter-spacing:2px;margin-bottom:20px}
.ltj-case-card li{padding:8px 0 8px 26px;position:relative;font-size:.95rem;color:#f2f5ef}
.ltj-case-card li::before{content:"";position:absolute;left:0;top:15px;width:14px;height:2px;background:rgba(255,255,255,.8)}
.ltj-case-img{border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-s);position:relative}
.ltj-case-img img{width:100%;height:320px;object-fit:cover}
.ltj-case-img p{position:absolute;left:20px;bottom:20px;background:rgba(250,247,239,.94);color:var(--w-deep);padding:10px 20px;border-radius:99px;font-size:.88rem}

/* ---------- 5. 工种差异表 ---------- */
.ltj-diff{background:var(--cream)}
.ltj-diff-table{border-radius:var(--radius-l);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-s)}
.ltj-diff-row{display:grid;grid-template-columns:1fr 1.4fr 1.2fr;gap:10px;padding:18px 26px;background:var(--paper);border-bottom:1px solid var(--line);font-size:.94rem;color:var(--ink-soft);transition:background .25s ease}
a.ltj-diff-row:hover{background:var(--g-mist);color:var(--g-deep)}
.ltj-diff-row span:first-child{font-weight:700;color:var(--ink)}
.ltj-diff-head{background:var(--g-deep);color:#fff;font-weight:700}
.ltj-diff-head span{color:#fff}

/* ---------- 6. 体检与学历说明（对撞） ---------- */
.ltj-detail{background:var(--paper)}
.ltj-detail-row{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}
.ltj-detail-img{border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-m)}
.ltj-detail-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.ltj-detail-img:hover img{transform:scale(1.04)}
.ltj-detail-txt h2{font-size:1.6rem;margin:12px 0 16px}
.ltj-detail-txt p{color:var(--ink-soft);margin-bottom:14px}
.ltj-detail-txt p b{color:var(--ink)}
.ltj-detail-link{display:inline-block;color:var(--w-deep);font-weight:600;border-bottom:2px solid var(--w-soft)}

/* ---------- 7. 特殊情况卡（原创模块） ---------- */
.ltj-special{background:var(--paper)}
.ltj-special-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ltj-special-card{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-l);padding:32px 28px;transition:transform .3s ease,box-shadow .3s ease}
.ltj-special-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-m)}
.ltj-special-card b{display:block;font-size:1.12rem;color:var(--w-deep);margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid var(--w-soft)}
.ltj-special-card p{font-size:.92rem;color:var(--ink-soft);line-height:1.9}
.ltj-special-note{text-align:center;margin-top:28px;color:var(--ink-soft)}
.ltj-special-note a{color:var(--g-deep);font-weight:600}

/* ---------- 8. 资讯入口 ---------- */
.ltj-news{background:var(--g-mist)}
.ltj-news-box{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:var(--paper);border-radius:var(--radius-l);padding:38px 44px;border:1px solid var(--line)}
.ltj-news-txt h2{font-size:1.4rem;margin-bottom:8px}
.ltj-news-txt p{color:var(--ink-soft)}

/* ---------- 9. CTA ---------- */
.ltj-cta{background:var(--paper)}
.ltj-cta-box{text-align:center;max-width:680px;margin:0 auto}
.ltj-cta-box h2{font-size:1.8rem;margin-bottom:16px}
.ltj-cta-box p{color:var(--ink-soft);margin-bottom:28px;line-height:2}
.ltj-cta-box p a{color:var(--g-deep);font-weight:700}
.ltj-cta-acts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ---------- 响应式 ---------- */
@media (max-width:960px){
  .ltj-base-row,.ltj-detail-row{grid-template-columns:1fr;gap:34px}
  .ltj-self-steps{grid-template-columns:repeat(2,1fr)}
  .ltj-case-grid{grid-template-columns:1fr}
  .ltj-diff-row{grid-template-columns:1fr;gap:4px}
  .ltj-diff-head{display:none}
  .ltj-case-img img{height:220px}
  .ltj-special-grid{grid-template-columns:1fr}
}
@media (max-width:600px){
  .ltj-self-steps{grid-template-columns:1fr}
  .ltj-hero{padding:120px 0 90px}
}