/* ════════════════════════════════════════════════════════════════════════
   bz6.css — 修 flex-direction（2026-11-05）

   实测：容器宽 1188px（占满主区 ✓），但 8 个药丸仍各占一行（y 间隔 42px）。
   根因：`.segmented` 是 flex-direction: column（v10.css 或 style.css 设的），
        我只设了 flex-wrap: wrap，没设方向。column + wrap = 永远单列。
   修法：flex-direction: row。
   ════════════════════════════════════════════════════════════════════════ */

html[data-ui="crisp"] #view-work #genModeSeg,
html[data-ui="crisp"] #genModeSeg,
html[data-ui="crisp"] .segmented {
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
}