/* ============================================================
   luohe-fu-shen.html 漯河证书复审页专属样式（类名前缀 lfs-）
   与 lb-/ltj-/llc-/lcl-/lks-/lpx-/hm-/dg- 完全独立，原创模块
   ============================================================ */

/* ---------- 1. 头图（原木 + 证书特写） ---------- */
.lfs-hero{position:relative;background:var(--w-deep);padding:140px 0 120px;overflow:hidden}
.lfs-hero-bg{position:absolute;inset:0;background:url("../images/zhengshu-1.jpg") center/cover no-repeat;opacity:.3}
.lfs-hero-box{position:relative;z-index:2;color:#fff;max-width:780px}
.lfs-crumbs{display:flex;gap:8px;align-items:center;font-size:.85rem;color:#e8d5b8;margin-bottom:22px}
.lfs-crumbs a{color:#e8d5b8}
.lfs-crumbs a:hover{color:#fff}
.lfs-crumbs i{font-style:normal;color:#a08a68}
.lfs-hero h1{font-size:clamp(1.9rem,4.6vw,2.8rem);font-weight:800;line-height:1.4}
.lfs-hero-lead{margin:16px 0 28px;color:#F7EFE1;font-size:1.02rem;line-height:1.9;max-width:640px}
.lfs-hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.lfs-hero-actions .btn-line{border-color:rgba(255,255,255,.6);color:#fff}
.lfs-hero-actions .btn-line:hover{background:rgba(255,255,255,.14)}
.lfs-hero-edge{position:absolute;left:0;right:0;bottom:-1px;height:42px;background:var(--paper);clip-path:polygon(0 100%,0 60%,10% 25%,20% 60%,30% 25%,40% 60%,50% 25%,60% 60%,70% 25%,80% 60%,90% 25%,100% 60%,100% 100%)}

/* ---------- 2. 有效期时间条 ---------- */
.lfs-rule{background:var(--paper)}
.lfs-rule-bar{display:flex;align-items:flex-start;justify-content:center;gap:0;max-width:820px;margin:0 auto}
.lfs-rule-node{text-align:center;width:200px}
.lfs-rule-node b{display:inline-block;background:var(--g-mist);color:var(--g-deep);padding:10px 22px;border-radius:99px;font-size:1rem}
.lfs-rule-node.lfs-rule-warn b{background:var(--w);color:#fff}
.lfs-rule-node p{margin-top:12px;font-size:.86rem;color:var(--ink-soft)}
.lfs-rule-line{flex:1;height:3px;margin-top:20px;background:repeating-linear-gradient(90deg,var(--w-soft) 0 10px,transparent 10px 20px)}
.lfs-rule-note{text-align:center;margin-top:36px;color:var(--ink-soft)}
.lfs-rule-note a{color:var(--g-deep);font-weight:600}

/* ---------- 3. 复审材料（对撞） ---------- */
.lfs-mat{background:var(--g-mist)}
.lfs-mat-row{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}
.lfs-mat-img{border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-m)}
.lfs-mat-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.lfs-mat-img:hover img{transform:scale(1.04)}
.lfs-mat-txt h2{font-size:1.6rem;margin:12px 0 16px}
.lfs-mat-list{margin-bottom:16px}
.lfs-mat-list li{padding:9px 0 9px 30px;position:relative;color:var(--ink-soft);font-size:.95rem;border-bottom:1px dashed var(--line)}
.lfs-mat-list li::before{content:"✓";position:absolute;left:0;top:9px;color:var(--g-deep);font-weight:700}
.lfs-mat-list li b{color:var(--ink)}
.lfs-mat-note{font-size:.86rem;color:var(--w-deep)}
.lfs-mat-note a{font-weight:600}

/* ---------- 4. 啥时候该复审 ---------- */
.lfs-when{background:var(--paper)}
.lfs-when-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lfs-when-card{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-l);padding:34px 28px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}
.lfs-when-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-m)}
.lfs-when-tag{display:inline-block;font-size:.82rem;padding:5px 16px;border-radius:99px;background:var(--g-mist);color:var(--g-deep);margin-bottom:16px}
.lfs-when-card:nth-child(2) .lfs-when-tag{background:var(--w-mist);color:var(--w-deep)}
.lfs-when-card:nth-child(3) .lfs-when-tag{background:var(--w-deep);color:#fff}
.lfs-when-card h3{font-size:1.15rem;margin-bottom:10px}
.lfs-when-card p{font-size:.9rem;color:var(--ink-soft)}

/* ---------- 5. 过期警示条 ---------- */
.lfs-expired{background:var(--w-mist)}
.lfs-expired-box{background:var(--w-deep);color:#fff;border-radius:var(--radius-l);padding:48px 44px;max-width:900px}
.lfs-expired-box h2{font-size:1.6rem;margin-bottom:14px}
.lfs-expired-box p{color:#F7EFE1;line-height:1.9;margin-bottom:24px}
.lfs-expired-box p a{color:#fff;font-weight:700;border-bottom:1px solid rgba(255,255,255,.5)}
.lfs-expired-acts{display:flex;gap:14px;flex-wrap:wrap}
.lfs-expired-acts .btn-line{border-color:rgba(255,255,255,.6);color:#fff}
.lfs-expired-acts .btn-line:hover{background:rgba(255,255,255,.14)}

/* ---------- 6. 企业批量复审 ---------- */
.lfs-org{background:var(--paper)}
.lfs-org-row{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.lfs-org-txt h2{font-size:1.6rem;margin:12px 0 16px}
.lfs-org-txt>p{color:var(--ink-soft);margin-bottom:24px}
.lfs-org-acts{display:flex;gap:12px;flex-wrap:wrap}
.lfs-org-img{border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-m)}
.lfs-org-img img{width:100%;height:100%;object-fit:cover}

/* ---------- 7. 资讯入口 ---------- */
.lfs-news{background:var(--g-mist)}
.lfs-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)}
.lfs-news-txt h2{font-size:1.4rem;margin-bottom:8px}
.lfs-news-txt p{color:var(--ink-soft)}

/* ---------- 8. CTA ---------- */
.lfs-cta{background:var(--cream)}
.lfs-cta-box{text-align:center;max-width:660px;margin:0 auto}
.lfs-cta-box h2{font-size:1.8rem;margin-bottom:16px}
.lfs-cta-box p{color:var(--ink-soft);margin-bottom:26px}
.lfs-cta-box p a{color:var(--g-deep);font-weight:700}
.lfs-cta-acts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ---------- 9. 复审 vs 新考对照表（原创模块） ---------- */
.lfs-cmp{background:var(--cream)}
.lfs-cmp-table{max-width:860px;margin:0 auto;border:1px solid var(--line);border-radius:var(--radius-l);overflow:hidden;background:var(--paper);box-shadow:var(--shadow-m)}
.lfs-cmp-row{display:grid;grid-template-columns:.8fr 1.2fr 1.5fr;border-bottom:1px solid var(--line);font-size:.92rem}
.lfs-cmp-row:last-child{border-bottom:none}
.lfs-cmp-row>span,.lfs-cmp-row>b{padding:16px 20px;line-height:1.8}
.lfs-cmp-row b{background:var(--g-mist);color:var(--g-deep);font-weight:700}
.lfs-cmp-head{background:var(--w-deep);color:#fff;font-weight:700;font-size:.95rem}
.lfs-cmp-head span{padding:14px 20px}
.lfs-cmp-note{text-align:center;margin-top:26px;color:var(--ink-soft)}
.lfs-cmp-note a{color:var(--g-deep);font-weight:700}

/* ---------- 8. 复审踩坑三卡（原创对错卡） ---------- */
.lfs-pit{background:var(--paper)}
.lfs-pit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lfs-pit-card{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-l);overflow:hidden}
.lfs-pit-wrong,.lfs-pit-right{padding:20px 24px;font-size:.92rem;line-height:1.8}
.lfs-pit-wrong{background:#fbeaea;color:#8a3a3a;border-bottom:1px dashed rgba(0,0,0,.08)}
.lfs-pit-wrong span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#c05050;color:#fff;margin-right:8px;font-weight:700}
.lfs-pit-right{background:var(--g-mist);color:var(--g-deep)}
.lfs-pit-right span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--g-deep);color:#fff;margin-right:8px;font-weight:700}
.lfs-pit-note{text-align:center;margin-top:28px;color:var(--ink-soft)}
.lfs-pit-note a{color:var(--g-deep);font-weight:600}

/* ---------- 响应式 ---------- */
@media (max-width:960px){
  .lfs-mat-row,.lfs-org-row{grid-template-columns:1fr;gap:34px}
  .lfs-when-grid{grid-template-columns:1fr}
  .lfs-pit-grid{grid-template-columns:1fr}
  .lfs-rule-bar{flex-direction:column;align-items:center;gap:8px}
  .lfs-rule-line{width:3px;height:40px;flex:none}
}
@media (max-width:600px){
  .lfs-hero{padding:120px 0 90px}
  .lfs-cmp-row{grid-template-columns:.7fr 1fr 1.25fr;font-size:.82rem}
  .lfs-cmp-row>span,.lfs-cmp-row>b,.lfs-cmp-head span{padding:12px 10px}
}
