/* ==========================================================================
   xuchang-jianzhu.html — 许昌建筑企业申报（项目类型视角骨架）
   模块：三类项目证对照表 / 项目类型解读卡 / 申报时间线（横向）/
        人员证书状态管理卡 / 服务案例图卡 / 团报表单 / FAQ
   ========================================================================== */

.region-hero{background-image:url('../../images/xuchang-industry.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}

/* ---------- 模块一：三类项目证对照表 ---------- */
.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}

/* ---------- 模块二：项目类型解读卡（横版带图） ---------- */
.pt-grid{display:grid;gap:22px;margin-top:26px}
.pt-card{display:grid;grid-template-columns:260px 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--paper)}
.pt-card:nth-child(even){grid-template-columns:1fr 260px}
.pt-card:nth-child(even) .pt-media{order:2}
.pt-media{margin:0}
.pt-media img{width:100%;height:100%;object-fit:cover;display:block;min-height:180px}
.pt-body{padding:24px 28px}
.pt-tag{font-size:12px;color:var(--gold-deep);letter-spacing:.1em;font-weight:600}
.pt-body h3{font-family:var(--serif);font-size:19px;margin:8px 0 10px}
.pt-body p{font-size:14px;color:var(--muted);margin:0 0 12px}
.pt-tags{display:flex;flex-wrap:wrap;gap:8px}
.pt-tags a{font-size:12.5px;border:1px solid var(--gold-line);border-radius:999px;padding:4px 12px;color:var(--gold-deep);background:var(--paper)}

/* ---------- 模块三：申报时间线（横向） ---------- */
.tl-track{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:36px;position:relative}
.tl-track::before{content:"";position:absolute;left:6%;right:6%;top:14px;height:2px;background:var(--gold-line)}
.tl-node{position:relative;padding:0 14px;text-align:center}
.tl-node .tl-dot{width:28px;height:28px;border-radius:50%;background:var(--ink);border:4px solid var(--gold);margin:0 auto 16px;position:relative;z-index:1}
.tl-node h3{font-size:15px;margin-bottom:6px}
.tl-node .tl-when{font-size:12px;color:var(--gold-deep);letter-spacing:.08em;font-weight:600;margin-bottom:8px;display:block}
.tl-node p{font-size:13px;color:var(--muted);margin:0}
.tl-node p a{color:var(--gold-deep);text-decoration:underline}

/* ---------- 模块四：人员证书状态管理卡 ---------- */
.st-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.st-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);padding:20px 20px}
.st-card .st-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}
.st-card h3{font-size:15px;margin-bottom:8px;display:flex;align-items:center}
.st-card p{font-size:13px;color:var(--muted);margin:0 0 8px}
.st-card p a{color:var(--gold-deep);text-decoration:underline}
.st-card .st-act{font-size:12.5px;color:var(--ink);background:var(--paper-soft);border-radius:6px;padding:6px 10px;display:block}
.st-ok .st-dot{background:#2e8b57}
.st-warn .st-dot{background:#d9911f}
.st-bad .st-dot{background:#b23a2e}
.st-mix .st-dot{background:#5b6ee1}

/* ---------- 模块五：服务案例图卡 ---------- */
.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.case-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--paper)}
.case-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.case-card .cc-body{padding:18px 22px}
.case-card h3{font-size:16px;margin-bottom:6px}
.case-card p{font-size:13.5px;color:var(--muted);margin:0}

/* ---------- 模块六：团报表单 ---------- */
.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){
  .pt-card,.pt-card:nth-child(even){grid-template-columns:1fr}
  .pt-card:nth-child(even) .pt-media{order:0}
  .tl-track{grid-template-columns:1fr;gap:18px}
  .tl-track::before{left:50%;right:auto;top:8%;bottom:8%;width:2px;height:auto}
  .st-grid{grid-template-columns:1fr 1fr}
  .case-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
}