/* ============================================================
   安全员页 anquanyuan.css
   骨架：C 右轨（thread-r）+ hero-split
   母题：盾形徽章（右轨节点做成小盾牌挂坠）
   ============================================================ */

/* ---------- 右轨改造：盾形挂坠 ---------- */
.thread-r::before { width: 3px; }
/* 在右轨节点位置替换为小盾牌（用 CSS 画盾形） */
.thread-r .pearl {
  width: 18px; height: 22px; border-radius: 4px 4px 50% 50% / 4px 4px 60% 60%;
  background: var(--grad-gold);
  box-shadow: 0 0 0 4px rgba(194,160,75,.16), 0 3px 10px rgba(154,123,46,.4);
}
.thread-r .pearl-md { width: 22px; height: 26px; }

/* ---------- Hero 分栏 ---------- */
.aq-hero { min-height: 520px; }
.aq-hero .hero-inner { padding-top: 120px; }
.aq-hero .crumb { color: rgba(110,102,89,.85); }
.aq-hero .crumb em { font-style: normal; color: var(--gold-deep); }

/* ---------- 职责三卡 ---------- */
.aq-duty-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.aq-duty-grid .pearl-card h3 { font-size: 20px; color: var(--ink); margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px dashed rgba(194,160,75,.4); }
@media (max-width: 980px) { .aq-duty-grid { grid-template-columns: 1fr; } }

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

/* ---------- 本地场景四卡：2x2 金边 ---------- */
.aq-cfg-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
.aq-cfg-grid h3 { font-size: 18px; color: var(--gold-deep); margin-bottom: 8px; }
.aq-cfg-grid p { font-size: 14.5px; color: var(--ink-soft); }
@media (max-width: 680px) { .aq-cfg-grid { grid-template-columns: 1fr; } }

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

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