/* ============================================================
   anquanyuan.html · 安全员岗位详解（重构版）
   题头④大图卡片；2×2大卡 / 双图文 / 教育演练对照 / 胶囊顶卡 / 对照表 / 语录引用 / 问答
   ============================================================ */

/* ---------- 题头：大图卡片（保留形态） ---------- */
.aq-hero{ padding:120px 0 60px; }
.aq-hero-card{ position:relative; border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-lg); min-height:440px; display:flex; align-items:flex-end; }
.aq-hero-card > img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.aq-hero-mask{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(15,31,23,.25) 0%, rgba(15,31,23,.85) 100%); }
.aq-hero-body{ position:relative; padding:44px 48px; max-width:760px; }
.aq-crumbs{ display:flex; flex-wrap:wrap; gap:8px; font-size:13px; color:#D8E6DD; margin-bottom:12px; }
.aq-crumbs a{ color:#fff; }
.aq-crumbs a:hover{ color:var(--orange-2); }
.aq-crumbs .sep{ color:rgba(255,255,255,.4); }
.aq-kicker{ display:inline-block; font-size:13px; font-weight:800; letter-spacing:3px; color:var(--orange-2); margin-bottom:10px; }
.aq-title{ font-size:36px; font-weight:800; color:#fff; letter-spacing:.5px; }
.aq-sub{ margin-top:14px; color:#E2EDE7; font-size:15.5px; line-height:1.9; }
.aq-hero-actions{ margin-top:24px; display:flex; flex-wrap:wrap; gap:12px; }

/* ---------- 四大职责 2×2 大卡 ---------- */
.aq-duty{ background:#fff; }
.aq-duty-grid{ margin-top:40px; display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.aq-duty-card{ background:var(--bg-green); border-radius:var(--radius-lg); padding:32px 30px; border-left:5px solid var(--green); transition:transform .3s ease, box-shadow .3s ease; }
.aq-duty-card:hover{ transform:translateY(-5px); box-shadow:var(--shadow-md); }
.aq-dc-no{ display:block; font-size:34px; font-weight:800; color:var(--green-soft); -webkit-text-stroke:2px var(--green-deep); line-height:1; margin-bottom:12px; }
.aq-duty-card h3{ font-size:20px; margin-bottom:10px; }
.aq-duty-card p{ font-size:14.5px; color:var(--ink-2); line-height:1.9; }

/* ---------- 隐患排查双图文卡 ---------- */
.aq-hazard{ background:var(--bg-soft); }
.aq-hazard-duo{ margin-top:32px; display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.aq-hz-card{ background:#fff; border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-sm); transition:transform .3s ease, box-shadow .3s ease; }
.aq-hz-card:hover{ transform:translateY(-5px); box-shadow:var(--shadow-md); }
.aq-hz-card img{ width:100%; height:210px; object-fit:cover; }
.aq-hz-body{ padding:24px 26px 28px; }
.aq-hz-body h3{ font-size:19px; margin-bottom:10px; }
.aq-hz-body p{ font-size:14.5px; color:var(--ink-2); line-height:1.95; }

/* ---------- 教育与演练对照双栏 ---------- */
.aq-edu{ background:#fff; }
.aq-edu-grid{ margin-top:36px; display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.aq-edu-col{ background:var(--bg-orange); border-radius:var(--radius-lg); padding:32px 30px; }
.aq-edu-col-b{ background:var(--green-soft); }
.aq-edu-col h3{ font-size:20px; margin-bottom:16px; }
.aq-edu-col ul{ display:flex; flex-direction:column; gap:12px; }
.aq-edu-col li{ position:relative; padding-left:24px; font-size:14.5px; color:var(--ink-2); line-height:1.85; }
.aq-edu-col li::before{ content:""; position:absolute; left:0; top:9px; width:11px; height:11px; border-radius:3px; background:var(--orange); }
.aq-edu-col-b li::before{ background:var(--green); }

/* ---------- 适合人群胶囊顶卡 ---------- */
.aq-fit{ background:var(--bg-green); }
.aq-cap-grid{ margin-top:40px; display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.aq-cap{ background:#fff; border-radius:var(--radius-lg); padding:30px 26px 28px; box-shadow:var(--shadow-sm); }
.aq-cap-tag{ display:inline-block; padding:5px 16px; border-radius:999px; background:linear-gradient(135deg,var(--orange),var(--orange-deep)); color:#fff; font-size:12.5px; font-weight:700; letter-spacing:1px; margin-bottom:16px; }
.aq-cap h3{ font-size:18.5px; margin-bottom:10px; }
.aq-cap p{ font-size:14px; color:var(--ink-2); line-height:1.9; }

/* ---------- 报考对照表 ---------- */
.aq-apply{ background:#fff; }
.aq-apply-table{ margin-top:32px; border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-sm); border:1px solid var(--line); }
.aq-apply-table table{ width:100%; border-collapse:collapse; }
.aq-apply-table th, .aq-apply-table td{ padding:18px 24px; text-align:left; vertical-align:top; border-bottom:1px solid var(--line); font-size:14.5px; }
.aq-apply-table tr:last-child th, .aq-apply-table tr:last-child td{ border-bottom:none; }
.aq-apply-table th{ width:130px; background:var(--green-soft); color:var(--green-deep); font-weight:800; }
.aq-apply-table td{ color:var(--ink-2); line-height:1.9; }
.aq-apply-table a{ color:var(--orange-deep); font-weight:700; }

/* ---------- 备考语录引用 ---------- */
.aq-quotesec{ background:var(--bg-orange); }
.aq-quote{ max-width:820px; margin:0 auto; text-align:center; padding:48px 40px; background:#fff; border-radius:var(--radius-lg); box-shadow:var(--shadow-md); }
.aq-quote-mark{ font-size:64px; line-height:1; color:var(--orange); font-family:Georgia,serif; }
.aq-quote-text{ font-size:18px; line-height:2; color:var(--ink); font-weight:600; margin-top:8px; }
.aq-quote-by{ margin-top:16px; font-size:13.5px; color:var(--ink-3); letter-spacing:1px; }
.aq-quote-actions{ margin-top:26px; display:flex; justify-content:center; flex-wrap:wrap; gap:12px; }

/* ---------- 问答 ---------- */
.aq-faq{ background:#fff; }
.aq-faq-list{ margin:32px auto 0; max-width:860px; display:flex; flex-direction:column; gap:14px; }
.aq-faq-list details{ background:var(--bg-soft); border:1px solid var(--line); border-radius:var(--radius); padding:0 22px; }
.aq-faq-list details[open]{ background:#fff; border-color:var(--orange); box-shadow:var(--shadow-sm); }
.aq-faq-list summary{ cursor:pointer; list-style:none; padding:18px 0; font-weight:700; font-size:16px; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.aq-faq-list summary::-webkit-details-marker{ display:none; }
.aq-faq-list summary::after{ content:"+"; flex-shrink:0; width:26px; height:26px; border-radius:8px; background:var(--orange-soft); color:var(--orange-deep); display:flex; align-items:center; justify-content:center; font-weight:800; transition:transform .3s ease; }
.aq-faq-list details[open] summary::after{ transform:rotate(45deg); background:var(--orange); color:#fff; }
.aq-faq-list details p{ padding:0 0 20px; font-size:14.5px; color:var(--ink-2); line-height:1.95; }
.aq-faq-list details p a{ color:var(--orange-deep); font-weight:700; }

/* ---------- 底部咨询行动带 ---------- */
.aq-cta{ background:linear-gradient(120deg,var(--green) 0%,#0B2A1C 100%); padding:54px 0; }
.aq-cta-inner{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px; }
.aq-cta-copy h2{ color:#fff; font-size:27px; font-weight:800; }
.aq-cta-copy p{ margin-top:8px; color:#C9EBD8; font-size:15px; }
.aq-cta-actions{ display:flex; flex-wrap:wrap; gap:12px; }

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .aq-title{ font-size:28px; }
  .aq-hero-body{ padding:30px 26px; }
  .aq-duty-grid, .aq-hazard-duo, .aq-edu-grid{ grid-template-columns:1fr; }
  .aq-cap-grid{ grid-template-columns:1fr; }
}