/* 基础明暗色板；皮肤通过 data-skin 覆盖这些语义变量，不改变布局。 */
:root{
 color-scheme:light dark;
 --color-page:light-dark(#F3F7FB,#101522);
 --color-surface:light-dark(#FFFFFF,#192330);
 --color-surface-raised:light-dark(#EAF1F7,#223145);
 --color-control:light-dark(#E6EEF6,#26374B);
 --color-control-hover:light-dark(#DCE7F1,#31465C);
 --color-input:light-dark(#F7FAFD,#132030);
 --color-text:light-dark(#243B52,#E5EDF7);
 --color-secondary:light-dark(#4A6178,#B8C8DB);
 --color-muted:light-dark(#526B82,#91A5BD);
 --color-accent:light-dark(#3B6E96,#9EC3DF);
 --color-accent-strong:light-dark(#477CA5,#94BAD8);
 --color-accent-hover:light-dark(#2E5E86,#B5D5EB);
 --color-on-accent:light-dark(#FFFFFF,#12283C);
 --color-accent-tint:light-dark(#DDEBF6,#243F57);
 --color-accent-glow:light-dark(#84B2D51A,#84B2D512);
 --color-accent-border:light-dark(#8AAEC9,#628AA9);
 --color-border:light-dark(#C7D6E4,#3B5067);
 --color-border-subtle:light-dark(#DEE7F0,#2C3D50);
 --color-hover-tint:light-dark(#244D7310,#D8EDFF09);
 --color-success:light-dark(#20755C,#8AD4BA);
 --color-success-tint:light-dark(#E0F0E9,#1C3B35);
 --color-warning:light-dark(#8A641E,#E4C58B);
 --color-warning-tint:light-dark(#F5EDDC,#3B3223);
 --color-danger:light-dark(#AC435C,#F1A5B2);
 --color-danger-tint:light-dark(#F7E6EB,#402B36);
 --color-scrollbar:light-dark(#ACBECE,#4D637A);
 --color-shadow:light-dark(#19344F17,#00000040);
 --color-highlight:light-dark(#FFFFFF99,#FFFFFF0A);
 --color-focus-ring:light-dark(#447EA32B,#9EC3DF26);
 --color-backdrop:light-dark(#172A4266,#030B16B8);
 /* 视频与图像上的覆盖层始终使用固定深色底，避免改变媒体本身。 */
 --color-media:#080F18;
 --color-media-overlay:#111E30D9;
 --color-media-text:#DAE7F5;
 --color-media-shadow:#000000;
 /* 保留现有业务样式使用的变量名，统一指向基础色板。 */
 --accent:var(--color-accent);
 --muted:var(--color-muted);
 --line:var(--color-border-subtle);
 --surface:var(--color-surface);
 --surface-raised:var(--color-surface-raised);
 --mint:var(--color-success);
 --bg-secondary:var(--color-surface-raised);
}
:root[data-theme=light]{color-scheme:light}
:root[data-theme=dark]{color-scheme:dark}

/* 快捷按钮显示下一次点击切换到的模式，配色设置仍可恢复跟随系统。 */
[data-toggle-theme]>.ui-icon{display:none}
:root[data-theme=dark] [data-toggle-theme]>.ui-icon:first-child,
:root[data-theme=light] [data-toggle-theme]>.ui-icon:last-child{display:inline-block}
.appearance-settings>p{margin-bottom:0}
.page-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.page-header:has(.page-header-actions){flex-wrap:wrap}
.appearance-mode-select{font:inherit;font-size:11px;padding:7px 9px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-control);color:var(--color-text)}
.appearance-mode-select:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}
.player-network{--color-success:#8AD4BA;--color-warning:#E4C58B;--color-danger:#F1A5B2}