/* App skins — switch via html[data-rc-skin]
* 约定：--rc-btn-ok = 全选主领（绿系）；--rc-btn-info = 全选协作（蓝/青系），二者必须明显不同
*/
/* ========== 默认 / 朱墨书卷 ========== */
:root,
html[data-rc-skin="ink"] {
--rc-bg: #f7f4ef;
--rc-surface: #fffcf7;
--rc-ink: #1c1917;
--rc-muted: #78716c;
--rc-line: #e7e0d5;
--rc-line-strong: #d0c6b6;
--rc-accent: #b91c1c;
--rc-accent-soft: #fee2e2;
--rc-warn-bg: #fef3c7;
--rc-warn-ink: #92400e;
--rc-warn-line: #fcd34d;
--rc-lock-bg: #fef3c7;
--rc-lock-line: #d97706;
--rc-row: #f5f1ea;
--rc-radius: 2px;
--rc-topbar: #1c1917;
--rc-topbar-accent: #fca5a5;
--rc-topbar-border: #0c0a09;
--rc-btn-add: #b91c1c;
--rc-btn-add-bg: #fee2e2;
--rc-btn-add-line: #fca5a5;
--rc-btn-del: #7f1d1d;
--rc-btn-del-bg: #fef2f2;
--rc-btn-del-line: #f87171;
--rc-btn-ok: #15803d;
--rc-btn-ok-bg: #dcfce7;
--rc-btn-ok-line: #86efac;
--rc-btn-info: #1d4ed8;
--rc-btn-info-bg: #dbeafe;
--rc-btn-info-line: #93c5fd;
--rc-btn-submit: #b91c1c;
--rc-btn-submit-hover: #dc2626;
--rc-list-panel-bg: #fffcf7;
--rc-list-head-bg: #f0e6dc;
--rc-list-head-ink: #7c2d12;
--rc-list-ink: #1c1917;
--rc-list-text-muted: #78716c;
--rc-list-stripe: #f5f1ea;
--rc-list-hover: #ebe0d4;
--rc-list-border: #e7e0d5;
--rc-list-primary: #b91c1c;
--rc-list-primary-hover: #dc2626;
--rc-list-success: #047857;
--rc-list-info: #1e40af;
--rc-list-warning: #b45309;
--rc-list-danger: #7f1d1d;
--rc-nav-bg: #f3ebe3;
--rc-nav-active: #b91c1c;
--rc-nav-active-bg: #fee2e2;
--rc-tb-add: #047857;
--rc-tb-delete: #7f1d1d;
--rc-tb-import: #1e40af;
--rc-tb-import-alt: #0e7490;
--rc-tb-clear: #9f1239;
--rc-tb-qr: #6d28d9;
--rc-tb-qr-off: #64748b;
--rc-tb-calc: #c2410c;
--rc-tb-temp: #7c3aed;
--rc-tb-export: #a16207;
--rc-tb-log: #475569;
}
/* 暮蓝墨色 */
html[data-rc-skin="slate"] {
--rc-bg: #f4f5f7;
--rc-surface: #ffffff;
--rc-ink: #1b263b;
--rc-muted: #6b7280;
--rc-line: #e5e7eb;
--rc-line-strong: #cfd4dc;
--rc-accent: #3d5a80;
--rc-accent-soft: #eef2f6;
--rc-warn-bg: #faf6ef;
--rc-warn-ink: #8b6914;
--rc-warn-line: #e6d7b0;
--rc-lock-bg: #faf6ef;
--rc-lock-line: #c9b07a;
--rc-row: #f7f8fa;
--rc-radius: 2px;
--rc-topbar: #1b263b;
--rc-topbar-accent: #9fb3c8;
--rc-topbar-border: #121a28;
--rc-btn-add: #3d5a80;
--rc-btn-add-bg: #eef2f6;
--rc-btn-add-line: #9fb3c8;
--rc-btn-del: #9a6b6b;
--rc-btn-del-bg: #f8efef;
--rc-btn-del-line: #d4b4b4;
--rc-btn-ok: #15803d;
--rc-btn-ok-bg: #dcfce7;
--rc-btn-ok-line: #86efac;
--rc-btn-info: #1d4ed8;
--rc-btn-info-bg: #dbeafe;
--rc-btn-info-line: #93c5fd;
--rc-btn-submit: #1b263b;
--rc-btn-submit-hover: #2d3a52;
--rc-list-panel-bg: #f7f9fc;
--rc-list-head-bg: #e4ebf2;
--rc-list-head-ink: #3d5a80;
--rc-list-ink: #1b263b;
--rc-list-text-muted: #6b7280;
--rc-list-stripe: #eef2f6;
--rc-list-hover: #e2e8f0;
--rc-list-border: #e5e7eb;
--rc-list-primary: #3d5a80;
--rc-list-primary-hover: #2d3a52;
--rc-list-success: #2f9e6b;
--rc-list-info: #4c6ef5;
--rc-list-warning: #a16207;
--rc-list-danger: #a15c5c;
--rc-nav-bg: #e4ebf2;
--rc-nav-active: #3d5a80;
--rc-nav-active-bg: #eef2f6;
--rc-tb-add: #2f9e6b;
--rc-tb-delete: #a15c5c;
--rc-tb-import: #4c6ef5;
--rc-tb-import-alt: #0891b2;
--rc-tb-clear: #9f1239;
--rc-tb-qr: #5c7cfa;
--rc-tb-qr-off: #868e96;
--rc-tb-calc: #e67700;
--rc-tb-temp: #7950f2;
--rc-tb-export: #c9a227;
--rc-tb-log: #495057;
}
/* 经典蓝红 */
html[data-rc-skin="classic"] {
--rc-bg: #f5f7fa;
--rc-surface: #ffffff;
--rc-ink: #303133;
--rc-muted: #909399;
--rc-line: #ebeef5;
--rc-line-strong: #dcdfe6;
--rc-accent: #409eff;
--rc-accent-soft: #ecf5ff;
--rc-warn-bg: #fdf6ec;
--rc-warn-ink: #e6a23c;
--rc-warn-line: #f5dab1;
--rc-lock-bg: #fdf6ec;
--rc-lock-line: #e6a23c;
--rc-row: #fafafa;
--rc-radius: 4px;
--rc-topbar: #1f81f2;
--rc-topbar-accent: #d9ecff;
--rc-topbar-border: #1673db;
--rc-btn-add: #409eff;
--rc-btn-add-bg: #ecf5ff;
--rc-btn-add-line: #b3d8ff;
--rc-btn-del: #f56c6c;
--rc-btn-del-bg: #fef0f0;
--rc-btn-del-line: #fbc4c4;
--rc-btn-ok: #67c23a;
--rc-btn-ok-bg: #f0f9eb;
--rc-btn-ok-line: #c2e7b0;
--rc-btn-info: #409eff;
--rc-btn-info-bg: #ecf5ff;
--rc-btn-info-line: #b3d8ff;
--rc-btn-submit: #409eff;
--rc-btn-submit-hover: #66b1ff;
--rc-list-panel-bg: #f7faff;
--rc-list-head-bg: #dceaf8;
--rc-list-head-ink: #1d39c4;
--rc-list-ink: #303133;
--rc-list-text-muted: #606266;
--rc-list-stripe: #eef5fc;
--rc-list-hover: #d6e8fa;
--rc-list-border: #c6d9ec;
--rc-list-primary: #409eff;
--rc-list-primary-hover: #66b1ff;
--rc-list-success: #529b2e;
--rc-list-info: #73767a;
--rc-list-warning: #c47d1a;
--rc-list-danger: #e64545;
--rc-nav-bg: #eef3f8;
--rc-nav-active: #409eff;
--rc-nav-active-bg: #ecf5ff;
--rc-tb-add: #67c23a;
--rc-tb-delete: #f56c6c;
--rc-tb-import: #409eff;
--rc-tb-import-alt: #14c9c9;
--rc-tb-clear: #c45656;
--rc-tb-qr: #626aef;
--rc-tb-qr-off: #909399;
--rc-tb-calc: #e6a23c;
--rc-tb-temp: #b37feb;
--rc-tb-export: #b88230;
--rc-tb-log: #606266;
}
/* 松绿石色 */
html[data-rc-skin="pine"] {
--rc-bg: #f3f5f4;
--rc-surface: #ffffff;
--rc-ink: #24332e;
--rc-muted: #6a7872;
--rc-line: #e2e8e5;
--rc-line-strong: #c7d2cc;
--rc-accent: #2f6f5e;
--rc-accent-soft: #e8f2ee;
--rc-warn-bg: #f7f1e4;
--rc-warn-ink: #8a6a32;
--rc-warn-line: #e2d2ad;
--rc-lock-bg: #f7f1e4;
--rc-lock-line: #c4a574;
--rc-row: #f6f8f7;
--rc-radius: 2px;
--rc-topbar: #1f4f43;
--rc-topbar-accent: #8fbcad;
--rc-topbar-border: #163a32;
--rc-btn-add: #2f6f5e;
--rc-btn-add-bg: #e8f2ee;
--rc-btn-add-line: #9cc4b5;
--rc-btn-del: #8b5e5e;
--rc-btn-del-bg: #f7eeee;
--rc-btn-del-line: #d2b0b0;
--rc-btn-ok: #2f6f5e;
--rc-btn-ok-bg: #eaf5ef;
--rc-btn-ok-line: #a8cfc0;
--rc-btn-info: #2563eb;
--rc-btn-info-bg: #eff6ff;
--rc-btn-info-line: #93c5fd;
--rc-btn-submit: #2f6f5e;
--rc-btn-submit-hover: #3a8571;
--rc-list-panel-bg: #f7faf8;
--rc-list-head-bg: #e6f0eb;
--rc-list-head-ink: #2f6f5e;
--rc-list-ink: #24332e;
--rc-list-text-muted: #6a7872;
--rc-list-stripe: #eef4f0;
--rc-list-hover: #e0ebe5;
--rc-list-border: #e2e8e5;
--rc-list-primary: #2f6f5e;
--rc-list-primary-hover: #3a8571;
--rc-list-success: #4d7c0f;
--rc-list-info: #1d4ed8;
--rc-list-warning: #a16207;
--rc-list-danger: #9f1239;
--rc-nav-bg: #e6f0eb;
--rc-nav-active: #2f6f5e;
--rc-nav-active-bg: #e8f2ee;
--rc-tb-add: #4d7c0f;
--rc-tb-delete: #9f1239;
--rc-tb-import: #1d4ed8;
--rc-tb-import-alt: #0e7490;
--rc-tb-clear: #b91c1c;
--rc-tb-qr: #4338ca;
--rc-tb-qr-off: #6b7280;
--rc-tb-calc: #b45309;
--rc-tb-temp: #7c3aed;
--rc-tb-export: #a16207;
--rc-tb-log: #3f6212;
}
/* 海洋青 */
html[data-rc-skin="ocean"] {
--rc-bg: #f0f9f9;
--rc-surface: #ffffff;
--rc-ink: #134e4a;
--rc-muted: #5f7a78;
--rc-line: #d5ebea;
--rc-line-strong: #a7d4d1;
--rc-accent: #0d9488;
--rc-accent-soft: #ccfbf1;
--rc-warn-bg: #fff7ed;
--rc-warn-ink: #c2410c;
--rc-warn-line: #fdba74;
--rc-lock-bg: #fff7ed;
--rc-lock-line: #fb923c;
--rc-row: #f0fdfa;
--rc-radius: 4px;
--rc-topbar: #115e59;
--rc-topbar-accent: #5eead4;
--rc-topbar-border: #0f4c47;
--rc-btn-add: #0d9488;
--rc-btn-add-bg: #ccfbf1;
--rc-btn-add-line: #5eead4;
--rc-btn-del: #e11d48;
--rc-btn-del-bg: #fff1f2;
--rc-btn-del-line: #fda4af;
--rc-btn-ok: #16a34a;
--rc-btn-ok-bg: #dcfce7;
--rc-btn-ok-line: #86efac;
--rc-btn-info: #0369a1;
--rc-btn-info-bg: #e0f2fe;
--rc-btn-info-line: #38bdf8;
--rc-btn-submit: #0f766e;
--rc-btn-submit-hover: #14b8a6;
--rc-list-panel-bg: #f5fcfb;
--rc-list-head-bg: #e0f5f2;
--rc-list-head-ink: #0f766e;
--rc-list-ink: #134e4a;
--rc-list-text-muted: #5f7a78;
--rc-list-stripe: #eefaf8;
--rc-list-hover: #d5f5f0;
--rc-list-border: #d5ebea;
--rc-list-primary: #0d9488;
--rc-list-primary-hover: #14b8a6;
--rc-list-success: #059669;
--rc-list-info: #0284c7;
--rc-list-warning: #ea580c;
--rc-list-danger: #e11d48;
--rc-nav-bg: #e0f5f2;
--rc-nav-active: #0d9488;
--rc-nav-active-bg: #ccfbf1;
--rc-tb-add: #059669;
--rc-tb-delete: #e11d48;
--rc-tb-import: #0284c7;
--rc-tb-import-alt: #6366f1;
--rc-tb-clear: #be123c;
--rc-tb-qr: #2563eb;
--rc-tb-qr-off: #64748b;
--rc-tb-calc: #ea580c;
--rc-tb-temp: #9333ea;
--rc-tb-export: #ca8a04;
--rc-tb-log: #0f766e;
}
/* 星空紫 */
html[data-rc-skin="violet"] {
--rc-bg: #faf5ff;
--rc-surface: #ffffff;
--rc-ink: #3b0764;
--rc-muted: #7c6a93;
--rc-line: #ede4f7;
--rc-line-strong: #d4bff0;
--rc-accent: #7c3aed;
--rc-accent-soft: #ede9fe;
--rc-warn-bg: #fffbeb;
--rc-warn-ink: #b45309;
--rc-warn-line: #fcd34d;
--rc-lock-bg: #fffbeb;
--rc-lock-line: #f59e0b;
--rc-row: #f5f3ff;
--rc-radius: 4px;
--rc-topbar: #4c1d95;
--rc-topbar-accent: #c4b5fd;
--rc-topbar-border: #3b0764;
--rc-btn-add: #7c3aed;
--rc-btn-add-bg: #ede9fe;
--rc-btn-add-line: #c4b5fd;
--rc-btn-del: #e11d48;
--rc-btn-del-bg: #fff1f2;
--rc-btn-del-line: #fda4af;
--rc-btn-ok: #16a34a;
--rc-btn-ok-bg: #dcfce7;
--rc-btn-ok-line: #86efac;
--rc-btn-info: #4f46e5;
--rc-btn-info-bg: #eef2ff;
--rc-btn-info-line: #a5b4fc;
--rc-btn-submit: #6d28d9;
--rc-btn-submit-hover: #8b5cf6;
--rc-list-panel-bg: #fbf8ff;
--rc-list-head-bg: #efeafc;
--rc-list-head-ink: #6d28d9;
--rc-list-ink: #3b0764;
--rc-list-text-muted: #7c6a93;
--rc-list-stripe: #f5f3ff;
--rc-list-hover: #ede9fe;
--rc-list-border: #ede4f7;
--rc-list-primary: #7c3aed;
--rc-list-primary-hover: #8b5cf6;
--rc-list-success: #22c55e;
--rc-list-info: #6366f1;
--rc-list-warning: #f59e0b;
--rc-list-danger: #f43f5e;
--rc-nav-bg: #efeafc;
--rc-nav-active: #7c3aed;
--rc-nav-active-bg: #ede9fe;
--rc-tb-add: #22c55e;
--rc-tb-delete: #f43f5e;
--rc-tb-import: #6366f1;
--rc-tb-import-alt: #06b6d4;
--rc-tb-clear: #e11d48;
--rc-tb-qr: #4f46e5;
--rc-tb-qr-off: #94a3b8;
--rc-tb-calc: #f59e0b;
--rc-tb-temp: #db2777;
--rc-tb-export: #d97706;
--rc-tb-log: #6d28d9;
}
/* 暗夜黑 */
html[data-rc-skin="dark"] {
--rc-bg: #0f1419;
--rc-surface: #1a2332;
--rc-ink: #e7ecf3;
--rc-muted: #9aa7b8;
--rc-line: #2a3544;
--rc-line-strong: #3d4d63;
--rc-accent: #60a5fa;
--rc-accent-soft: #1e3a5f;
--rc-warn-bg: #3b2f1a;
--rc-warn-ink: #fbbf24;
--rc-warn-line: #92720f;
--rc-lock-bg: #3b2f1a;
--rc-lock-line: #b45309;
--rc-row: #151c27;
--rc-radius: 4px;
--rc-topbar: #0b1220;
--rc-topbar-accent: #93c5fd;
--rc-topbar-border: #1e293b;
--rc-btn-add: #60a5fa;
--rc-btn-add-bg: #1e3a5f;
--rc-btn-add-line: #3b82f6;
--rc-btn-del: #fb7185;
--rc-btn-del-bg: #3f1d24;
--rc-btn-del-line: #e11d48;
--rc-btn-ok: #4ade80;
--rc-btn-ok-bg: #14532d;
--rc-btn-ok-line: #22c55e;
--rc-btn-info: #60a5fa;
--rc-btn-info-bg: #1e3a8a;
--rc-btn-info-line: #3b82f6;
--rc-btn-submit: #60a5fa;
--rc-btn-submit-hover: #93c5fd;
--rc-list-panel-bg: #1a2332;
--rc-list-head-bg: #151c27;
--rc-list-head-ink: #9aa7b8;
--rc-list-ink: #e7ecf3;
--rc-list-text-muted: #9aa7b8;
--rc-list-stripe: #121925;
--rc-list-hover: #1e3a5f;
--rc-list-border: #2a3544;
--rc-list-primary: #3b82f6;
--rc-list-primary-hover: #60a5fa;
/* 实心按钮配白字：避免过浅 */
--rc-list-success: #16a34a;
--rc-list-info: #0284c7;
--rc-list-warning: #d97706;
--rc-list-danger: #e11d48;
--rc-nav-bg: #0f172a;
--rc-nav-active: #60a5fa;
--rc-nav-active-bg: #1e3a5f;
--rc-tb-add: #4ade80;
--rc-tb-delete: #fb7185;
--rc-tb-import: #22d3ee;
--rc-tb-import-alt: #a78bfa;
--rc-tb-clear: #f472b6;
--rc-tb-qr: #818cf8;
--rc-tb-qr-off: #94a3b8;
--rc-tb-calc: #fbbf24;
--rc-tb-temp: #c084fc;
--rc-tb-export: #fcd34d;
--rc-tb-log: #38bdf8;
}
/* 暖阳珊瑚 */
html[data-rc-skin="coral"] {
--rc-bg: #faf6f2;
--rc-surface: #ffffff;
--rc-ink: #3f2a22;
--rc-muted: #8a6e63;
--rc-line: #efe4dc;
--rc-line-strong: #dcc4b5;
--rc-accent: #e07a5f;
--rc-accent-soft: #fde8e1;
--rc-warn-bg: #fff6e8;
--rc-warn-ink: #b45309;
--rc-warn-line: #f5d0a9;
--rc-lock-bg: #fff6e8;
--rc-lock-line: #e9b872;
--rc-row: #fbf7f4;
--rc-radius: 4px;
--rc-topbar: #5c3d32;
--rc-topbar-accent: #f2c4b3;
--rc-topbar-border: #442c24;
--rc-btn-add: #e07a5f;
--rc-btn-add-bg: #fde8e1;
--rc-btn-add-line: #f0b5a3;
--rc-btn-del: #c45c5c;
--rc-btn-del-bg: #fceeee;
--rc-btn-del-line: #e8b4b4;
--rc-btn-ok: #3d8b6e;
--rc-btn-ok-bg: #e6f5ee;
--rc-btn-ok-line: #8fc9ad;
--rc-btn-info: #2a6f97;
--rc-btn-info-bg: #e6f1f7;
--rc-btn-info-line: #8ebfd6;
--rc-btn-submit: #e07a5f;
--rc-btn-submit-hover: #eb917a;
--rc-list-panel-bg: #fffaf7;
--rc-list-head-bg: #f8ebe4;
--rc-list-head-ink: #9a3412;
--rc-list-ink: #3f2a22;
--rc-list-text-muted: #8a6e63;
--rc-list-stripe: #fbf4ef;
--rc-list-hover: #fde8e1;
--rc-list-border: #efe4dc;
--rc-list-primary: #c45c3e;
--rc-list-primary-hover: #e07a5f;
--rc-list-success: #2a9d8f;
--rc-list-info: #457b9d;
--rc-list-warning: #b45309;
--rc-list-danger: #e63946;
--rc-nav-bg: #f8ebe4;
--rc-nav-active: #e07a5f;
--rc-nav-active-bg: #fde8e1;
--rc-tb-add: #2a9d8f;
--rc-tb-delete: #e63946;
--rc-tb-import: #457b9d;
--rc-tb-import-alt: #1d3557;
--rc-tb-clear: #9d0208;
--rc-tb-qr: #9b5de5;
--rc-tb-qr-off: #6c757d;
--rc-tb-calc: #f4a261;
--rc-tb-temp: #8338ec;
--rc-tb-export: #e9c46a;
--rc-tb-log: #264653;
}
/* 霜色北欧 */
html[data-rc-skin="frost"] {
--rc-bg: #eceff4;
--rc-surface: #ffffff;
--rc-ink: #2e3440;
--rc-muted: #4c566a;
--rc-line: #d8dee9;
--rc-line-strong: #c0c8d6;
--rc-accent: #5e81ac;
--rc-accent-soft: #e5eef8;
--rc-warn-bg: #fbecc8;
--rc-warn-ink: #8f6a12;
--rc-warn-line: #e8c86a;
--rc-lock-bg: #fbecc8;
--rc-lock-line: #d08770;
--rc-row: #f2f4f8;
--rc-radius: 3px;
--rc-topbar: #3b4252;
--rc-topbar-accent: #88c0d0;
--rc-topbar-border: #2e3440;
--rc-btn-add: #5e81ac;
--rc-btn-add-bg: #e5eef8;
--rc-btn-add-line: #a3bce0;
--rc-btn-del: #bf616a;
--rc-btn-del-bg: #f8e9eb;
--rc-btn-del-line: #e0a8ad;
--rc-btn-ok: #689d6a;
--rc-btn-ok-bg: #e8f5e9;
--rc-btn-ok-line: #a8d5a2;
--rc-btn-info: #458588;
--rc-btn-info-bg: #e0f2f1;
--rc-btn-info-line: #83a598;
--rc-btn-submit: #5e81ac;
--rc-btn-submit-hover: #81a1c1;
--rc-list-panel-bg: #f7f9fc;
--rc-list-head-bg: #e4ecf4;
--rc-list-head-ink: #4c566a;
--rc-list-ink: #2e3440;
--rc-list-text-muted: #4c566a;
--rc-list-stripe: #eef2f7;
--rc-list-hover: #e5eef8;
--rc-list-border: #d8dee9;
--rc-list-primary: #5e81ac;
--rc-list-primary-hover: #81a1c1;
/* 原 pastel 过浅，白字不可读 */
--rc-list-success: #5a7a42;
--rc-list-info: #3d7a8c;
--rc-list-warning: #b48a3c;
--rc-list-danger: #bf616a;
--rc-nav-bg: #e4ecf4;
--rc-nav-active: #5e81ac;
--rc-nav-active-bg: #e5eef8;
--rc-tb-add: #8fbc8f;
--rc-tb-delete: #a54e56;
--rc-tb-import: #88c0d0;
--rc-tb-import-alt: #5e81ac;
--rc-tb-clear: #bf616a;
--rc-tb-qr: #81a1c1;
--rc-tb-qr-off: #4c566a;
--rc-tb-calc: #d08770;
--rc-tb-temp: #b48ead;
--rc-tb-export: #ebcb8b;
--rc-tb-log: #8fbcbb;
}
/* ========== 新增 6 套 ========== */
/* 金秋琥珀 */
html[data-rc-skin="amber"] {
--rc-bg: #fffbeb;
--rc-surface: #fffef7;
--rc-ink: #451a03;
--rc-muted: #92400e;
--rc-line: #fde68a;
--rc-line-strong: #fbbf24;
--rc-accent: #d97706;
--rc-accent-soft: #fef3c7;
--rc-warn-bg: #ffedd5;
--rc-warn-ink: #9a3412;
--rc-warn-line: #fdba74;
--rc-lock-bg: #fef3c7;
--rc-lock-line: #f59e0b;
--rc-row: #fff7ed;
--rc-radius: 3px;
--rc-topbar: #78350f;
--rc-topbar-accent: #fcd34d;
--rc-topbar-border: #451a03;
--rc-btn-add: #d97706;
--rc-btn-add-bg: #fef3c7;
--rc-btn-add-line: #fbbf24;
--rc-btn-del: #dc2626;
--rc-btn-del-bg: #fee2e2;
--rc-btn-del-line: #fca5a5;
--rc-btn-ok: #15803d;
--rc-btn-ok-bg: #dcfce7;
--rc-btn-ok-line: #86efac;
--rc-btn-info: #0369a1;
--rc-btn-info-bg: #e0f2fe;
--rc-btn-info-line: #7dd3fc;
--rc-btn-submit: #d97706;
--rc-btn-submit-hover: #f59e0b;
--rc-list-panel-bg: #fffef7;
--rc-list-head-bg: #f6edd9;
--rc-list-head-ink: #92400e;
--rc-list-ink: #451a03;
--rc-list-text-muted: #92400e;
--rc-list-stripe: #fff7ed;
--rc-list-hover: #fef3c7;
--rc-list-border: #fde68a;
--rc-list-primary: #d97706;
--rc-list-primary-hover: #f59e0b;
--rc-list-success: #65a30d;
--rc-list-info: #0e7490;
--rc-list-warning: #c2410c;
--rc-list-danger: #dc2626;
--rc-nav-bg: #f6edd9;
--rc-nav-active: #d97706;
--rc-nav-active-bg: #fef3c7;
--rc-tb-add: #65a30d;
--rc-tb-delete: #dc2626;
--rc-tb-import: #0e7490;
--rc-tb-import-alt: #7c3aed;
--rc-tb-clear: #b91c1c;
--rc-tb-qr: #2563eb;
--rc-tb-qr-off: #78716c;
--rc-tb-calc: #c2410c;
--rc-tb-temp: #9333ea;
--rc-tb-export: #ca8a04;
--rc-tb-log: #92400e;
}
/* 暮春玫瑰 */
html[data-rc-skin="rose"] {
--rc-bg: #fff1f2;
--rc-surface: #ffffff;
--rc-ink: #4c0519;
--rc-muted: #9f1239;
--rc-line: #fecdd3;
--rc-line-strong: #fb7185;
--rc-accent: #e11d48;
--rc-accent-soft: #ffe4e6;
--rc-warn-bg: #fef3c7;
--rc-warn-ink: #92400e;
--rc-warn-line: #fcd34d;
--rc-lock-bg: #ffe4e6;
--rc-lock-line: #fb7185;
--rc-row: #fff5f6;
--rc-radius: 4px;
--rc-topbar: #881337;
--rc-topbar-accent: #fda4af;
--rc-topbar-border: #4c0519;
--rc-btn-add: #e11d48;
--rc-btn-add-bg: #ffe4e6;
--rc-btn-add-line: #fda4af;
--rc-btn-del: #9f1239;
--rc-btn-del-bg: #fff1f2;
--rc-btn-del-line: #fb7185;
--rc-btn-ok: #15803d;
--rc-btn-ok-bg: #dcfce7;
--rc-btn-ok-line: #86efac;
--rc-btn-info: #2563eb;
--rc-btn-info-bg: #dbeafe;
--rc-btn-info-line: #93c5fd;
--rc-btn-submit: #e11d48;
--rc-btn-submit-hover: #f43f5e;
--rc-list-panel-bg: #fff8f9;
--rc-list-head-bg: #fceef1;
--rc-list-head-ink: #9f1239;
--rc-list-ink: #4c0519;
--rc-list-text-muted: #9f1239;
--rc-list-stripe: #fff1f2;
--rc-list-hover: #ffe4e6;
--rc-list-border: #fecdd3;
--rc-list-primary: #e11d48;
--rc-list-primary-hover: #f43f5e;
--rc-list-success: #10b981;
--rc-list-info: #3b82f6;
--rc-list-warning: #d97706;
--rc-list-danger: #9f1239;
--rc-nav-bg: #fceef1;
--rc-nav-active: #e11d48;
--rc-nav-active-bg: #ffe4e6;
--rc-tb-add: #10b981;
--rc-tb-delete: #9f1239;
--rc-tb-import: #3b82f6;
--rc-tb-import-alt: #06b6d4;
--rc-tb-clear: #be123c;
--rc-tb-qr: #8b5cf6;
--rc-tb-qr-off: #64748b;
--rc-tb-calc: #d97706;
--rc-tb-temp: #6366f1;
--rc-tb-export: #f59e0b;
--rc-tb-log: #881337;
}
/* 沙丘暖灰 */
html[data-rc-skin="sand"] {
--rc-bg: #f5f0e8;
--rc-surface: #fdfbf7;
--rc-ink: #44403c;
--rc-muted: #78716c;
--rc-line: #e7e5e4;
--rc-line-strong: #d6d3d1;
--rc-accent: #a8a29e;
--rc-accent-soft: #f5f5f4;
--rc-warn-bg: #fef3c7;
--rc-warn-ink: #a16207;
--rc-warn-line: #fcd34d;
--rc-lock-bg: #faf6ef;
--rc-lock-line: #d6c4a0;
--rc-row: #f7f3ec;
--rc-radius: 2px;
--rc-topbar: #57534e;
--rc-topbar-accent: #d6d3d1;
--rc-topbar-border: #292524;
--rc-btn-add: #78716c;
--rc-btn-add-bg: #f5f5f4;
--rc-btn-add-line: #d6d3d1;
--rc-btn-del: #b91c1c;
--rc-btn-del-bg: #fef2f2;
--rc-btn-del-line: #fca5a5;
--rc-btn-ok: #4d7c0f;
--rc-btn-ok-bg: #ecfccb;
--rc-btn-ok-line: #bef264;
--rc-btn-info: #0369a1;
--rc-btn-info-bg: #e0f2fe;
--rc-btn-info-line: #7dd3fc;
--rc-btn-submit: #57534e;
--rc-btn-submit-hover: #78716c;
--rc-list-panel-bg: #fdfbf7;
--rc-list-head-bg: #ece8e1;
--rc-list-head-ink: #57534e;
--rc-list-ink: #44403c;
--rc-list-text-muted: #78716c;
--rc-list-stripe: #f7f3ec;
--rc-list-hover: #f5f5f4;
--rc-list-border: #e7e5e4;
--rc-list-primary: #78716c;
--rc-list-primary-hover: #57534e;
--rc-list-success: #65a30d;
--rc-list-info: #0891b2;
--rc-list-warning: #ca8a04;
--rc-list-danger: #b91c1c;
--rc-nav-bg: #ece8e1;
--rc-nav-active: #57534e;
--rc-nav-active-bg: #f5f5f4;
--rc-tb-add: #65a30d;
--rc-tb-delete: #b91c1c;
--rc-tb-import: #0891b2;
--rc-tb-import-alt: #7c3aed;
--rc-tb-clear: #991b1b;
--rc-tb-qr: #4f46e5;
--rc-tb-qr-off: #a8a29e;
--rc-tb-calc: #ea580c;
--rc-tb-temp: #a855f7;
--rc-tb-export: #ca8a04;
--rc-tb-log: #44403c;
}
/* 青瓷玉色 */
html[data-rc-skin="jade"] {
--rc-bg: #f0fdf4;
--rc-surface: #ffffff;
--rc-ink: #14532d;
--rc-muted: #4d7c0f;
--rc-line: #bbf7d0;
--rc-line-strong: #86efac;
--rc-accent: #059669;
--rc-accent-soft: #d1fae5;
--rc-warn-bg: #fef9c3;
--rc-warn-ink: #854d0e;
--rc-warn-line: #fde047;
--rc-lock-bg: #ecfdf5;
--rc-lock-line: #34d399;
--rc-row: #f0fdf4;
--rc-radius: 3px;
--rc-topbar: #065f46;
--rc-topbar-accent: #6ee7b7;
--rc-topbar-border: #064e3b;
--rc-btn-add: #059669;
--rc-btn-add-bg: #d1fae5;
--rc-btn-add-line: #6ee7b7;
--rc-btn-del: #dc2626;
--rc-btn-del-bg: #fee2e2;
--rc-btn-del-line: #fca5a5;
--rc-btn-ok: #166534;
--rc-btn-ok-bg: #dcfce7;
--rc-btn-ok-line: #4ade80;
--rc-btn-info: #0e7490;
--rc-btn-info-bg: #cffafe;
--rc-btn-info-line: #67e8f9;
--rc-btn-submit: #059669;
--rc-btn-submit-hover: #10b981;
--rc-list-panel-bg: #f7fdf9;
--rc-list-head-bg: #e4f5eb;
--rc-list-head-ink: #047857;
--rc-list-ink: #14532d;
--rc-list-text-muted: #4d7c0f;
--rc-list-stripe: #ecfdf5;
--rc-list-hover: #d1fae5;
--rc-list-border: #bbf7d0;
--rc-list-primary: #059669;
--rc-list-primary-hover: #10b981;
--rc-list-success: #166534;
--rc-list-info: #0e7490;
--rc-list-warning: #ca8a04;
--rc-list-danger: #dc2626;
--rc-nav-bg: #e4f5eb;
--rc-nav-active: #059669;
--rc-nav-active-bg: #d1fae5;
--rc-tb-add: #166534;
--rc-tb-delete: #dc2626;
--rc-tb-import: #0e7490;
--rc-tb-import-alt: #4f46e5;
--rc-tb-clear: #b91c1c;
--rc-tb-qr: #2563eb;
--rc-tb-qr-off: #6b7280;
--rc-tb-calc: #d97706;
--rc-tb-temp: #7c3aed;
--rc-tb-export: #ca8a04;
--rc-tb-log: #065f46;
}
/* 午夜靛蓝 */
html[data-rc-skin="midnight"] {
--rc-bg: #eef2ff;
--rc-surface: #ffffff;
--rc-ink: #1e1b4b;
--rc-muted: #4338ca;
--rc-line: #c7d2fe;
--rc-line-strong: #a5b4fc;
--rc-accent: #3730a3;
--rc-accent-soft: #e0e7ff;
--rc-warn-bg: #fef3c7;
--rc-warn-ink: #92400e;
--rc-warn-line: #fcd34d;
--rc-lock-bg: #e0e7ff;
--rc-lock-line: #818cf8;
--rc-row: #f5f3ff;
--rc-radius: 4px;
--rc-topbar: #1e1b4b;
--rc-topbar-accent: #a5b4fc;
--rc-topbar-border: #312e81;
--rc-btn-add: #4338ca;
--rc-btn-add-bg: #e0e7ff;
--rc-btn-add-line: #a5b4fc;
--rc-btn-del: #e11d48;
--rc-btn-del-bg: #ffe4e6;
--rc-btn-del-line: #fda4af;
--rc-btn-ok: #15803d;
--rc-btn-ok-bg: #dcfce7;
--rc-btn-ok-line: #86efac;
--rc-btn-info: #0284c7;
--rc-btn-info-bg: #e0f2fe;
--rc-btn-info-line: #7dd3fc;
--rc-btn-submit: #3730a3;
--rc-btn-submit-hover: #4f46e5;
--rc-list-panel-bg: #f8f9ff;
--rc-list-head-bg: #e9ecfb;
--rc-list-head-ink: #3730a3;
--rc-list-ink: #1e1b4b;
--rc-list-text-muted: #4338ca;
--rc-list-stripe: #f5f3ff;
--rc-list-hover: #e0e7ff;
--rc-list-border: #c7d2fe;
--rc-list-primary: #4338ca;
--rc-list-primary-hover: #4f46e5;
--rc-list-success: #16a34a;
--rc-list-info: #0ea5e9;
--rc-list-warning: #f59e0b;
--rc-list-danger: #e11d48;
--rc-nav-bg: #e9ecfb;
--rc-nav-active: #4338ca;
--rc-nav-active-bg: #e0e7ff;
--rc-tb-add: #16a34a;
--rc-tb-delete: #e11d48;
--rc-tb-import: #0ea5e9;
--rc-tb-import-alt: #14b8a6;
--rc-tb-clear: #be123c;
--rc-tb-qr: #6366f1;
--rc-tb-qr-off: #64748b;
--rc-tb-calc: #f59e0b;
--rc-tb-temp: #db2777;
--rc-tb-export: #eab308;
--rc-tb-log: #312e81;
}
/* 浅樱粉彩 */
html[data-rc-skin="sakura"] {
--rc-bg: #fff7fb;
--rc-surface: #ffffff;
--rc-ink: #500724;
--rc-muted: #9d174d;
--rc-line: #fbcfe8;
--rc-line-strong: #f9a8d4;
--rc-accent: #db2777;
--rc-accent-soft: #fce7f3;
--rc-warn-bg: #fef3c7;
--rc-warn-ink: #92400e;
--rc-warn-line: #fcd34d;
--rc-lock-bg: #fce7f3;
--rc-lock-line: #f472b6;
--rc-row: #fdf2f8;
--rc-radius: 4px;
--rc-topbar: #831843;
--rc-topbar-accent: #f9a8d4;
--rc-topbar-border: #500724;
--rc-btn-add: #db2777;
--rc-btn-add-bg: #fce7f3;
--rc-btn-add-line: #f9a8d4;
--rc-btn-del: #be123c;
--rc-btn-del-bg: #fff1f2;
--rc-btn-del-line: #fda4af;
--rc-btn-ok: #15803d;
--rc-btn-ok-bg: #dcfce7;
--rc-btn-ok-line: #86efac;
--rc-btn-info: #1d4ed8;
--rc-btn-info-bg: #dbeafe;
--rc-btn-info-line: #93c5fd;
--rc-btn-submit: #db2777;
--rc-btn-submit-hover: #ec4899;
--rc-list-panel-bg: #fffafc;
--rc-list-head-bg: #fceef6;
--rc-list-head-ink: #9d174d;
--rc-list-ink: #500724;
--rc-list-text-muted: #9d174d;
--rc-list-stripe: #fdf2f8;
--rc-list-hover: #fce7f3;
--rc-list-border: #fbcfe8;
--rc-list-primary: #db2777;
--rc-list-primary-hover: #ec4899;
--rc-list-success: #14b8a6;
--rc-list-info: #6366f1;
--rc-list-warning: #f59e0b;
--rc-list-danger: #be123c;
--rc-nav-bg: #fceef6;
--rc-nav-active: #db2777;
--rc-nav-active-bg: #fce7f3;
--rc-tb-add: #14b8a6;
--rc-tb-delete: #be123c;
--rc-tb-import: #6366f1;
--rc-tb-import-alt: #0ea5e9;
--rc-tb-clear: #9f1239;
--rc-tb-qr: #8b5cf6;
--rc-tb-qr-off: #94a3b8;
--rc-tb-calc: #f59e0b;
--rc-tb-temp: #7c3aed;
--rc-tb-export: #eab308;
--rc-tb-log: #9d174d;
}
/* 古铜流金 */
html[data-rc-skin="copper"] {
--rc-bg: #f7f1e8;
--rc-surface: #fffcf8;
--rc-ink: #3f2a1a;
--rc-muted: #8b6914;
--rc-line: #e8d5b7;
--rc-line-strong: #d4a574;
--rc-accent: #b45309;
--rc-accent-soft: #fef3c7;
--rc-warn-bg: #fef9c3;
--rc-warn-ink: #854d0e;
--rc-warn-line: #fde047;
--rc-lock-bg: #fef3c7;
--rc-lock-line: #d97706;
--rc-row: #faf6ef;
--rc-radius: 3px;
--rc-topbar: #78350f;
--rc-topbar-accent: #fcd34d;
--rc-topbar-border: #451a03;
--rc-btn-add: #b45309;
--rc-btn-add-bg: #fef3c7;
--rc-btn-add-line: #fbbf24;
--rc-btn-del: #9f1239;
--rc-btn-del-bg: #fff1f2;
--rc-btn-del-line: #fb7185;
--rc-btn-ok: #3f6212;
--rc-btn-ok-bg: #ecfccb;
--rc-btn-ok-line: #a3e635;
--rc-btn-info: #0e7490;
--rc-btn-info-bg: #cffafe;
--rc-btn-info-line: #67e8f9;
--rc-btn-submit: #b45309;
--rc-btn-submit-hover: #d97706;
--rc-list-panel-bg: #fffcf8;
--rc-list-head-bg: #f3e8d8;
--rc-list-head-ink: #92400e;
--rc-list-ink: #3f2a1a;
--rc-list-text-muted: #8b6914;
--rc-list-stripe: #faf6ef;
--rc-list-hover: #fef3c7;
--rc-list-border: #e8d5b7;
--rc-list-primary: #b45309;
--rc-list-primary-hover: #d97706;
--rc-list-success: #4d7c0f;
--rc-list-info: #0e7490;
--rc-list-warning: #ca8a04;
--rc-list-danger: #9f1239;
--rc-nav-bg: #f3e8d8;
--rc-nav-active: #b45309;
--rc-nav-active-bg: #fef3c7;
--rc-tb-add: #4d7c0f;
--rc-tb-delete: #9f1239;
--rc-tb-import: #0e7490;
--rc-tb-import-alt: #0369a1;
--rc-tb-clear: #be123c;
--rc-tb-qr: #7c2d12;
--rc-tb-qr-off: #78716c;
--rc-tb-calc: #c2410c;
--rc-tb-temp: #a16207;
--rc-tb-export: #ca8a04;
--rc-tb-log: #78350f;
}
/* 暗色皮肤下选择框/菜单底 */
html[data-rc-skin="dark"] .line-zone select.form-control,
html[data-rc-skin="dark"] .line-zone .form-control-plaintext,
html[data-rc-skin="dark"] .input-group .lock-order,
html[data-rc-skin="dark"] .rc-topbar .user-menu > .dropdown-menu {
background-color: var(--rc-surface) !important;
color: var(--rc-ink) !important;
}
html[data-rc-skin="dark"] .rc-topbar .user-menu > .dropdown-menu > li > a {
color: var(--rc-ink) !important;
}
html[data-rc-skin="dark"] .line-zone,
html[data-rc-skin="dark"] .rc-toolbar,
html[data-rc-skin="dark"] .rc-submit-bar {
background: var(--rc-surface);
border-color: var(--rc-line);
color: var(--rc-ink);
}
/*
* 弹层提示：body 在暗色下继承浅色字，layer 默认白底会导致浅字看不见。
*/
html[data-rc-skin="dark"] .layui-layer,
html[data-rc-skin="dark"] .layui-layer-dialog,
html[data-rc-skin="dark"] .layui-layer-page,
html[data-rc-skin="dark"] .layui-layer-iframe {
background-color: var(--rc-surface) !important;
color: var(--rc-ink) !important;
border: 1px solid var(--rc-line-strong) !important;
}
html[data-rc-skin="dark"] .layui-layer-title {
background: var(--rc-row) !important;
color: var(--rc-ink) !important;
border-bottom: 1px solid var(--rc-line) !important;
}
html[data-rc-skin="dark"] .layui-layer-content,
html[data-rc-skin="dark"] .layui-layer-dialog .layui-layer-content,
html[data-rc-skin="dark"] .layui-layer-padding {
color: var(--rc-ink) !important;
}
html[data-rc-skin="dark"] .layui-layer-msg {
background-color: var(--rc-surface) !important;
color: var(--rc-ink) !important;
border: 1px solid var(--rc-line-strong) !important;
}
html[data-rc-skin="dark"] .layui-layer-msg .layui-layer-content {
color: var(--rc-ink) !important;
}
html[data-rc-skin="dark"] .layui-layer-btn {
background: var(--rc-row) !important;
border-top: 1px solid var(--rc-line) !important;
}
html[data-rc-skin="dark"] .layui-layer-btn a {
background: var(--rc-accent-soft) !important;
color: var(--rc-ink) !important;
border: 1px solid var(--rc-line-strong) !important;
}
html[data-rc-skin="dark"] .layui-layer-btn .layui-layer-btn0,
html[data-rc-skin="dark"] .layui-layer-btn a.btn-primary {
background: var(--rc-btn-submit) !important;
color: #0b1220 !important;
border-color: var(--rc-btn-submit) !important;
}
html[data-rc-skin="dark"] .layui-layer-setwin span,
html[data-rc-skin="dark"] .layui-layer-setwin a {
color: var(--rc-muted) !important;
}
html[data-rc-skin="dark"] .modal-content {
background: var(--rc-surface) !important;
color: var(--rc-ink) !important;
border-color: var(--rc-line) !important;
}
html[data-rc-skin="dark"] .modal-header,
html[data-rc-skin="dark"] .modal-footer {
background: var(--rc-row) !important;
border-color: var(--rc-line) !important;
color: var(--rc-ink) !important;
}
html[data-rc-skin="dark"] .modal-title,
html[data-rc-skin="dark"] .modal-body {
color: var(--rc-ink) !important;
}
html[data-rc-skin="dark"] .modal-header .close {
color: var(--rc-ink) !important;
opacity: 0.85;
text-shadow: none;
}
html[data-rc-skin="dark"] .modal-footer .btn-default,
html[data-rc-skin="dark"] .modal-footer .btn-secondary {
background: var(--rc-accent-soft) !important;
color: var(--rc-ink) !important;
border-color: var(--rc-line-strong) !important;
}
html[data-rc-skin="dark"] .rc-submit-bar {
background: var(--rc-surface) !important;
border-color: var(--rc-line) !important;
}
html[data-rc-skin="dark"] .rc-submit-btn,
html[data-rc-skin="dark"] .rc-submit-btn.btn-primary,
html[data-rc-skin="dark"] .rc-submit-btn.btn-primary:hover,
html[data-rc-skin="dark"] .rc-submit-btn.btn-primary:focus {
color: #0b1220 !important;
background: var(--rc-btn-submit) !important;
border-color: var(--rc-btn-submit) !important;
box-shadow: 0 4px 16px rgba(56, 189, 248, 0.35) !important;
}
html[data-rc-skin="dark"] .rc-submit-btn:hover,
html[data-rc-skin="dark"] .rc-submit-btn:focus,
html[data-rc-skin="dark"] .rc-submit-btn.btn-primary:hover,
html[data-rc-skin="dark"] .rc-submit-btn.btn-primary:focus {
color: #0b1220 !important;
background: #7dd3fc !important;
border-color: #7dd3fc !important;
}
/* 顶栏底边随皮肤 */
nav.navbar.rc-topbar,
.navbar.navbar-static-top.rc-topbar {
border-bottom-color: var(--rc-topbar-border) !important;
}
/* 皮肤菜单：一排两个 + 勾选 */
.dropdown-menu .rc-skin-panel {
padding: 4px 8px 8px !important;
clear: both;
}
.dropdown-menu .rc-skin-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2px 6px;
min-width: 248px;
}
.dropdown-menu .rc-skin-grid .rc-skin-item {
position: relative;
display: block;
padding: 7px 22px 7px 10px !important;
border-radius: 3px;
white-space: nowrap;
font-size: 13px;
line-height: 1.3;
color: inherit;
text-decoration: none;
}
.dropdown-menu .rc-skin-grid .rc-skin-item:hover,
.dropdown-menu .rc-skin-grid .rc-skin-item:focus {
background: var(--rc-accent-soft, #fee2e2);
color: var(--rc-accent, #b91c1c);
}
.dropdown-menu .rc-skin-item.is-active {
color: var(--rc-accent) !important;
background: var(--rc-accent-soft, #fee2e2);
font-weight: 600;
}
.dropdown-menu .rc-skin-item.is-active::after {
content: "\f00c";
font-family: FontAwesome;
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
font-size: 11px;
color: var(--rc-accent);
}