/* 个人偏好「正文背景：浅色」：正文走主题色的浅色变体，侧栏保持与「随主题色」相同的深色主题色。
   只作用于经典与智能舱·标准；晴空本身就是浅色，智能舱·沉浸与 AI 模式有各自的外观。 */
:root[data-tone="light"]:is([data-skin="classic"],[data-skin="glass"])[data-theme="light"]:not([data-palette="skylight"]) {
  --look-side: var(--brand-sidebar);
  --look-selected: color-mix(in srgb,var(--brand-ink) 45%,white);
  --sb-tx: rgba(255,255,255,.72); --sb-tx-hi: #fff; --sb-group: rgba(255,255,255,.58);
  --sb-hover: rgba(255,255,255,.08); --sb-line: rgba(255,255,255,.08);
}
html:root[data-tone="light"]:is([data-skin="classic"],[data-skin="glass"])[data-theme="light"][data-palette="powerflow"] {
  --look-side: var(--flux-sidebar); --look-selected: #8fe3f2; --sb-active: #8fe3f2;
  --sb-tx: rgba(226,242,248,.80); --sb-tx-hi: #fff; --sb-group: rgba(226,242,248,.62);
}
:root[data-tone="light"]:is([data-skin="classic"],[data-skin="glass"])[data-theme="light"]:not([data-palette="skylight"]) body:not(.ex-ai-mode) .sidebar {
  border-right-color: transparent; backdrop-filter: none; -webkit-backdrop-filter: none;
  /* 智能舱·标准的侧栏读 alice 墨色变量（浅色主题下是深字），在深色侧栏里换成浅字。 */
  --sb-tx: rgba(226,242,248,.80); --sb-tx-hi: #fff; --sb-group: rgba(226,242,248,.62);
  --alice-text: #fff; --alice-muted: rgba(226,242,248,.80); --alice-dim: rgba(226,242,248,.62);
  --alice-line: rgba(255,255,255,.12); --fg-rgb: 255,255,255;
  --alice-primary: var(--look-selected); --alice-primary-soft: rgba(255,255,255,.12);
  --tx: #fff; --tx-2: rgba(226,242,248,.80); --tx-3: rgba(226,242,248,.62); --line: rgba(255,255,255,.12);
}
:root[data-tone="light"]:is([data-skin="classic"],[data-skin="glass"])[data-theme="light"]:not([data-palette="skylight"]) body:not(.ex-ai-mode) .sidebar .brand-color { display: none; }
:root[data-tone="light"]:is([data-skin="classic"],[data-skin="glass"])[data-theme="light"]:not([data-palette="skylight"]) body:not(.ex-ai-mode) .sidebar .brand-white { display: block; }
:root[data-tone="light"]:is([data-skin="classic"],[data-skin="glass"])[data-theme="light"]:not([data-palette="skylight"]) body:not(.ex-ai-mode) .sidebar .brand-product {
  color: var(--sb-tx-hi); background: none; -webkit-text-fill-color: currentColor;
}

/* 外观菜单与个人中心里的开关 */
.tone-pick .seg button { flex: 1; }
.tone-pick .seg button:disabled { opacity: .45; cursor: not-allowed; }
.tone-pick .tone-hint { margin-top: 6px; font-size: var(--text-caption); color: var(--tx-3); line-height: var(--leading-body); }
.menu .tone-pick { padding: 4px 12px 8px; }

/* Flux 形象配色选择（外观菜单 / 智能舱外观面板 / 个人中心） */
.flux-color-pick { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 4px; }
.menu .flux-color-pick { padding: 2px 12px 8px; min-width: 300px; }
.flux-color-pick .fc-opt { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 6px 2px; border: 1px solid transparent; border-radius: 8px; background: none; color: var(--tx-2); font-size: 11px; cursor: pointer; }
.flux-color-pick .fc-opt i { width: 22px; height: 22px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(255,255,255,.35), 0 1px 3px rgba(0,0,0,.2); }
.flux-color-pick .fc-opt:hover { background: color-mix(in srgb, var(--tx) 6%, transparent); color: var(--tx); }
.flux-color-pick .fc-opt.on { border-color: var(--pri); color: var(--pri-tx); font-weight: 600; background: color-mix(in srgb, var(--pri) 10%, transparent); }

/* 装饰位的 Flux 形象可点：打开 Ask Flux 对话框（ai.js FLUX_ORB） */
.brand .ex-orb, .cabin-core, .motion-empty-orb { cursor: pointer; pointer-events: auto; transition: transform .18s ease, filter .18s ease; }
.brand .ex-orb:hover, .cabin-core:hover, .motion-empty-orb:hover { transform: scale(1.08); filter: brightness(1.15); }
/* Flux 形象「渐变」：画布整体色相循环（GPU 滤镜，不增加绘制）；系统要求减少动效时停住 */
html[data-flux-color="flow"] .orb-cv { animation: fluxHue 16s linear infinite; }
@keyframes fluxHue { to { filter: hue-rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { html[data-flux-color="flow"] .orb-cv { animation: none; } }
.flux-color-pick .fc-opt[data-pick-flux-color="flow"] i { animation: fluxHue 6s linear infinite; }
.flux-color-pick .fc-opt[data-pick-flux-color="random"] i::after { content: "?"; display: grid; place-items: center; height: 100%; color: #fff; font: 700 12px/1 sans-serif; text-shadow: 0 1px 2px rgba(0,0,0,.5); }
.flux-color-pick { grid-template-columns: repeat(8, minmax(0, 1fr)); }
.menu .flux-color-pick { min-width: 380px; }