/* ==========================================================================
   安全生产专题样式 zhengce-anquan.css（周口八大员人才网 pzsr.cn）
   骨架：页头(图文) → 三级责任阶梯卡 → 红线清单表
       → 应急四步流程 → 脚手架图文 → 相关互链 → CTA
   专属前缀 aq-，不污染全局
   ========================================================================== */

/* ---------- 页头 ---------- */
.aq-hero{padding-bottom:clamp(56px,7vw,90px)}
.aq-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(26px,4vw,54px);align-items:center}
.aq-hero-text .tag{margin-bottom:16px}
.aq-hero-text h1{font-size:clamp(28px,4vw,46px);margin:8px 0 16px}
.aq-hero-text .sub{font-size:clamp(14px,1.5vw,16px);color:var(--ink-3);max-width:560px}
.aq-hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.aq-hero-visual img{width:100%;height:340px;object-fit:cover;border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--shadow-lg)}

/* ---------- 三级责任阶梯卡 ---------- */
.aq-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:end}
.aq-level{
  background:var(--glass);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:28px 24px;box-shadow:var(--shadow-sm);transition:transform .35s,box-shadow .35s;
}
.aq-level:nth-child(1){transform:translateY(0)}
.aq-level:nth-child(2){transform:translateY(14px)}
.aq-level:nth-child(3){transform:translateY(28px)}
.aq-level:hover{transform:translateY(-4px) !important;box-shadow:var(--shadow-md)}
.aq-lvl{
  display:inline-block;font-size:13px;font-weight:700;color:#fff;
  padding:4px 14px;border-radius:var(--r-full);margin-bottom:14px;
}
.aq-lvl.l1{background:linear-gradient(120deg,#C0392B,#E74C3C)}
.aq-lvl.l2{background:linear-gradient(120deg,#D35400,#E67E22)}
.aq-lvl.l3{background:linear-gradient(120deg,#C9741A,#E8A33D)}
.aq-level h3{font-size:18px;margin-bottom:10px}
.aq-level p{font-size:14px;color:var(--ink-3)}

/* ---------- 红线表 ---------- */
.aq-tablewrap{overflow-x:auto;border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff}
.aq-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:680px}
.aq-table th,.aq-table td{padding:14px 16px;text-align:left;font-size:14px;vertical-align:top;word-wrap:break-word}
.aq-table thead th{background:linear-gradient(120deg,#C0392B,#E74C3C);color:#fff;font-weight:600}
.aq-table tbody tr{border-top:1px solid var(--line);transition:background .25s}
.aq-table tbody tr:nth-child(even){background:#FFF5F5}
.aq-table tbody tr:hover{background:#FFE6E6}
.aq-table td b{color:#C0392B}

/* ---------- 应急四步 ---------- */
.aq-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.aq-step{
  position:relative;background:var(--glass);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:26px 22px;box-shadow:var(--shadow-sm);
  transition:transform .35s,box-shadow .35s;
}
.aq-step:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.aq-sno{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:50%;font-weight:800;color:#fff;
  background:linear-gradient(120deg,#E67E22,#FF7EBC);margin-bottom:14px;
}
.aq-step h3{font-size:17px;margin-bottom:8px}
.aq-step p{font-size:14px;color:var(--ink-3)}

/* ---------- 图文 ---------- */
.aq-media{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(26px,4vw,54px);align-items:center}
.aq-media-img img{width:100%;height:360px;object-fit:cover;border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--shadow-md)}
.aq-media-body .eyebrow{margin-bottom:12px}
.aq-media-body h2{font-size:clamp(22px,2.8vw,32px);margin-bottom:16px}
.aq-media-body p{font-size:15px;color:var(--ink-2);margin-bottom:14px}

/* ---------- 互链 ---------- */
.aq-relgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.aq-rel{
  background:var(--glass);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:22px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-sm);
  transition:transform .35s,box-shadow .35s,border-color .35s;
}
.aq-rel:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--pink-soft)}
.aq-rel b{font-size:17px}
.aq-rel span{font-size:13px;color:#C0392B}

/* ---------- CTA ---------- */
.aq-cta{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#E74C3C 0%,#FF7EBC 55%,#9B8AEA 100%);
  padding:clamp(50px,7vw,80px) 0;border-radius:var(--r-xl);
  width:min(1200,92%);margin:0 auto var(--sec-pad);
}
.aq-cta .container{position:relative;z-index:2;text-align:center}
.aq-cta h2{color:#fff;font-size:clamp(24px,3vw,34px);margin-bottom:12px}
.aq-cta p{color:rgba(255,255,255,.92);max-width:560px;margin:0 auto 26px}
.aq-cta-form{display:flex;gap:10px;max-width:560px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.aq-cta-form input{flex:1;min-width:200px;padding:14px 20px;border-radius:var(--r-full);border:none;outline:none;font-size:15px}
.aq-cta-form .btn{box-shadow:0 10px 26px rgba(0,0,0,.18)}
.aq-cta-link{font-size:13px;color:rgba(255,255,255,.85);margin-top:18px}
.aq-cta-link a{color:#fff;font-weight:600;text-decoration:underline}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .aq-hero-grid{grid-template-columns:1fr}
  .aq-hero-visual img{height:250px}
  .aq-levels{grid-template-columns:1fr}
  .aq-level:nth-child(2),.aq-level:nth-child(3){transform:none}
  .aq-flow{grid-template-columns:1fr 1fr}
  .aq-media{grid-template-columns:1fr}
  .aq-relgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:480px){
  .aq-flow{grid-template-columns:1fr}
  .aq-relgrid{grid-template-columns:1fr}
  .aq-cta{border-radius:var(--r-lg)}
  .aq-table th,.aq-table td{padding:11px 11px;font-size:13px}
}

/* ---------- 列宽 ---------- */
.aq-table th:nth-child(1),.aq-table td:nth-child(1){width:22%}
.aq-table th:nth-child(2),.aq-table td:nth-child(2){width:48%}
.aq-table th:nth-child(3),.aq-table td:nth-child(3){width:30%}


/* ===== 新增：安全数据条 ===== */
.aq-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.aq-stat .num{font-size:clamp(28px,3.6vw,44px);font-weight:800}
.aq-stat .lbl{font-size:13px;color:var(--ink-3);margin-top:6px}
/* ===== 新增：红线勾选清单 ===== */
.aq-red{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:960px;margin:0 auto}
.aq-ritem{display:flex;gap:14px;background:var(--glass);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;box-shadow:var(--shadow-sm)}
.aq-box{flex:none;width:26px;height:26px;border-radius:8px;background:#FDE7E7;color:#C0392B;display:flex;align-items:center;justify-content:center}
.aq-box svg{width:16px;height:16px}
.aq-ritem b{font-size:15px;display:block;margin-bottom:4px;color:#C0392B}
.aq-ritem p{font-size:13px;color:var(--ink-3);line-height:1.6}
@media(max-width:768px){.aq-stats{grid-template-columns:1fr 1fr}.aq-red{grid-template-columns:1fr}}