/* ============================================================
   biaozhunyuan.html · 标准员岗位详解（重构版）
   题头⑤渐变面板；标签墙 / 对照双栏 / 资料室图文 / 序号卡 / 报考表格 / 递进双栏 / 问答
   ============================================================ */

/* ---------- 题头：渐变面板（保留形态，标签墙移至正文） ---------- */
.bz-hero{ position:relative; padding:130px 0 70px; overflow:hidden; }
.bz-hero-bg{ position:absolute; inset:0; background:linear-gradient(120deg,var(--orange-deep) 0%,var(--orange) 45%,var(--green-deep) 100%); }
.bz-hero-inner{ position:relative; display:grid; grid-template-columns:1.25fr 1fr; gap:44px; align-items:center; }
.bz-crumbs{ display:flex; flex-wrap:wrap; gap:8px; font-size:13px; margin-bottom:12px; }
.bz-crumbs a{ color:#FFEBD8; }
.bz-crumbs a:hover{ color:#fff; }
.bz-crumbs .sep{ color:rgba(255,255,255,.45); }
.bz-kicker{ display:inline-block; font-size:13px; font-weight:800; letter-spacing:3px; color:#fff; margin-bottom:10px; }
.bz-title{ font-size:37px; font-weight:800; color:#fff; letter-spacing:.5px; }
.bz-sub{ margin-top:14px; color:#FFF1E2; font-size:15.5px; line-height:1.95; max-width:560px; }
.bz-hero-actions{ margin-top:24px; display:flex; flex-wrap:wrap; gap:12px; }
.bz-hero-media img{ width:100%; height:280px; object-fit:cover; border-radius:var(--radius-lg); border:5px solid rgba(255,255,255,.35); box-shadow:0 20px 50px rgba(0,0,0,.25); }

/* ---------- 工作标签墙 ---------- */
.bz-tagwall-sec{ background:#fff; }
.bz-tagwall{ margin-top:32px; display:flex; flex-wrap:wrap; gap:14px; justify-content:center; }
.bz-tagwall span{ background:linear-gradient(135deg,var(--orange-soft),var(--green-soft)); border:1px solid var(--line); color:var(--ink); font-size:15px; font-weight:700; padding:12px 26px; border-radius:999px; transition:transform .25s ease, box-shadow .25s ease; }
.bz-tagwall span:hover{ transform:translateY(-3px); box-shadow:var(--shadow-sm); color:var(--orange-deep); }

/* ---------- 对照双栏 ---------- */
.bz-compare{ background:var(--bg-soft); }
.bz-compare-grid{ margin-top:36px; display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.bz-comp-col{ background:#fff; border-radius:var(--radius-lg); padding:30px 28px; box-shadow:var(--shadow-sm); }
.bz-comp-col h3{ display:flex; align-items:center; gap:10px; font-size:18px; margin-bottom:18px; }
.bz-col-dot{ width:14px; height:14px; border-radius:50%; }
.bz-dot-g{ background:var(--green); }
.bz-dot-o{ background:var(--orange); }
.bz-comp-col ul{ display:flex; flex-direction:column; gap:12px; }
.bz-comp-col li{ position:relative; padding-left:22px; font-size:14.5px; color:var(--ink-2); line-height:1.85; }
.bz-comp-col:nth-child(1) li::before{ content:""; position:absolute; left:0; top:9px; width:8px; height:8px; border-radius:2px; background:var(--green); }
.bz-comp-col:nth-child(2) li::before{ content:""; position:absolute; left:0; top:9px; width:8px; height:8px; border-radius:2px; background:var(--orange); }

/* ---------- 资料室场景图文 ---------- */
.bz-scene{ background:#fff; }
.bz-scene-grid{ display:grid; grid-template-columns:1fr 1.15fr; gap:48px; align-items:center; }
.bz-scene-media img{ width:100%; height:340px; object-fit:cover; border-radius:var(--radius-lg); box-shadow:var(--shadow-md); }
.bz-scene-body p{ margin-top:14px; font-size:15px; color:var(--ink-2); line-height:1.95; }
.bz-scene-points{ margin-top:18px; display:flex; flex-direction:column; gap:10px; }
.bz-scene-points li{ position:relative; padding-left:24px; font-size:14.5px; color:var(--ink); }
.bz-scene-points li::before{ content:""; position:absolute; left:0; top:8px; width:12px; height:12px; border-radius:50%; background:var(--green-soft); border:3px solid var(--green); }

/* ---------- 适合人群序号卡 ---------- */
.bz-fit{ background:var(--bg-orange); }
.bz-fit-grid{ margin-top:40px; display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.bz-fit-card{ background:#fff; border-radius:var(--radius-lg); padding:30px 26px; box-shadow:var(--shadow-sm); transition:transform .3s ease; }
.bz-fit-card:hover{ transform:translateY(-5px); }
.bz-fc-no{ font-size:40px; font-weight:800; color:var(--orange-soft); line-height:1; -webkit-text-stroke:2px var(--orange); }
.bz-fit-card h3{ font-size:18px; margin:12px 0 10px; }
.bz-fit-card p{ font-size:14px; color:var(--ink-2); line-height:1.9; }

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

/* ---------- 备考/前景递进双栏 ---------- */
.bz-next{ background:var(--bg-green); }
.bz-next-grid{ display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.bz-next-card{ background:#fff; border-radius:var(--radius-lg); padding:36px 32px; box-shadow:var(--shadow-sm); }
.bz-next-g{ background:linear-gradient(150deg,#0F1F17,#0B2A1C); }
.bz-next-g h2{ color:#fff; }
.bz-next-g p{ color:#C4D8CC; }
.bz-next-card h2{ font-size:23px; margin:6px 0 14px; }
.bz-next-card p{ font-size:14.5px; color:var(--ink-2); line-height:1.95; }
.bz-next-card .btn{ margin-top:20px; }

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

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

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .bz-hero-inner{ grid-template-columns:1fr; }
  .bz-title{ font-size:29px; }
  .bz-compare-grid, .bz-scene-grid, .bz-next-grid{ grid-template-columns:1fr; }
  .bz-fit-grid{ grid-template-columns:1fr; }
}