/* ============================================================
   pipeline-ui-daynight.css — 昼夜自动配色（票 UI-D1-DAYNIGHT）
   抽自设计稿 miyou_ui_D_themes.html（BOSS 2026-08-18 定稿），以下样式原样照搬，一字未改。
   ============================================================ */

/* 昼夜自动配色 · 0.8s 过渡（明暗翻转靠 body.is-dark class + 过渡瞬间完成，不停留在中间灰） */
body{transition:background .8s linear}
.mock,.topbar,.stepbar,.rail,.qcard,.field input{transition:background .8s linear,border-color .8s linear,color .8s linear}

/* 昼夜自动·深色带：语义色和阴影跟着翻（0.8s 过渡见上方 transition） */
body.auto-time.is-dark{--ok:#4CC38A;--ok-soft:#173226;--warn:#E5A54B;--warn-soft:#332714;
  --danger:#E5645C;--danger-soft:#331A18;
  --sh-1:0 1px 2px rgba(0,0,0,.3);--sh-2:0 6px 20px rgba(0,0,0,.5)}

/* 顶栏时段徽章：昼夜自动时显示 */
.daypart-chip{display:none;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:600;
  color:var(--ink-2);background:var(--panel-soft);border:1px solid var(--line);
  padding:3px 10px;border-radius:999px;white-space:nowrap}
body.auto-time .daypart-chip{display:inline-flex}
.daypart-chip b{color:var(--ink);font-variant-numeric:tabular-nums}

/* 外观两档分段控件（暖白 | 🌗 昼夜自动）：复用主页面 .switch-group/.seg 体系，
   选中态滑块与档位/货源一致（模块自有样式，主页面不新增任何规则） */
.switch-group.appearance { flex: none; }
.seg.appearance button.on { background: var(--panel); box-shadow: 0 1px 3px rgba(0, 0, 0, .08); }