/* 页面、容器、文字、边界与业务色分别定义，图片和媒体保留原色。 */
:root {
    color-scheme: light;
    --theme-solid-teal-rgb: 15 118 110;
    --theme-solid-green-rgb: 21 128 61;
    --theme-solid-emerald-rgb: 4 120 87;
    --theme-solid-blue-rgb: 37 99 235;
    --theme-solid-sky-rgb: 3 105 161;
    --theme-solid-cyan-rgb: 14 116 144;
    --theme-solid-purple-rgb: 126 34 206;
    --theme-solid-violet-rgb: 109 40 217;
    --theme-solid-indigo-rgb: 67 56 202;
    --theme-solid-red-rgb: 185 28 28;
    --theme-solid-rose-rgb: 190 24 93;
    --theme-solid-pink-rgb: 190 24 93;
    --theme-solid-amber-rgb: 161 98 7;
    --theme-solid-yellow-rgb: 154 103 0;
    --theme-solid-orange-rgb: 194 65 12;
    --theme-page: #f3f6fa; --theme-page-rgb: 243 246 250;
    --theme-page-top: #e8eff6; --theme-page-top-rgb: 232 239 246;
    --theme-page-bottom: #edf2f8; --theme-page-bottom-rgb: 237 242 248;
    --theme-panel: #ffffff;
    --theme-panel-rgb: 255 255 255;
    --theme-raised: #f8fafc; --theme-raised-rgb: 248 250 252;
    --theme-inset: #e9eef5; --theme-inset-rgb: 233 238 245;
    --theme-ink: #26364a;
    --theme-ink-rgb: 38 54 74;
    --theme-muted: #64748b;
    --theme-muted-rgb: 100 116 139;
    --theme-subtle: #69788d;
    --theme-subtle-rgb: 105 120 141;
    --theme-tint-rgb: 38 54 74;
    --theme-line: #dce3ed;
    --theme-line-rgb: 38 54 74;
    --theme-teal: #087f76; --theme-teal-rgb: 8 127 118;
    --theme-green: #15803d; --theme-green-rgb: 21 128 61;
    --theme-emerald: #047857; --theme-emerald-rgb: 4 120 87;
    --theme-blue: #2563eb; --theme-blue-rgb: 37 99 235;
    --theme-sky: #0369a1; --theme-sky-rgb: 3 105 161;
    --theme-cyan: #0e7490; --theme-cyan-rgb: 14 116 144;
    --theme-purple: #7e22ce; --theme-purple-rgb: 126 34 206;
    --theme-violet: #6d28d9; --theme-violet-rgb: 109 40 217;
    --theme-indigo: #4338ca; --theme-indigo-rgb: 67 56 202;
    --theme-red: #c73545; --theme-red-rgb: 199 53 69;
    --theme-rose: #be185d; --theme-rose-rgb: 190 24 93;
    --theme-pink: #be185d; --theme-pink-rgb: 190 24 93;
    --theme-amber: #a16207; --theme-amber-rgb: 161 98 7;
    --theme-yellow: #9a6700; --theme-yellow-rgb: 154 103 0;
    --theme-orange: #c2410c; --theme-orange-rgb: 194 65 12;
    --theme-tooltip: #ffffff;
    --theme-chart-line: #dce3ed;
    --theme-on-accent: #ffffff;
    --theme-rule-bg: #f3f6fa;
    --theme-login-panel: rgba(255, 255, 255, .94);
}
:root[data-theme="dark"] {
    color-scheme: dark;
    --theme-page: #18263d; --theme-page-rgb: 24 38 61;
    --theme-page-top: #22304a; --theme-page-top-rgb: 34 48 74;
    --theme-page-bottom: #142033; --theme-page-bottom-rgb: 20 32 51;
    --theme-panel: #1e2e45;
    --theme-panel-rgb: 30 46 69;
    --theme-raised: #263850; --theme-raised-rgb: 38 56 80;
    --theme-inset: #142033; --theme-inset-rgb: 20 32 51;
    --theme-ink: #e7eef7;
    --theme-ink-rgb: 231 238 247;
    --theme-muted: #a8b8cc;
    --theme-muted-rgb: 168 184 204;
    --theme-subtle: #8ea2bc;
    --theme-subtle-rgb: 142 162 188;
    --theme-tint-rgb: 255 255 255;
    --theme-line: #35465d;
    --theme-line-rgb: 213 228 247;
    --theme-teal: #5eead4; --theme-teal-rgb: 94 234 212;
    --theme-green: #86efac; --theme-green-rgb: 134 239 172;
    --theme-emerald: #6ee7b7; --theme-emerald-rgb: 110 231 183;
    --theme-blue: #93c5fd; --theme-blue-rgb: 147 197 253;
    --theme-sky: #7dd3fc; --theme-sky-rgb: 125 211 252;
    --theme-cyan: #67e8f9; --theme-cyan-rgb: 103 232 249;
    --theme-purple: #d8b4fe; --theme-purple-rgb: 216 180 254;
    --theme-violet: #c4b5fd; --theme-violet-rgb: 196 181 253;
    --theme-indigo: #a5b4fc; --theme-indigo-rgb: 165 180 252;
    --theme-red: #fca5a5; --theme-red-rgb: 252 165 165;
    --theme-rose: #fda4af; --theme-rose-rgb: 253 164 175;
    --theme-pink: #f9a8d4; --theme-pink-rgb: 249 168 212;
    --theme-amber: #fcd34d; --theme-amber-rgb: 252 211 77;
    --theme-yellow: #fde047; --theme-yellow-rgb: 253 224 71;
    --theme-orange: #fdba74; --theme-orange-rgb: 253 186 116;
    --theme-tooltip: #1e2e45;
    --theme-chart-line: #35465d;
    --theme-rule-bg: #18263d;
    --theme-login-panel: rgba(24, 38, 61, .94);
}
html { background-color: var(--theme-page); color: var(--theme-ink); }
/* 彩色实心按钮、计数徽标、头像及图片上的文字始终使用反白色。 */
.theme-on-color {
    --theme-ink: #ffffff; --theme-ink-rgb: 255 255 255;
    --theme-muted: #e2e8f0; --theme-muted-rgb: 226 232 240;
    --theme-subtle: #cbd5e1; --theme-subtle-rgb: 203 213 225;
}
