/* ============================================================
   标准员页 biaozhunyuan.css
   骨架：D 双轨（thread-double）+ hero-banner
   母题：规范格纹线（两轨之间用水平细线连成网格）
   ============================================================ */

/* ---------- 双轨之间加水平格纹线 ---------- */
.thread-double { position: relative; }
.thread-double > .container::before {
  content: ""; position: absolute; left: 18px; right: 18px; top: 20px; bottom: 20px;
  background: repeating-linear-gradient(180deg, rgba(194,160,75,.12) 0 1px, transparent 1px 60px);
  pointer-events: none;
}

/* ---------- Hero 横幅 ---------- */
.bz-hero .hero-inner { padding-top: 120px; }
.bz-hero .crumb { color: rgba(110,102,89,.85); }
.bz-hero .crumb em { font-style: normal; color: var(--gold-deep); }

/* ---------- 职责三卡 ---------- */
.bz-duty-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.bz-duty-grid .pearl-card h3 {
  font-size: 20px; color: var(--ink); margin-bottom: 14px;
  padding: 8px 14px; background: var(--gold-pale); border-radius: 8px;
  border-left: 3px solid var(--gold);
}
@media (max-width: 980px) { .bz-duty-grid { grid-template-columns: 1fr; } }

/* ---------- 现场双图 ---------- */
.bz-imgs { padding-top: 10px; }
.bz-fig { padding: 14px; }
.bz-fig img { border-radius: 12px; width: 100%; height: auto; }
.bz-fig figcaption { margin-top: 12px; font-size: 13.5px; color: var(--ink-mute); text-align: center; }

/* ---------- 表与注释 ---------- */
.tbl-wrap { overflow-x: auto; border-radius: var(--radius); }
.bz-note { margin-top: 16px; font-size: 13px; color: var(--ink-mute); text-align: center; }

/* ---------- 本地场景：左右交错两列 ---------- */
.bz-cfg { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
.bz-cfg .card-soft:nth-child(even) { transform: translateY(20px); }
.bz-cfg h3 { font-size: 18px; color: var(--gold-deep); margin-bottom: 8px; }
.bz-cfg p { font-size: 14.5px; color: var(--ink-soft); }
@media (max-width: 680px) { .bz-cfg { grid-template-columns: 1fr; } .bz-cfg .card-soft:nth-child(even) { transform: none; } }

/* ---------- FAQ ---------- */
.bz-faq .acc { max-width: 860px; }
.bz-faq .acc-body-inner a { color: var(--gold-deep); text-decoration: underline; }

.bz-mt { margin-top: 22px; }
