/* ============================================================
   安全员岗位页 gangwei-anquanyuan.html 专属样式
   高警戒色（黄）点缀，整体墨绿底克制
   ============================================================ */

.aq-hero {
  position: relative; overflow: hidden; color: #fff;
  padding: 150px 0 130px;
}
.aq-hero .ph-bg { position: absolute; inset: 0; z-index: 0; }
.aq-hero .ph-bg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.aq-hero .ph-bg::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(105deg, rgba(21,50,56,.9) 0%, rgba(21,50,56,.7) 50%, rgba(255,206,51,.25) 100%);
}
.aq-hero .container { position: relative; z-index: 2; }
.aq-hero .crumbs a { color: #FFE68F; }
.aq-hero .crumbs { color: #FFCE33; margin-bottom: 22px; }
.aq-hero h1 { font-size: clamp(30px, 4.6vw, 54px); line-height: 1.15; margin: 0 0 18px; font-weight: 800; }
.aq-hero h1 em { font-style: normal; color: #FFCE33; }
.aq-hero .ph-desc { font-size: 18px; max-width: 620px; color: #EAF6EF; line-height: 1.9; margin: 0 0 30px; }
.aq-hero .ph-actions { display: flex; gap: 14px; flex-wrap: wrap; }
.aq-hero .warn-tag {
  display: inline-flex; align-items: center; gap: 8px;
  background: #FFCE33; color: #153238; font-weight: 700;
  padding: 6px 16px; border-radius: 6px; font-size: 14px; margin-bottom: 18px;
}

/* 折线分割 */
.split { display: block; width: 100%; overflow: hidden; line-height: 0; }
.split svg { display: block; width: 100%; height: 56px; }
.split-green polyline { stroke: var(--green-500, #41B383); stroke-width: 3; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.split-blue polyline { stroke: var(--blue-500, #4493C4); stroke-width: 3; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.split-yellow polyline { stroke: var(--yellow-400, #FFCE33); stroke-width: 3; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.split.flip svg { transform: scaleY(-1); }

/* 岗位介绍：横幅图 + 段落 */
.aq-intro .lead { font-size: 17px; line-height: 2; color: var(--ink-700,#2E4A50); margin: 0 0 16px; }
.aq-intro .banner-img { border-radius: 16px; overflow: hidden; margin: 26px 0 0; box-shadow: 0 18px 40px rgba(21,50,56,.16); }
.aq-intro .banner-img img { width: 100%; height: auto; display: block; }

/* 警示式职责卡片 */
.aq-duty { background: var(--paper-2,#EDF5F0); }
.aq-duty .grid-3 { gap: 22px; }
.warn-card {
  background: #fff; border-radius: 14px; padding: 26px 24px;
  border-left: 6px solid var(--yellow-400,#FFCE33);
  box-shadow: 0 12px 30px rgba(21,50,56,.09);
}
.warn-card.hard { border-left-color: #E0592A; }
.warn-card.safe { border-left-color: var(--green-500,#41B383); }
.warn-card .w-head { display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.warn-card .w-head .tri {
  width: 30px; height: 30px; border-radius: 6px;
  background: var(--yellow-50,#FFF7DC); color: #B8860B;
  display:flex; align-items:center; justify-content:center; font-weight:800;
}
.warn-card.hard .w-head .tri { background:#FDE3D6; color:#C0392B; }
.warn-card.safe .w-head .tri { background:var(--green-100,#D7EEE2); color:var(--green-500,#41B383); }
.warn-card h3 { font-size: 19px; margin: 0; color: var(--ink-900,#153238); }
.warn-card p { font-size: 15px; line-height: 1.9; color: var(--ink-500,#58727A); margin: 0; }

/* 现场要点清单 */
.aq-checklist { background: var(--paper,#F6FAF7); }
.aq-checklist .cl-wrap { display:grid; grid-template-columns: 1fr 1.2fr; gap: 44px; align-items:center; }
.aq-checklist .cl-img { border-radius:16px; overflow:hidden; box-shadow:0 18px 40px rgba(21,50,56,.16); }
.aq-checklist .cl-img img { width:100%; height:auto; display:block; }
.aq-checklist ul.cl { list-style:none; margin:0; padding:0; }
.aq-checklist ul.cl li {
  font-size:15.5px; line-height:1.9; color:var(--ink-700,#2E4A50);
  padding: 12px 0 12px 40px; border-bottom: 1px dashed var(--green-100,#D7EEE2);
  position: relative;
}
.aq-checklist ul.cl li::before {
  content: ""; position:absolute; left:6px; top:18px;
  width:18px; height:18px; border-radius:4px;
  background: var(--green-500,#41B383);
}
.aq-checklist ul.cl li::after {
  content:""; position:absolute; left:11px; top:22px;
  width:5px; height:9px; border:solid #fff; border-width:0 2px 2px 0; transform: rotate(45deg);
}

/* 报考与备考 */
.aq-exam .panel { background:#fff; border-radius:14px; padding:30px 28px; box-shadow:0 12px 30px rgba(21,50,56,.08); }
.aq-exam .grid-2 { gap: 26px; }
.aq-exam .panel h3 { margin: 0 0 14px; font-size: 21px; color: var(--ink-900,#153238); }
.aq-exam .panel ul { margin:0; padding-left:1.2em; }
.aq-exam .panel li { font-size:15px; line-height:2; color: var(--ink-700,#2E4A50); }
.aq-exam .panel.alert { border-top: 4px solid var(--yellow-400,#FFCE33); }
.aq-exam .panel.info { border-top: 4px solid var(--blue-500,#4493C4); }

/* FAQ */
.aq-faq .acc { margin-bottom: 14px; }

/* CTA */
.aq-cta { position: relative; overflow: hidden; color:#fff; text-align:center; padding:90px 0; }
.aq-cta .cta-bg-img { position:absolute; inset:0; z-index:0; }
.aq-cta .cta-bg-img img { width:100%; height:100%; object-fit:cover; display:block; }
.aq-cta .cta-bg-img::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(21,50,56,.85), rgba(21,50,56,.94)); }
.aq-cta .container { position: relative; z-index: 2; }
.aq-cta h2 { font-size: clamp(26px,3.4vw,40px); margin: 0 0 14px; }
.aq-cta p { max-width: 620px; margin: 0 auto 26px; color:#D7EEE2; line-height:1.9; }

/* 延伸 */
.aq-relate { padding: 34px 0 46px; }
.aq-relate .relate-links { display:flex; flex-wrap:wrap; gap:12px; }
.aq-relate .relate-links a { border:1px solid var(--yellow-200,#FFE68F); background:var(--yellow-50,#FFF7DC); color:#B8860B; padding:8px 18px; border-radius:999px; font-size:14px; }

@media (max-width: 900px) {
  .aq-hero { padding: 120px 0 90px; }
  .aq-duty .grid-3 { grid-template-columns: 1fr; }
  .aq-checklist .cl-wrap { grid-template-columns: 1fr; gap: 28px; }
  .aq-exam .grid-2 { grid-template-columns: 1fr; }
}