/* ==========================================================================
   安全员页 anquanyuan.css —— 安全警示卡(红橙点缀/阶梯堆叠) / 检查清单表
   / 证书要求 / 适配画像 / CTA
   页面专属前缀：.aq-
   ========================================================================== */

/* 安全警示点缀色（不覆盖品牌主色，仅局部强调） */
:root{
  --warn-red:#FF6B5B;
  --warn-orange:#FF9F43;
  --warn-red-soft:#FFE7E3;
  --warn-orange-soft:#FFF1E0;
}

/* ---------- 1. Banner ---------- */
.aq-hero{
  position:relative;overflow:hidden;
  min-height:460px;display:flex;align-items:center;
  padding:calc(var(--nav-h) + 40px) 0 60px;
}
.aq-hero-bg{position:absolute;inset:0;background:url("../images/anquanyuan.jpg") center/cover no-repeat}
.aq-hero-mask{position:absolute;inset:0;background:linear-gradient(115deg,rgba(58,53,80,.85) 0%,rgba(58,53,80,.5) 55%,rgba(255,107,91,.35) 100%)}
.aq-hero-inner{position:relative;z-index:2;color:#fff;max-width:720px}
.aq-hero .crumbs a{color:#EDE6FC}
.aq-hero .crumbs{color:#E6DFFB}
.aq-hero h1{color:#fff;font-size:clamp(30px,4.6vw,50px);margin:18px 0 14px}
.aq-hl{
  background:linear-gradient(90deg,#FF9F43,#FF6B5B);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.aq-hero-inner > p{color:rgba(255,255,255,.92);font-size:clamp(15px,1.6vw,17px);max-width:640px}
.aq-eyebrow{color:var(--warn-red);background:var(--warn-red-soft)}

/* ---------- 2. 安全警示卡（阶梯堆叠） ---------- */
.aq-stack{display:grid;gap:0;max-width:860px;margin:0 auto}
.aq-warn-card{
  display:flex;gap:20px;align-items:flex-start;
  padding:26px 28px;border-radius:var(--r-lg);
  background:var(--glass);border:1px solid var(--line);
  box-shadow:var(--shadow-sm);
  /* 阶梯堆叠：逐条向右下错层 */
  margin-bottom:-14px;position:relative;z-index:1;
  transition:transform .35s,box-shadow .35s,margin .35s;
}
.aq-warn-card:hover{transform:translateX(10px);box-shadow:var(--shadow-md);z-index:5}
.aq-warn-card:nth-child(even){transform:translateX(28px)}
.aq-warn-card:nth-child(even):hover{transform:translateX(38px)}
.aq-w-ico{
  flex:none;width:54px;height:54px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;color:#fff;
}
.aq-w-ico svg{width:28px;height:28px}
.aq-w-red{background:linear-gradient(135deg,#FF6B5B,#FF3B30)}
.aq-w-orange{background:linear-gradient(135deg,#FF9F43,#FF7A00)}
.aq-warn-card h3{font-size:19px;margin-bottom:8px}
.aq-warn-card p{font-size:14.5px;color:var(--ink-2);margin:0}

/* ---------- 3. 技能要求图卡 ---------- */
.aq-skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.aq-skill-card{
  border-radius:var(--r-lg);overflow:hidden;
  background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow-sm);
  transition:transform .35s,box-shadow .35s;
}
.aq-skill-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.aq-skill-card img{width:100%;height:210px;object-fit:cover}
.aq-skill-card h3{font-size:17px;padding:18px 20px 6px}
.aq-skill-card p{font-size:14px;color:var(--ink-3);padding:0 20px 20px}

/* ---------- 4. 检查清单表 ---------- */
.aq-table-wrap{overflow-x:auto;border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}
.aq-table{
  width:100%;border-collapse:collapse;background:var(--surface);
  table-layout:fixed;min-width:640px;
}
.aq-table th,.aq-table td{
  padding:15px 18px;text-align:left;font-size:14.5px;
  border-bottom:1px solid var(--line);word-break:break-word;
}
.aq-table thead th{
  background:linear-gradient(120deg,#FF6B5B,#FF9F43);color:#fff;
}
.aq-table tbody tr:hover{background:var(--warn-orange-soft)}
.aq-table td:first-child{font-weight:600;color:var(--warn-red)}

/* 安全红线提示条 */
.aq-line-box{
  margin-top:26px;padding:26px 28px;border-radius:var(--r-lg);
  background:linear-gradient(120deg,#FFF1E0,#FFE7E3);
  border-left:6px solid var(--warn-red);
  display:flex;gap:18px;align-items:flex-start;box-shadow:var(--shadow-sm);
}
.aq-line-badge{
  flex:none;font-size:14px;font-weight:700;color:#fff;
  background:linear-gradient(135deg,#FF6B5B,#FF3B30);
  padding:6px 16px;border-radius:var(--r-full);
}
.aq-line-box p{margin:0;color:var(--ink-2);font-size:15px}

/* ---------- 5. 证书要求 ---------- */
.aq-cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.aq-cert-card{
  padding:28px 24px;border-radius:var(--r-lg);
  background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow-sm);
  border-top:4px solid var(--warn-orange);
  transition:transform .35s,box-shadow .35s;
}
.aq-cert-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.aq-cert-card h3{font-size:18px;margin-bottom:10px;color:var(--warn-red)}
.aq-cert-card p{font-size:14.5px;color:var(--ink-2)}

/* ---------- 6. 适配画像 ---------- */
.aq-fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.aq-fit-card{
  padding:30px 28px;border-radius:var(--r-lg);
  background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow-sm);
}
.aq-fit-card h3{font-size:19px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px dashed var(--line)}
.aq-fit-card ul{display:grid;gap:11px}
.aq-fit-card li{position:relative;padding-left:24px;color:var(--ink-2);font-size:15px}
.aq-fit-card li::before{content:"✓";position:absolute;left:0;color:var(--warn-red);font-weight:700}

/* ---------- 7. 企业补缺 CTA ---------- */
.aq-cta-biz{
  padding:clamp(50px,7vw,90px) 0;
  background:linear-gradient(120deg,#FF6B5B 0%,#FF9F43 55%,#9B8AEA 100%);
}
.aq-cta-box{text-align:center}
.aq-cta-box h2{color:#fff;font-size:clamp(24px,3.2vw,36px);margin-bottom:14px}
.aq-cta-box p{color:rgba(255,255,255,.94);max-width:640px;margin:0 auto 28px}
.aq-cta-btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.aq-cta-biz .btn-ghost{background:rgba(255,255,255,.18);color:#fff;border-color:rgba(255,255,255,.5)}

/* ---------- 8. 个人咨询表单 ---------- */
.aq-form{padding:clamp(26px,4vw,44px);max-width:860px;margin:0 auto}
.aq-relate{text-align:center;margin-top:26px;font-size:14px;color:var(--ink-3)}
.aq-relate a{color:var(--purple-deep);margin:0 6px;font-weight:600}
.aq-relate a:hover{color:var(--pink-deep)}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .aq-skill-grid,.aq-cert-grid{grid-template-columns:1fr 1fr}
  .aq-warn-card:nth-child(even){transform:translateX(14px)}
}
@media (max-width:768px){
  .aq-skill-grid,.aq-cert-grid,.aq-fit-grid{grid-template-columns:1fr}
  .aq-warn-card{margin-bottom:14px;transform:none!important}
  .aq-warn-card:hover{transform:none!important}
}
@media (max-width:480px){
  .aq-hero{min-height:420px}
  .aq-warn-card{flex-direction:column;gap:14px}
  .aq-cta-btns .btn{width:100%}
  .aq-table{min-width:520px}
}


/* 自动生成：列宽规则（原 <th style=width> 迁移，禁止内联样式） */
.aq-table-wrap th:nth-child(1){width:22%}
.aq-table-wrap th:nth-child(2){width:48%}
.aq-table-wrap th:nth-child(3){width:30%}

/* ---------- 6.5 安全数据条 ---------- */
.aq-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.aq-stat{
  text-align:center;padding:30px 18px;border-radius:var(--r-lg);
  background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow-sm);
  border-top:4px solid var(--warn-orange);
  transition:transform .35s,box-shadow .35s;
}
.aq-stat:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.aq-stat .num{font-size:clamp(30px,3.6vw,44px);font-weight:800;line-height:1.1}
.aq-stat .lbl{margin-top:10px;font-size:14px;color:var(--ink-3)}

/* ---------- 6.8 应用场景卡 ---------- */
.aq-scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.aq-scene-card{
  border-radius:var(--r-lg);overflow:hidden;
  background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow-sm);
  transition:transform .35s,box-shadow .35s;
}
.aq-scene-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.aq-scene-card img{width:100%;height:200px;object-fit:cover}
.aq-scene-card h3{font-size:17px;padding:16px 20px 6px}
.aq-scene-card p{font-size:13.5px;color:var(--ink-3);padding:0 20px 18px}
.aq-cert-note{max-width:760px;margin:18px auto 0;font-size:14px;color:var(--ink-3);text-align:center}

@media (max-width:1024px){.aq-stats-grid{grid-template-columns:1fr 1fr}.aq-scene-grid{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.aq-stats-grid,.aq-scene-grid{grid-template-columns:1fr}}