/* ============================================================
   sanmenxia-baoming.html 三门峡报考总入口页专属样式（类名前缀 smb-）
   与首页 hm-、工种页 dg- 完全独立，模块原创
   ============================================================ */

/* ---------- 1. 头图 ---------- */
.smb-hero{position:relative;min-height:560px;display:flex;align-items:center;background:var(--g-deep);overflow:hidden;padding:150px 0 110px}
.smb-hero-bg{position:absolute;inset:0;background:url("../images/sanmenxia-1.jpg") center/cover no-repeat;opacity:.38}
.smb-hero-mask{position:absolute;inset:0;background:linear-gradient(105deg,rgba(46,86,63,.88) 0%,rgba(46,86,63,.55) 55%,rgba(46,86,63,.25) 100%)}
.smb-hero-box{position:relative;z-index:2;color:#fff;max-width:820px}
.smb-hero-kicker{display:inline-block;padding:6px 18px;border:1px solid rgba(197,224,206,.5);border-radius:99px;font-size:.85rem;letter-spacing:3px;color:var(--g-soft);margin-bottom:22px}
.smb-hero-title{font-size:clamp(2rem,5vw,3.1rem);font-weight:800;line-height:1.3;letter-spacing:1px}
.smb-hero-sub{margin:20px 0 32px;color:#e6efe8;font-size:1.05rem;line-height:2}
.smb-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:30px}
.smb-hero-actions .btn-line{border-color:rgba(255,255,255,.6);color:#fff}
.smb-hero-actions .btn-line:hover{background:rgba(255,255,255,.14)}
.smb-hero-meta{display:flex;gap:26px;flex-wrap:wrap;font-size:.92rem;color:#cfe0d4}
.smb-hero-meta a{color:#fff;font-weight:600;border-bottom:1px dashed rgba(255,255,255,.5)}
.smb-hero-edge{position:absolute;left:0;right:0;bottom:-1px;height:46px;background:var(--paper);clip-path:polygon(0 100%,0 55%,8% 18%,16% 62%,24% 22%,32% 66%,40% 26%,48% 68%,56% 24%,64% 64%,72% 20%,80% 60%,88% 22%,100% 58%,100% 100%)}

/* ---------- 2. 本地服务介绍（对撞） ---------- */
.smb-intro{background:var(--paper)}
.smb-intro-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}
.smb-intro-img{position:relative;border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-m)}
.smb-intro-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.smb-intro-img:hover img{transform:scale(1.05)}
.smb-intro-tag{position:absolute;right:18px;bottom:18px;background:rgba(250,247,239,.94);color:var(--g-deep);font-size:.85rem;padding:8px 18px;border-radius:99px;font-weight:600}
.smb-intro-txt h2{font-size:1.8rem;line-height:1.4;margin:14px 0 18px}
.smb-intro-txt p{color:var(--ink-soft);margin-bottom:14px}
.smb-intro-list{margin:18px 0 24px}
.smb-intro-list li{padding:9px 0 9px 32px;position:relative;color:var(--ink);font-size:.96rem;border-bottom:1px dashed var(--line)}
.smb-intro-list li::before{content:"";position:absolute;left:4px;top:17px;width:14px;height:14px;border-radius:50%;background:var(--g-mist);box-shadow:inset 0 0 0 4px var(--g-soft)}
.smb-link{display:inline-block;color:var(--g-deep);font-weight:700;border-bottom:2px solid var(--w-soft);transition:color .25s ease,padding-left .25s ease}
.smb-link:hover{color:var(--w-deep);padding-left:6px}

/* ---------- 3. 工种矩阵 ---------- */
.smb-work{background:var(--g-mist)}
.smb-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.smb-work-card{background:var(--paper);border-radius:var(--radius-l);overflow:hidden;border:1px solid var(--line);transition:transform .35s ease,box-shadow .35s ease}
.smb-work-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-l)}
.smb-work-card img{width:100%;height:200px;object-fit:cover;transition:transform .6s ease}
.smb-work-card:hover img{transform:scale(1.06)}
.smb-work-body{padding:22px 24px 26px}
.smb-work-body .tag{margin-bottom:12px}
.smb-work-body h3{font-size:1.15rem;margin-bottom:8px}
.smb-work-body p{font-size:.9rem;color:var(--ink-soft)}
.smb-work-more{text-align:center;margin-top:40px}

/* ---------- 4. 考试批次（对撞） ---------- */
.smb-batch{background:var(--cream)}
.smb-batch-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.smb-batch-txt h2{font-size:1.8rem;line-height:1.4;margin:14px 0 16px}
.smb-batch-txt>p{color:var(--ink-soft);margin-bottom:22px}
.smb-batch-cards{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
.smb-batch-item{display:flex;align-items:center;justify-content:space-between;background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--g-mid);border-radius:var(--radius-s);padding:14px 20px;transition:border-color .25s ease,transform .25s ease}
.smb-batch-item:hover{border-left-color:var(--w);transform:translateX(6px)}
.smb-batch-item b{font-size:1rem;color:var(--g-deep)}
.smb-batch-item span{font-size:.86rem;color:var(--ink-soft)}
.smb-batch-note{font-size:.82rem;color:var(--ink-soft);margin-bottom:22px}
.smb-batch-img{border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-m)}
.smb-batch-img img{width:100%;height:100%;object-fit:cover}

/* ---------- 本页局部锯齿装饰带 ---------- */
.smb-zig{height:22px;background:repeating-linear-gradient(90deg,var(--w-soft) 0 18px,transparent 18px 36px);clip-path:polygon(0 0,100% 0,100% 45%,50% 100%,0 45%)}

/* ---------- 5. 入口矩阵 ---------- */
.smb-enter{background:var(--paper)}
.smb-enter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.smb-enter-item{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-m);padding:22px 20px;transition:all .3s ease}
.smb-enter-item:hover{background:var(--g-mist);border-color:var(--g-mid);transform:translateY(-5px);box-shadow:var(--shadow-s)}
.smb-enter-item b{display:block;font-size:1.02rem;margin-bottom:6px;color:var(--ink)}
.smb-enter-item:hover b{color:var(--g-deep)}
.smb-enter-item span{font-size:.84rem;color:var(--ink-soft)}

/* ---------- 6. 四步流程 ---------- */
.smb-step{background:var(--w-mist)}
.smb-step-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:smb}
.smb-step-card{background:var(--paper);border-radius:var(--radius-l);padding:30px 26px;position:relative;border-top:4px solid var(--g-mid);transition:transform .3s ease,box-shadow .3s ease}
.smb-step-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-m)}
.smb-step-no{font-size:2rem;font-weight:800;color:var(--w-soft);letter-spacing:1px}
.smb-step-card h3{font-size:1.08rem;margin:8px 0 10px}
.smb-step-card p{font-size:.88rem;color:var(--ink-soft)}

/* ---------- 7. 资讯入口 ---------- */
.smb-news{background:var(--g-mist)}
.smb-news-box{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-l);padding:42px 46px;box-shadow:var(--shadow-s)}
.smb-news-txt h2{font-size:1.45rem;margin:10px 0 8px}
.smb-news-txt p{color:var(--ink-soft)}

/* ---------- 8. 预约 CTA ---------- */
.smb-cta{background:var(--g-deep);padding:80px 0}
.smb-cta-box{text-align:center;color:#fff}
.smb-cta-box h2{font-size:2rem;margin-bottom:16px}
.smb-cta-box p{color:#d8e6dc;margin-bottom:28px;line-height:2}
.smb-cta-box a{color:#fff;font-weight:700;border-bottom:1px dashed rgba(255,255,255,.5)}
.smb-cta-acts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.smb-cta-acts .btn-line{border-color:rgba(255,255,255,.55);color:#fff}
.smb-cta-acts .btn-line:hover{background:rgba(255,255,255,.12)}

/* ---------- 响应式 ---------- */
@media (max-width:960px){
  .smb-intro-grid,.smb-batch-grid{grid-template-columns:1fr;gap:36px}
  .smb-work-grid{grid-template-columns:repeat(2,1fr)}
  .smb-enter-grid{grid-template-columns:repeat(2,1fr)}
  .smb-step-row{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  .smb-work-grid,.smb-enter-grid,.smb-step-row{grid-template-columns:1fr}
  .smb-hero{padding:130px 0 90px}
  .smb-news-box{padding:30px 24px}
}