/* ============================================================
   质量员页 zhiliangyuan.css
   骨架：B 左轨（thread-l）+ hero-half
   母题：水平仪 / 量尺（左轨上做刻度线，板块卡顶挂水准泡）
   ============================================================ */

/* ---------- 左轨改造：量尺刻度线 ---------- */
.thread-l::before {
  width: 6px; border-radius: 3px;
  background:
    repeating-linear-gradient(180deg,
      var(--gold) 0 2px, transparent 2px 12px,
      var(--gold-light) 12px 14px, transparent 14px 30px);
  opacity: .8;
}
/* 左轨顶部加一个"水准泡"小装饰 */
.thread-l .pearl-md:first-of-type::after {
  content: ""; position: absolute; left: -14px; top: -6px;
  width: 26px; height: 10px; border-radius: 6px;
  border: 1.5px solid var(--gold); background: var(--gold-pale);
}

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

/* ---------- 职责列表：左轨上依次串三张珍珠卡 ---------- */
.zl-duty-list { display: flex; flex-direction: column; gap: 26px; }
.zl-duty-head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.zl-duty-head h3 { font-size: 20px; color: var(--ink); margin: 0; }
.zl-dot {
  flex: 0 0 auto; width: 14px; height: 14px; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #F7E9C4, var(--gold) 78%);
  box-shadow: 0 0 0 4px rgba(194,160,75,.18);
}
.zl-duty .pearl-card { padding: 32px 36px; }

/* ---------- 现场双图 ---------- */
.zl-imgs { padding-top: 10px; }
.zl-fig { padding: 14px; }
.zl-fig img { border-radius: 12px; width: 100%; height: auto; }
.zl-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); }
.zl-note { margin-top: 16px; font-size: 13px; color: var(--ink-mute); text-align: center; }

/* ---------- 本地场景：纵向清单卡（与施工员页两列不同） ---------- */
.cfg-list { display: grid; grid-template-columns: 1fr; gap: 16px; max-width: 880px; }
.cfg-list .card-soft { padding: 22px 28px; }
.cfg-list h3 { font-size: 17px; color: var(--gold-deep); margin-bottom: 6px; }
.cfg-list p { font-size: 14.5px; color: var(--ink-soft); }

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

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