/* ============================================================
   劳务员页 laowuyuan.css
   骨架：G 斜切（板块背景对角切边，交错排列）+ hero-split
   母题：圆环轨道（板块旁挂空心圆环珍珠）
   ============================================================ */

/* ---------- 斜切板块：对角切边 ---------- */
.slant-a {
  background: var(--grad-cream);
  clip-path: polygon(0 3%, 100% 0, 100% 97%, 0 100%);
}
.slant-b {
  background: var(--gray);
  clip-path: polygon(0 0, 100% 3%, 100% 100%, 0 97%);
}
@media (max-width: 680px) { .slant-a, .slant-b { clip-path: none; } }

/* 板块旁挂圆环轨道珍珠（空心环） */
.slant-a .container, .slant-b .container { position: relative; }
.slant-a .container::before, .slant-b .container::before {
  content: ""; position: absolute; right: -10px; top: 40px;
  width: 26px; height: 26px; border-radius: 50%;
  border: 2px solid var(--gold);
  box-shadow: 0 0 0 5px rgba(194,160,75,.12), inset 0 0 0 3px var(--gold-pale);
}

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

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

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

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

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

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