/* ============================================================
   sanmenxia-cai-liao.html 三门峡报名材料页专属样式（类名前缀 scl-）
   ============================================================ */

/* ---------- 1. 头图 ---------- */
.scl-hero{position:relative;padding:150px 0 100px;background:var(--w-deep);overflow:hidden}
.scl-hero-bg{position:absolute;inset:0;background:url("../images/zhengshu-2.jpg") center/cover no-repeat;opacity:.32}
.scl-hero-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(63,50,36,.92),rgba(63,50,36,.5))}
.scl-hero-box{position:relative;z-index:2;color:#fff}
.scl-crumbs{display:flex;gap:8px;align-items:center;font-size:.85rem;color:#e8d5b8;margin-bottom:24px}
.scl-crumbs a{color:#e8d5b8}.scl-crumbs a:hover{color:#fff}
.scl-crumbs i{font-style:normal;color:#c9ad83}
.scl-hero h1{font-size:clamp(1.9rem,4.5vw,2.9rem);font-weight:800;letter-spacing:1px}
.scl-hero p{margin:18px 0 30px;color:#f3e6d2;max-width:620px;line-height:2}
.scl-hero-acts{display:flex;gap:14px;flex-wrap:wrap}
.scl-hero-acts .btn-line{border-color:rgba(255,255,255,.55);color:#fff}
.scl-hero-acts .btn-line:hover{background:rgba(255,255,255,.12)}

/* ---------- 2. 材料分组（五列卡片，标签角标式） ---------- */
.scl-list{background:var(--paper)}
.scl-list-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.scl-list-card{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-m);padding:26px 20px;transition:all .3s ease;position:relative;overflow:hidden}
.scl-list-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--g-mid);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.scl-list-card:hover{box-shadow:var(--shadow-m);transform:translateY(-6px)}
.scl-list-card:hover::before{transform:scaleX(1)}
.scl-list-ico{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--g-mist);color:var(--g-deep);font-weight:800;margin-bottom:14px}
.scl-list-card h3{font-size:1.05rem;margin-bottom:12px}
.scl-list-card ul li{padding:5px 0 5px 18px;position:relative;font-size:.85rem;color:var(--ink-soft)}
.scl-list-card ul li::before{content:"";position:absolute;left:2px;top:12px;width:8px;height:2px;background:var(--w)}

/* ---------- 3. 照片体检详解（对撞） ---------- */
.scl-photo{background:var(--g-mist)}
.scl-photo-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.scl-photo-txt h2{font-size:1.75rem;line-height:1.4;margin:12px 0 16px}
.scl-photo-txt>p{color:var(--ink-soft);margin-bottom:14px}
.scl-photo-list{margin:16px 0 24px}
.scl-photo-list li{padding:8px 0 8px 28px;position:relative;color:var(--ink-soft);font-size:.94rem}
.scl-photo-list li::before{content:"✓";position:absolute;left:2px;top:8px;color:var(--g-deep);font-weight:700}
.scl-photo-img{border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-m)}
.scl-photo-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.scl-photo-img:hover img{transform:scale(1.04)}

/* ---------- 本页局部锯齿装饰带 ---------- */
.scl-zig{height:20px;background:var(--g-soft);clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%)}

/* ---------- 4. 打勾清单（双栏看板） ---------- */
.scl-check{background:var(--cream)}
.scl-check-board{display:grid;grid-template-columns:1.3fr 1fr;gap:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-m)}
.scl-check-list{padding:36px 40px;border-right:1px dashed var(--line)}
.scl-check-list li{padding:12px 0 12px 36px;position:relative;font-size:.96rem;color:var(--ink);border-bottom:1px dashed var(--line)}
.scl-check-list li:last-child{border-bottom:none}
.scl-check-list li::before{content:"";position:absolute;left:4px;top:14px;width:16px;height:16px;border-radius:4px;border:2px solid var(--g-mid);background:var(--g-mist)}
.scl-check-side{padding:36px 38px;background:var(--g-mist);display:flex;flex-direction:column;justify-content:center}
.scl-check-side h3{font-size:1.3rem;color:var(--g-deep);margin-bottom:12px}
.scl-check-side p{font-size:.92rem;color:var(--ink-soft);margin-bottom:20px}

/* ---------- 5. FAQ（手风琴，本页样式） ---------- */
.scl-faq{background:var(--paper)}
.scl-faq-list{max-width:840px;margin:0 auto}
.scl-faq-item{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-m);margin-bottom:12px;overflow:hidden;transition:border-color .3s ease}
.scl-faq-item.open{border-color:var(--g-mid)}
.scl-faq-q{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;padding:18px 24px;font-size:1rem;font-weight:600;color:var(--ink)}
.scl-faq-q::after{content:"+";font-size:1.3rem;color:var(--w);transition:transform .3s ease}
.scl-faq-item.open .scl-faq-q::after{transform:rotate(45deg)}
.scl-faq-a{padding:0 24px 18px}
.scl-faq-a p{color:var(--ink-soft);font-size:.93rem}
.scl-faq-a p a{color:var(--g-deep);font-weight:600}

/* ---------- 6. 预审三步（箭头连接横条） ---------- */
.scl-yushen{background:var(--g-mist)}
.scl-yushen-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.scl-yushen-step{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-m);padding:24px 24px 22px;position:relative;transition:all .3s ease}
.scl-yushen-step:not(:last-child)::after{content:"→";position:absolute;right:-16px;top:50%;transform:translateY(-50%);color:var(--g-mid);font-weight:700;z-index:2}
.scl-yushen-step:hover{border-color:var(--g-mid);transform:translateY(-5px);box-shadow:var(--shadow-s)}
.scl-yushen-step b{display:inline-block;background:var(--g-mist);color:var(--g-deep);border-radius:99px;padding:4px 14px;font-size:.86rem;margin-bottom:10px}
.scl-yushen-step p{font-size:.9rem;color:var(--ink-soft)}

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

/* ---------- 7. 材料规格速查（4 卡） ---------- */
.scl-spec{background:var(--g-mist)}
.scl-spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.scl-spec-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-m);padding:24px 20px;transition:all .3s ease;border-top:4px solid var(--g)}
.scl-spec-card:nth-child(2){border-top-color:var(--w)}
.scl-spec-card:nth-child(3){border-top-color:var(--g-deep)}
.scl-spec-card:nth-child(4){border-top-color:var(--w-deep)}
.scl-spec-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-s)}
.scl-spec-card h3{font-size:1.05rem;color:var(--ink);margin-bottom:8px}
.scl-spec-card p{font-size:.88rem;color:var(--ink-soft);line-height:1.8}
.scl-spec-note{text-align:center;font-size:.85rem;color:var(--ink-soft);margin-top:18px}

/* ---------- 8. 写在最后（居中横幅） ---------- */
.scl-end{background:var(--cream)}
.scl-end-box{max-width:760px;margin:0 auto;text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-l);padding:40px 44px;box-shadow:var(--shadow-s)}
.scl-end-box p{color:var(--ink-soft);line-height:2;margin-bottom:22px}

/* ---------- 9. CTA ---------- */
.scl-cta{background:var(--w-deep);padding:74px 0}
.scl-cta-box{text-align:center;color:#fff}
.scl-cta-box h2{font-size:1.9rem;margin-bottom:14px}
.scl-cta-box p{color:#f0e2cd;margin-bottom:26px}
.scl-cta-box p a{color:#fff;font-weight:700;border-bottom:1px dashed rgba(255,255,255,.5)}
.scl-cta-acts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.scl-cta-acts .btn-line{border-color:rgba(255,255,255,.5);color:#fff}
.scl-cta-acts .btn-line:hover{background:rgba(255,255,255,.12)}

/* ---------- 响应式 ---------- */
@media (max-width:960px){
  .scl-list-grid{grid-template-columns:repeat(2,1fr)}
  .scl-photo-grid{grid-template-columns:1fr;gap:34px}
  .scl-check-board{grid-template-columns:1fr}
  .scl-check-list{border-right:none;border-bottom:1px dashed var(--line)}
}
@media (max-width:600px){
  .scl-list-grid{grid-template-columns:1fr}
}