/* ==========================================================================
   puyang-jianzhu.html — 濮阳建筑企业申报（台账管理视角骨架）
   模块：建台账步骤 / 台账字段说明表 / 迎检资料分组清单 /
        证书配套三口径对照 / 濮阳工地场景图文 / 团报表单 / FAQ
   ========================================================================== */

.region-hero{background-image:url('../../images/banner-qiye.jpg')}

.cta-flex{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.cta-kicker{display:inline-block;color:var(--gold);font-size:13px;letter-spacing:.2em;font-weight:600;margin-bottom:14px}
.cta-actions{display:flex;gap:14px;flex-wrap:wrap}
.container-narrow{max-width:840px}

/* ---------- 模块一：建台账步骤 ---------- */
.tzsteps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:tz;margin-top:26px}
.tzstep{position:relative;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:22px 22px 20px}
.tzstep::before{counter-increment:tz;content:"第 " counter(tz) " 步";display:inline-block;font-size:12px;color:var(--gold-deep);letter-spacing:.1em;font-weight:600;margin-bottom:10px}
.tzstep h3{font-size:17px;margin-bottom:8px}
.tzstep p{font-size:13.5px;color:var(--muted);margin:0}
.tzstep p a{color:var(--gold-deep);text-decoration:underline}

/* ---------- 模块二：台账字段说明表 ---------- */
.jobtable-wrap{overflow-x:auto;border-radius:var(--radius)}
.job-note{font-size:13px;color:var(--muted);margin-top:14px}
.job-note a{color:var(--gold-deep);text-decoration:underline}

/* ---------- 模块三：迎检资料分组清单（checkbox 风） ---------- */
.chk-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.chk-group{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);overflow:hidden}
.chk-group .cg-head{background:var(--ink);color:var(--gold-pale);padding:14px 20px;font-family:var(--serif);font-size:16px}
.chk-group ul{list-style:none;margin:0;padding:14px 20px 18px}
.chk-group li{display:flex;gap:10px;padding:8px 0;font-size:13.5px;color:var(--body);border-bottom:1px dashed var(--line)}
.chk-group li:last-child{border-bottom:0}
.chk-group li svg{flex:0 0 auto;margin-top:2px}
.chk-group li a{color:var(--gold-deep);text-decoration:underline}

/* ---------- 模块四：证书配套三口径对照 ---------- */
.cmp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.cmp-card{border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:var(--radius-sm);background:var(--paper);padding:22px 24px}
.cmp-card h3{font-size:17px;margin-bottom:6px}
.cmp-card .cmp-sub{font-size:12.5px;color:var(--muted);margin-bottom:12px}
.cmp-card ul{list-style:none;margin:0;padding:0}
.cmp-card li{font-size:13.5px;color:var(--body);padding:6px 0 6px 18px;position:relative}
.cmp-card li::before{content:"";position:absolute;left:0;top:13px;width:8px;height:2px;background:var(--gold)}
.cmp-card li a{color:var(--gold-deep);text-decoration:underline}

/* ---------- 模块五：濮阳工地场景图文 ---------- */
.scene{display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:center}
.scene figure{margin:0}
.scene img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line)}
.scene figcaption{margin-top:10px;font-size:12.5px;color:var(--muted)}
.scene h3{font-family:var(--serif);font-size:22px;margin-bottom:12px}
.scene p{font-size:14.5px;color:var(--body);margin:0 0 12px;line-height:1.85}
.scene p a{color:var(--gold-deep);text-decoration:underline}

/* ---------- 模块六：团报表单 ---------- */
.form-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:28px;max-width:760px;margin:0 auto}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-field{margin-bottom:16px}
.form-field label{display:block;font-size:13.5px;color:var(--ink);margin-bottom:6px;font-weight:600}
.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;font-size:14px;background:var(--paper-soft);font-family:inherit}
.form-field textarea{min-height:80px;resize:vertical}
.form-note{font-size:12.5px;color:var(--muted);margin-top:8px}

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .tzsteps{grid-template-columns:1fr}
  .chk-groups{grid-template-columns:1fr}
  .cmp-grid{grid-template-columns:1fr}
  .scene{grid-template-columns:1fr;gap:24px}
  .form-row{grid-template-columns:1fr}
}