/* ============================================================
   标准员岗位页 gangwei-biaozhunyuan.html 专属样式
   ============================================================ */

.bz-hero {
  position: relative; overflow: hidden; color: #fff;
  padding: 150px 0 130px;
}
.bz-hero .ph-bg { position: absolute; inset: 0; z-index: 0; }
.bz-hero .ph-bg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bz-hero .ph-bg::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(120deg, rgba(65,179,131,.45) 0%, rgba(21,50,56,.72) 50%, rgba(21,50,56,.9) 100%);
}
.bz-hero .container { position: relative; z-index: 2; }
.bz-hero .crumbs a { color: #D7EEE2; }
.bz-hero .crumbs { color: #8ED6B3; margin-bottom: 22px; }
.bz-hero h1 { font-size: clamp(30px, 4.6vw, 54px); line-height: 1.15; margin: 0 0 18px; font-weight: 800; }
.bz-hero h1 em { font-style: normal; color: #FFCE33; }
.bz-hero .ph-desc { font-size: 18px; max-width: 620px; color: #EAF6EF; line-height: 1.9; margin: 0 0 30px; }
.bz-hero .ph-actions { display: flex; gap: 14px; flex-wrap: wrap; }

/* 折线分割 */
.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); }

/* 岗位介绍 */
.bz-intro .lead { font-size: 17px; line-height: 2; color: var(--ink-700,#2E4A50); margin: 0 0 16px; }
.bz-intro .grid-2 { gap: 44px; align-items: center; }
.bz-intro .intro-img { border-radius:16px; overflow:hidden; box-shadow:0 18px 40px rgba(21,50,56,.16); }
.bz-intro .intro-img img { width:100%; height:auto; display:block; }

/* 标准执行流程带（横排步骤，区别于其他页） */
.bz-flow { background: var(--paper-2,#EDF5F0); }
.bz-flow .flow-row {
  display: grid; grid-template-columns: repeat(4,1fr); gap: 18px;
  margin-top: 10px;
}
.bz-flow .flow-step {
  background:#fff; border-radius:14px; padding:24px 20px;
  position: relative; box-shadow:0 10px 26px rgba(21,50,56,.08);
}
.bz-flow .flow-step .f-num {
  width: 40px; height: 40px; border-radius: 50%;
  background: var(--green-500,#41B383); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-weight:800; margin-bottom:14px;
}
.bz-flow .flow-step:nth-child(2) .f-num { background: var(--blue-500,#4493C4); }
.bz-flow .flow-step:nth-child(3) .f-num { background: var(--yellow-400,#FFCE33); color:#153238; }
.bz-flow .flow-step:nth-child(4) .f-num { background: var(--ink-700,#2E4A50); }
.bz-flow .flow-step h3 { font-size:17px; margin:0 0 8px; color: var(--ink-900,#153238); }
.bz-flow .flow-step p { font-size:14px; line-height:1.85; color: var(--ink-500,#58727A); margin:0; }

/* 规范文档卡片 */
.bz-docs .doc-row { display:grid; grid-template-columns: repeat(3,1fr); gap:22px; }
.bz-docs .doc-card { background:#fff; border-radius:14px; overflow:hidden; box-shadow:0 12px 30px rgba(21,50,56,.1); }
.bz-docs .doc-card img { width:100%; height:180px; object-fit:cover; display:block; }
.bz-docs .doc-card .body { padding:18px 20px 22px; }
.bz-docs .doc-card h3 { font-size:18px; margin:0 0 8px; color: var(--ink-900,#153238); }
.bz-docs .doc-card p { font-size:14px; line-height:1.85; color: var(--ink-500,#58727A); margin:0; }

/* 报考备考 */
.bz-exam .grid-2 { gap: 26px; }
.bz-exam .panel { background:#fff; border-radius:14px; padding:30px 28px; box-shadow:0 12px 30px rgba(21,50,56,.08); }
.bz-exam .panel h3 { margin:0 0 14px; font-size:21px; color: var(--ink-900,#153238); }
.bz-exam .panel ul { margin:0; padding-left:1.2em; }
.bz-exam .panel li { font-size:15px; line-height:2; color: var(--ink-700,#2E4A50); }
.bz-exam .panel.g { border-left:5px solid var(--green-500,#41B383); }
.bz-exam .panel.y { border-left:5px solid var(--yellow-400,#FFCE33); }

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

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

/* 延伸 */
.bz-relate { padding: 34px 0 46px; }
.bz-relate .relate-links { display:flex; flex-wrap:wrap; gap:12px; }
.bz-relate .relate-links a { border:1px solid var(--green-100,#D7EEE2); background:var(--green-50,#EAF6EF); color:var(--green-500,#41B383); padding:8px 18px; border-radius:999px; font-size:14px; }

@media (max-width: 900px) {
  .bz-hero { padding: 120px 0 90px; }
  .bz-intro .grid-2 { grid-template-columns: 1fr; gap: 28px; }
  .bz-flow .flow-row { grid-template-columns: 1fr 1fr; }
  .bz-docs .doc-row { grid-template-columns: 1fr; }
  .bz-exam .grid-2 { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .bz-flow .flow-row { grid-template-columns: 1fr; }
}