@zl-ui-kit/theme 0.0.0-stage → 0.3.0

package/src/generated/themes.css

@@ -0,0 +1,1654 @@
+/* blue 主题（由 scripts/themegen.mjs 生成，DO NOT EDIT） */
+body[data-theme='blue'] {
+  --zl-bg-1: #ffffff;
+  --zl-bg-2: #ffffff;
+  --zl-bg-3: #ffffff;
+  --zl-bg-4: #ffffff;
+  --zl-bg-5: #ffffff;
+  --zl-bg-more: #ffffff;
+  --zl-blue-1: #e8fcff;
+  --zl-blue-10: #002a4d;
+  --zl-blue-2: #beebf5;
+  --zl-blue-3: #97d9eb;
+  --zl-blue-4: #73c6e2;
+  --zl-blue-5: #51b2d8;
+  --zl-blue-6: #329dce;
+  --zl-blue-7: #207cae;
+  --zl-blue-8: #115e8d;
+  --zl-blue-9: #07426d;
+  --zl-gray-2: #eff4f9;
+  --zl-neutral-2: #eff4f9;
+  --zl-border-1: #eff4f9;
+  --zl-gray-3: #e3e9ef;
+  --zl-neutral-3: #e3e9ef;
+  --zl-border-2: #e3e9ef;
+  --zl-gray-4: #b3c0cc;
+  --zl-neutral-4: #b3c0cc;
+  --zl-border-3: #b3c0cc;
+  --zl-gray-6: #79879c;
+  --zl-neutral-6: #79879c;
+  --zl-border-4: #79879c;
+  --zl-cyan-1: #e8fffa;
+  --zl-cyan-10: #00424d;
+  --zl-cyan-2: #bff4e9;
+  --zl-cyan-3: #98e9dc;
+  --zl-cyan-4: #74dfd0;
+  --zl-cyan-5: #53d4c7;
+  --zl-cyan-6: #35c9c0;
+  --zl-cyan-7: #22aaa5;
+  --zl-cyan-8: #128b8b;
+  --zl-cyan-9: #07686c;
+  --zl-red-1: #ffede8;
+  --zl-danger-1: #ffede8;
+  --zl-red-10: #4d0008;
+  --zl-danger-10: #4d0008;
+  --zl-red-2: #f3c6bd;
+  --zl-danger-2: #f3c6bd;
+  --zl-red-3: #e79f94;
+  --zl-danger-3: #e79f94;
+  --zl-red-4: #db7a6f;
+  --zl-danger-4: #db7a6f;
+  --zl-red-5: #cf564e;
+  --zl-danger-5: #cf564e;
+  --zl-red-6: #c3342f;
+  --zl-danger-6: #c3342f;
+  --zl-red-7: #a51e1e;
+  --zl-danger-7: #a51e1e;
+  --zl-red-8: #881014;
+  --zl-danger-8: #881014;
+  --zl-red-9: #6a060d;
+  --zl-danger-9: #6a060d;
+  --zl-gray-1: #f9fbfd;
+  --zl-neutral-1: #f9fbfd;
+  --zl-fill-1: #f9fbfd;
+  --zl-fill-2: #eff4f9;
+  --zl-fill-3: #e3e9ef;
+  --zl-fill-4: #b3c0cc;
+  --zl-gold-1: #fffee8;
+  --zl-gold-10: #4d2d00;
+  --zl-gold-2: #fdf8bf;
+  --zl-gold-3: #fbef97;
+  --zl-gold-4: #f9e470;
+  --zl-gold-5: #f7d749;
+  --zl-gold-6: #f5c723;
+  --zl-gold-7: #cb9e16;
+  --zl-gold-8: #a1760b;
+  --zl-gold-9: #775204;
+  --zl-gray-10: #242e43;
+  --zl-gray-5: #95a6ba;
+  --zl-gray-7: #5e708a;
+  --zl-gray-8: #4d5e7d;
+  --zl-gray-9: #35435e;
+  --zl-green-1: #e8fff0;
+  --zl-green-10: #004d32;
+  --zl-green-2: #c6f2d7;
+  --zl-green-3: #a6e4c0;
+  --zl-green-4: #88d7ac;
+  --zl-green-5: #6ec99a;
+  --zl-green-6: #55bc8a;
+  --zl-green-7: #36a071;
+  --zl-green-8: #1e845a;
+  --zl-green-9: #0c6845;
+  --zl-lime-1: #f9ffe8;
+  --zl-lime-10: #2a4d00;
+  --zl-lime-2: #e4f2c6;
+  --zl-lime-3: #cfe4a6;
+  --zl-lime-4: #bad788;
+  --zl-lime-5: #a5c96e;
+  --zl-lime-6: #8fbc55;
+  --zl-lime-7: #6fa036;
+  --zl-lime-8: #51841e;
+  --zl-lime-9: #37680c;
+  --zl-modo-1: #e8f3ff;
+  --zl-link-1: #e8f3ff;
+  --zl-modo-10: #000d4d;
+  --zl-link-10: #000d4d;
+  --zl-modo-2: #bed6f5;
+  --zl-link-2: #bed6f5;
+  --zl-modo-3: #97b9eb;
+  --zl-link-3: #97b9eb;
+  --zl-modo-4: #739ce2;
+  --zl-link-4: #739ce2;
+  --zl-modo-5: #517ed8;
+  --zl-link-5: #517ed8;
+  --zl-modo-6: #3261ce;
+  --zl-link-6: #3261ce;
+  --zl-modo-7: #2045ae;
+  --zl-link-7: #2045ae;
+  --zl-modo-8: #112e8d;
+  --zl-link-8: #112e8d;
+  --zl-modo-9: #071b6d;
+  --zl-link-9: #071b6d;
+  --zl-magenta-1: #ffe8f4;
+  --zl-magenta-10: #4d0034;
+  --zl-magenta-2: #f6c6e0;
+  --zl-magenta-3: #eea6cf;
+  --zl-magenta-4: #e588c0;
+  --zl-magenta-5: #dd6cb3;
+  --zl-magenta-6: #d451a8;
+  --zl-magenta-7: #b2338c;
+  --zl-magenta-8: #901c71;
+  --zl-magenta-9: #6e0b57;
+  --zl-mask-bg: rgba(36, 46, 67, 0.6);
+  --zl-neutral-10: #242e43;
+  --zl-neutral-5: #95a6ba;
+  --zl-neutral-7: #5e708a;
+  --zl-neutral-8: #4d5e7d;
+  --zl-neutral-9: #35435e;
+  --zl-orange-1: #fffae8;
+  --zl-orange-10: #4d2500;
+  --zl-orange-2: #fdeebf;
+  --zl-orange-3: #fbdf97;
+  --zl-orange-4: #f9ce70;
+  --zl-orange-5: #f7ba49;
+  --zl-orange-6: #f5a623;
+  --zl-orange-7: #cb7f16;
+  --zl-orange-8: #a15e0b;
+  --zl-orange-9: #773f04;
+  --zl-orangered-1: #fff3e8;
+  --zl-orangered-10: #4d0e00;
+  --zl-orangered-2: #f9dac0;
+  --zl-orangered-3: #f3bf99;
+  --zl-orangered-4: #eea374;
+  --zl-orangered-5: #e88651;
+  --zl-orangered-6: #e2682f;
+  --zl-orangered-7: #bd4b1d;
+  --zl-orangered-8: #973210;
+  --zl-orangered-9: #721d06;
+  --zl-pinkpurple-1: #fde8ff;
+  --zl-pinkpurple-10: #42004d;
+  --zl-pinkpurple-2: #efc2f6;
+  --zl-pinkpurple-3: #df9ded;
+  --zl-pinkpurple-4: #cf7be3;
+  --zl-pinkpurple-5: #bd5bda;
+  --zl-pinkpurple-6: #ab3ed1;
+  --zl-pinkpurple-7: #8727b0;
+  --zl-pinkpurple-8: #66158f;
+  --zl-pinkpurple-9: #48086e;
+  --zl-primary-1: #e8f3ff;
+  --zl-primary-10: #000d4d;
+  --zl-primary-2: #bed6f5;
+  --zl-primary-3: #97b9eb;
+  --zl-primary-4: #739ce2;
+  --zl-primary-5: #517ed8;
+  --zl-primary-6: #3261ce;
+  --zl-primary-7: #2045ae;
+  --zl-primary-8: #112e8d;
+  --zl-primary-9: #071b6d;
+  --zl-purple-1: #f3e8ff;
+  --zl-purple-10: #0e004d;
+  --zl-purple-2: #d9c4f3;
+  --zl-purple-3: #bfa2e8;
+  --zl-purple-4: #a582dc;
+  --zl-purple-5: #8b65d1;
+  --zl-purple-6: #724bc5;
+  --zl-purple-7: #5130a7;
+  --zl-purple-8: #361a89;
+  --zl-purple-9: #1f0a6b;
+  --zl-shadow: rgba(36, 46, 67, 0.1);
+  --zl-success-1: #e8fff0;
+  --zl-success-10: #004d32;
+  --zl-success-2: #c6f2d7;
+  --zl-success-3: #a6e4c0;
+  --zl-success-4: #88d7ac;
+  --zl-success-5: #6ec99a;
+  --zl-success-6: #55bc8a;
+  --zl-success-7: #36a071;
+  --zl-success-8: #1e845a;
+  --zl-success-9: #0c6845;
+  --zl-text-1: #242e43;
+  --zl-text-2: #4d5e7d;
+  --zl-text-3: #79879c;
+  --zl-text-4: #b3c0cc;
+  --zl-tooltip-bg: #242e43;
+  --zl-warning-1: #fffae8;
+  --zl-warning-10: #4d2500;
+  --zl-warning-2: #fdeebf;
+  --zl-warning-3: #fbdf97;
+  --zl-warning-4: #f9ce70;
+  --zl-warning-5: #f7ba49;
+  --zl-warning-6: #f5a623;
+  --zl-warning-7: #cb7f16;
+  --zl-warning-8: #a15e0b;
+  --zl-warning-9: #773f04;
+  --zl-white: #ffffff;
+  --zl-yellow-1: #fcffe8;
+  --zl-yellow-10: #4d3800;
+  --zl-yellow-2: #f7fccd;
+  --zl-yellow-3: #f4f9b3;
+  --zl-yellow-4: #f3f69a;
+  --zl-yellow-5: #f3f380;
+  --zl-yellow-6: #f0eb68;
+  --zl-yellow-7: #c7be41;
+  --zl-yellow-8: #9e9222;
+  --zl-yellow-9: #75670d;
+  --zl-primary-1: #e8f3ff;
+  --zl-link-1: #e8f3ff;
+  --zl-primary-2: #bed6f5;
+  --zl-link-2: #bed6f5;
+  --zl-primary-3: #97b9eb;
+  --zl-link-3: #97b9eb;
+  --zl-primary-4: #739ce2;
+  --zl-link-4: #739ce2;
+  --zl-primary-5: #517ed8;
+  --zl-link-5: #517ed8;
+  --zl-primary-6: #3261ce;
+  --zl-link-6: #3261ce;
+  --zl-primary-7: #2045ae;
+  --zl-link-7: #2045ae;
+  --zl-primary-8: #112e8d;
+  --zl-link-8: #112e8d;
+  --zl-primary-9: #071b6d;
+  --zl-link-9: #071b6d;
+  --zl-primary-10: #000d4d;
+  --zl-link-10: #000d4d;
+  --el-color-primary: #3261CE;
+  --el-color-primary-light-1: #ebeffa;
+  --el-color-primary-light-2: #d6dff5;
+  --el-color-primary-light-3: #c2d0f0;
+  --el-color-primary-light-4: #adc0eb;
+  --el-color-primary-light-5: #99b0e7;
+  --el-color-primary-light-6: #84a0e2;
+  --el-color-primary-light-7: #7090dd;
+  --el-color-primary-light-8: #5b81d8;
+  --el-color-primary-light-9: #4771d3;
+  --el-color-primary-dark-2: #0a1329;
+  --el-color-success: #55BC8A;
+  --el-color-success-light-1: #eef8f3;
+  --el-color-success-light-2: #ddf2e8;
+  --el-color-success-light-3: #ccebdc;
+  --el-color-success-light-4: #bbe4d0;
+  --el-color-success-light-5: #aadec5;
+  --el-color-success-light-6: #99d7b9;
+  --el-color-success-light-7: #88d0ad;
+  --el-color-success-light-8: #77c9a1;
+  --el-color-success-light-9: #66c396;
+  --el-color-success-dark-2: #11261c;
+  --el-color-warning: #F5A623;
+  --el-color-warning-light-1: #fef6e9;
+  --el-color-warning-light-2: #fdedd3;
+  --el-color-warning-light-3: #fce4bd;
+  --el-color-warning-light-4: #fbdba7;
+  --el-color-warning-light-5: #fad391;
+  --el-color-warning-light-6: #f9ca7b;
+  --el-color-warning-light-7: #f8c165;
+  --el-color-warning-light-8: #f7b84f;
+  --el-color-warning-light-9: #f6af39;
+  --el-color-warning-dark-2: #312107;
+  --el-color-danger: #C3342F;
+  --el-color-danger-light-1: #f9ebea;
+  --el-color-danger-light-2: #f3d6d5;
+  --el-color-danger-light-3: #edc2c1;
+  --el-color-danger-light-4: #e7aeac;
+  --el-color-danger-light-5: #e19a97;
+  --el-color-danger-light-6: #db8582;
+  --el-color-danger-light-7: #d5716d;
+  --el-color-danger-light-8: #cf5d59;
+  --el-color-danger-light-9: #c94844;
+  --el-color-danger-dark-2: #270a09;
+  --el-color-info: #79879C;
+  --el-color-info-light-1: #f2f3f5;
+  --el-color-info-light-2: #e4e7eb;
+  --el-color-info-light-3: #d7dbe1;
+  --el-color-info-light-4: #c9cfd7;
+  --el-color-info-light-5: #bcc3ce;
+  --el-color-info-light-6: #afb7c4;
+  --el-color-info-light-7: #a1abba;
+  --el-color-info-light-8: #949fb0;
+  --el-color-info-light-9: #8693a6;
+  --el-color-info-dark-2: #181b1f;
+  --el-text-color-primary: #242E43;
+  --el-text-color-regular: #4D5E7D;
+  --el-text-color-secondary: #79879C;
+  --el-text-color-placeholder: #B3C0CC;
+  --el-text-color-disabled: ;
+  --el-border-color-extra-light: #EFF4F9;
+  --el-border-color-lighter: #E3E9EF;
+  --el-border-color-light: #B3C0CC;
+  --el-border-color: #79879C;
+  --el-border-color-dark: #79879C;
+  --el-border-color-darker: #79879C;
+  --el-fill-color-extra-light: #F9FBFD;
+  --el-fill-color-lighter: #EFF4F9;
+  --el-fill-color-light: #E3E9EF;
+  --el-fill-color: #B3C0CC;
+  --el-fill-color-dark: #B3C0CC;
+  --el-fill-color-blank: #ffffff;
+  --el-bg-color: #FFFFFF;
+  --el-bg-color-page: #FFFFFF;
+  --el-bg-color-overlay: #FFFFFF;
+  --el-color-white: #ffffff;
+  --el-color-black: #000000;
+  --el-mask-color: rgb(0, 0, 0, 0.5);
+  color-scheme: light;
+  --zl-menu-hover-bg: rgba(255, 255, 255, 0.2);
+  --zl-menu-text-color: var(--zl-white);
+  --zl-menu-trigger-arrow-color: #2045ae;
+  --zl-menu-trigger-bg: linear-gradient(135deg, var(--zl-modo-5), var(--zl-modo-7));
+  --zl-layout-vertical-aside-bg: linear-gradient(180deg, var(--zl-modo-7) 0%, var(--zl-modo-9) 100%);
+  --zl-layout-horizontal-header-bg: linear-gradient(90deg, var(--zl-modo-7) 0%, var(--zl-modo-6) 60%, var(--zl-modo-5) 100%);
+}
+
+/* dark 主题（由 scripts/themegen.mjs 生成，DO NOT EDIT） */
+body[data-theme='dark'] {
+  --zl-bg-1: #171f30;
+  --zl-bg-2: #212a3c;
+  --zl-bg-3: #313e56;
+  --zl-bg-4: #3d4b65;
+  --zl-bg-5: #576b87;
+  --zl-bg-more: #76879f;
+  --zl-blue-1: rgba(85,179,216,0.2);
+  --zl-blue-10: #e9fcff;
+  --zl-blue-2: rgba(85,179,216,0.35);
+  --zl-blue-3: rgba(85,179,216,0.5);
+  --zl-blue-4: rgba(85,179,216,0.65);
+  --zl-blue-5: #40a2ce;
+  --zl-blue-6: #55b3d8;
+  --zl-blue-7: #76c7e2;
+  --zl-blue-8: #99daeb;
+  --zl-blue-9: #c0ebf5;
+  --zl-gray-2: #35435e;
+  --zl-neutral-2: #35435e;
+  --zl-border-1: #35435e;
+  --zl-gray-3: #4d5e7d;
+  --zl-neutral-3: #4d5e7d;
+  --zl-border-2: #4d5e7d;
+  --zl-gray-4: #5e708a;
+  --zl-neutral-4: #5e708a;
+  --zl-border-3: #5e708a;
+  --zl-gray-6: #95a6ba;
+  --zl-neutral-6: #95a6ba;
+  --zl-border-4: #95a6ba;
+  --zl-cyan-1: rgba(98,212,201,0.2);
+  --zl-cyan-10: #f1fffc;
+  --zl-cyan-2: rgba(98,212,201,0.35);
+  --zl-cyan-3: rgba(98,212,201,0.5);
+  --zl-cyan-4: rgba(45,170,165,0.65);
+  --zl-cyan-5: #49c9c1;
+  --zl-cyan-6: #62d4c9;
+  --zl-cyan-7: #82dfd2;
+  --zl-cyan-8: #a4e9de;
+  --zl-cyan-9: #c9f4eb;
+  --zl-danger-1: rgba(207,89,81,0.2);
+  --zl-red-10: #ffede8;
+  --zl-danger-10: #ffede8;
+  --zl-danger-2: rgba(207,89,81,0.35);
+  --zl-danger-3: rgba(207,89,81,0.5);
+  --zl-danger-4: rgba(207,89,81,0.65);
+  --zl-red-5: #c34a46;
+  --zl-danger-5: #c34a46;
+  --zl-red-6: #cf5951;
+  --zl-danger-6: #cf5951;
+  --zl-red-7: #db7d72;
+  --zl-danger-7: #db7d72;
+  --zl-red-8: #e7a196;
+  --zl-danger-8: #e7a196;
+  --zl-red-9: #f3c7be;
+  --zl-danger-9: #f3c7be;
+  --zl-gray-1: #242e43;
+  --zl-neutral-1: #242e43;
+  --zl-fill-1: #242e43;
+  --zl-fill-2: #35435e;
+  --zl-fill-3: #4d5e7d;
+  --zl-fill-4: #5e708a;
+  --zl-gold-1: rgba(247,215,72,0.2);
+  --zl-gold-10: #fffeee;
+  --zl-gold-2: rgba(247,215,72,0.35);
+  --zl-gold-3: rgba(247,215,72,0.5);
+  --zl-gold-4: rgba(247,215,72,0.65);
+  --zl-gold-5: #f5cc39;
+  --zl-gold-6: #f7d748;
+  --zl-gold-7: #f9e471;
+  --zl-gold-8: #fbef9a;
+  --zl-gold-9: #fdf8c4;
+  --zl-gray-10: #f9fbfd;
+  --zl-gray-5: #79879c;
+  --zl-gray-7: #b3c0cc;
+  --zl-gray-8: #e3e9ef;
+  --zl-gray-9: #eff4f9;
+  --zl-green-1: #004d32;
+  --zl-green-10: #eefff4;
+  --zl-green-2: #0a6844;
+  --zl-green-3: #1f845a;
+  --zl-green-4: #3ca073;
+  --zl-green-5: #60bc8f;
+  --zl-green-6: #70c69a;
+  --zl-green-7: #9bd7b6;
+  --zl-green-8: #b5e4c8;
+  --zl-green-9: #d1f2de;
+  --zl-lime-1: rgba(173,201,131,0.2);
+  --zl-lime-10: #faffee;
+  --zl-lime-2: rgba(173,201,131,0.35);
+  --zl-lime-3: rgba(173,201,131,0.5);
+  --zl-lime-4: rgba(173,201,131,0.65);
+  --zl-lime-5: #94bc60;
+  --zl-lime-6: #adc983;
+  --zl-lime-7: #c1d79b;
+  --zl-lime-8: #d4e4b5;
+  --zl-lime-9: #e7f2d1;
+  --zl-link-1: rgba(114,157,244,0.2);
+  --zl-modo-10: #deedff;
+  --zl-link-10: #deedff;
+  --zl-link-2: rgba(114,157,244,0.35);
+  --zl-link-3: rgba(114,157,244,0.5);
+  --zl-link-4: rgba(114,157,244,0.65);
+  --zl-modo-5: #507de3;
+  --zl-link-5: #507de3;
+  --zl-modo-6: #729df4;
+  --zl-link-6: #729df4;
+  --zl-modo-7: #8fb5f7;
+  --zl-link-7: #8fb5f7;
+  --zl-modo-8: #a3c7fd;
+  --zl-link-8: #a3c7fd;
+  --zl-modo-9: #c1d8ff;
+  --zl-link-9: #c1d8ff;
+  --zl-magenta-1: rgba(221,118,183,0.2);
+  --zl-magenta-10: #ffeef7;
+  --zl-magenta-2: rgba(221,118,183,0.35);
+  --zl-magenta-3: rgba(221,118,183,0.5);
+  --zl-magenta-4: rgba(221,118,183,0.65);
+  --zl-magenta-5: #d459ab;
+  --zl-magenta-6: #dd76b7;
+  --zl-magenta-7: #e591c3;
+  --zl-magenta-8: #eeaed3;
+  --zl-magenta-9: #f6cde3;
+  --zl-mask-bg: rgba(36,46,67,0.6);
+  --zl-modo-1: #031464;
+  --zl-modo-2: #213896;
+  --zl-modo-3: #3151bc;
+  --zl-modo-4: #3b69d5;
+  --zl-neutral-10: #f9fbfd;
+  --zl-neutral-5: #79879c;
+  --zl-neutral-7: #b3c0cc;
+  --zl-neutral-8: #e3e9ef;
+  --zl-neutral-9: #eff4f9;
+  --zl-orange-1: #4d2500;
+  --zl-orange-10: #fffbee;
+  --zl-orange-2: #774006;
+  --zl-orange-3: #a16112;
+  --zl-orange-4: #cb8423;
+  --zl-orange-5: #e5ae55;
+  --zl-orange-6: #e7b962;
+  --zl-orange-7: #f9ce71;
+  --zl-orange-8: #fbe09a;
+  --zl-orange-9: #fdefc4;
+  --zl-orangered-1: rgba(232,135,83,0.2);
+  --zl-orangered-10: #fff4ea;
+  --zl-orangered-2: rgba(232,135,83,0.35);
+  --zl-orangered-3: rgba(232,135,83,0.5);
+  --zl-orangered-4: rgba(232,135,83,0.65);
+  --zl-orangered-5: #e2733f;
+  --zl-orangered-6: #e88753;
+  --zl-orangered-7: #eea577;
+  --zl-orangered-8: #f3c09b;
+  --zl-orangered-9: #f9dbc2;
+  --zl-pinkpurple-1: rgba(190,97,218,0.2);
+  --zl-pinkpurple-10: #fdecff;
+  --zl-pinkpurple-2: rgba(190,97,218,0.35);
+  --zl-pinkpurple-3: rgba(190,97,218,0.5);
+  --zl-pinkpurple-4: rgba(190,97,218,0.65);
+  --zl-pinkpurple-5: #ae4bd1;
+  --zl-pinkpurple-6: #be61da;
+  --zl-pinkpurple-7: #d081e3;
+  --zl-pinkpurple-8: #e0a3ed;
+  --zl-pinkpurple-9: #f0c6f6;
+  --zl-primary-1: rgba(114,157,244,0.2);
+  --zl-primary-10: #deedff;
+  --zl-primary-2: rgba(114,157,244,0.35);
+  --zl-primary-3: rgba(114,157,244,0.5);
+  --zl-primary-4: rgba(114,157,244,0.65);
+  --zl-primary-5: #507de3;
+  --zl-primary-6: #729df4;
+  --zl-primary-7: #8fb5f7;
+  --zl-primary-8: #a3c7fd;
+  --zl-primary-9: #c1d8ff;
+  --zl-purple-1: rgba(145,111,209,0.2);
+  --zl-purple-10: #f6edff;
+  --zl-purple-2: rgba(145,111,209,0.35);
+  --zl-purple-3: rgba(145,111,209,0.5);
+  --zl-purple-4: rgba(145,111,209,0.65);
+  --zl-purple-5: #7753c5;
+  --zl-purple-6: #916fd1;
+  --zl-purple-7: #aa8bdc;
+  --zl-purple-8: #c3aae8;
+  --zl-purple-9: #dccaf3;
+  --zl-red-1: #5a050e;
+  --zl-red-2: #6a080e;
+  --zl-red-3: #881518;
+  --zl-red-4: #a52626;
+  --zl-shadow: rgba(0,0,0,0.3);
+  --zl-success-1: rgba(131,201,165,0.2);
+  --zl-success-10: #eefff4;
+  --zl-success-2: rgba(131,201,165,0.35);
+  --zl-success-3: rgba(131,201,165,0.5);
+  --zl-success-4: rgba(131,201,165,0.65);
+  --zl-success-5: #60bc8f;
+  --zl-success-6: #70c69a;
+  --zl-success-7: #9bd7b6;
+  --zl-success-8: #b5e4c8;
+  --zl-success-9: #d1f2de;
+  --zl-text-1: #ffffff;
+  --zl-text-2: rgba(255,255,255,0.7);
+  --zl-text-3: rgba(255,255,255,0.5);
+  --zl-text-4: rgba(255,255,255,0.3);
+  --zl-tooltip-bg: #171f30;
+  --zl-warning-1: rgba(247,186,72,0.2);
+  --zl-warning-10: #fffbee;
+  --zl-warning-2: rgba(247,186,72,0.35);
+  --zl-warning-3: rgba(247,186,72,0.5);
+  --zl-warning-4: rgba(247,186,72,0.65);
+  --zl-warning-5: #e5ae55;
+  --zl-warning-6: #e7b962;
+  --zl-warning-7: #f9ce71;
+  --zl-warning-8: #fbe09a;
+  --zl-warning-9: #fdefc4;
+  --zl-white: #ffffff;
+  --zl-yellow-1: rgba(243,243,154,0.2);
+  --zl-yellow-10: #fcffe9;
+  --zl-yellow-2: rgba(243,243,154,0.35);
+  --zl-yellow-3: rgba(243,243,154,0.5);
+  --zl-yellow-4: rgba(243,243,154,0.65);
+  --zl-yellow-5: #f0ec79;
+  --zl-yellow-6: #f3f39a;
+  --zl-yellow-7: #f4f6ad;
+  --zl-yellow-8: #f5f9c1;
+  --zl-yellow-9: #f8fcd5;
+  --zl-primary-1: #031464;
+  --zl-link-1: rgba(114,157,244,0.2);
+  --zl-primary-2: #213896;
+  --zl-link-2: rgba(114,157,244,0.35);
+  --zl-primary-3: #3151bc;
+  --zl-link-3: rgba(114,157,244,0.5);
+  --zl-primary-4: #3b69d5;
+  --zl-link-4: rgba(114,157,244,0.65);
+  --zl-primary-5: #507de3;
+  --zl-link-5: #507de3;
+  --zl-primary-6: #729df4;
+  --zl-link-6: #729df4;
+  --zl-primary-7: #8fb5f7;
+  --zl-link-7: #8fb5f7;
+  --zl-primary-8: #a3c7fd;
+  --zl-link-8: #a3c7fd;
+  --zl-primary-9: #c1d8ff;
+  --zl-link-9: #c1d8ff;
+  --zl-primary-10: #deedff;
+  --zl-link-10: #deedff;
+  --el-color-primary: #729DF4;
+  --el-color-primary-light-1: #f1f5fe;
+  --el-color-primary-light-2: #e3ebfd;
+  --el-color-primary-light-3: #d5e2fc;
+  --el-color-primary-light-4: #c7d8fb;
+  --el-color-primary-light-5: #b9cefa;
+  --el-color-primary-light-6: #aac4f8;
+  --el-color-primary-light-7: #9cbaf7;
+  --el-color-primary-light-8: #8eb1f6;
+  --el-color-primary-light-9: #80a7f5;
+  --el-color-primary-dark-2: #171f31;
+  --el-color-success: #70C69A;
+  --el-color-success-light-1: #f1f9f5;
+  --el-color-success-light-2: #e2f4eb;
+  --el-color-success-light-3: #d4eee1;
+  --el-color-success-light-4: #c6e8d7;
+  --el-color-success-light-5: #b8e3cd;
+  --el-color-success-light-6: #a9ddc2;
+  --el-color-success-light-7: #9bd7b8;
+  --el-color-success-light-8: #8dd1ae;
+  --el-color-success-light-9: #7ecca4;
+  --el-color-success-dark-2: #16281f;
+  --el-color-warning: #E7B962;
+  --el-color-warning-light-1: #fdf8ef;
+  --el-color-warning-light-2: #faf1e0;
+  --el-color-warning-light-3: #f8ead0;
+  --el-color-warning-light-4: #f5e3c0;
+  --el-color-warning-light-5: #f3dcb1;
+  --el-color-warning-light-6: #f1d5a1;
+  --el-color-warning-light-7: #eece91;
+  --el-color-warning-light-8: #ecc781;
+  --el-color-warning-light-9: #e9c072;
+  --el-color-warning-dark-2: #2e2514;
+  --el-color-danger: #CF5951;
+  --el-color-danger-light-1: #faeeee;
+  --el-color-danger-light-2: #f5dedc;
+  --el-color-danger-light-3: #f1cdcb;
+  --el-color-danger-light-4: #ecbdb9;
+  --el-color-danger-light-5: #e7aca8;
+  --el-color-danger-light-6: #e29b97;
+  --el-color-danger-light-7: #dd8b85;
+  --el-color-danger-light-8: #d97a74;
+  --el-color-danger-light-9: #d46a62;
+  --el-color-danger-dark-2: #291210;
+  --el-color-info: #95A6BA;
+  --el-color-info-light-1: #f4f6f8;
+  --el-color-info-light-2: #eaedf1;
+  --el-color-info-light-3: #dfe4ea;
+  --el-color-info-light-4: #d5dbe3;
+  --el-color-info-light-5: #cad3dd;
+  --el-color-info-light-6: #bfcad6;
+  --el-color-info-light-7: #b5c1cf;
+  --el-color-info-light-8: #aab8c8;
+  --el-color-info-light-9: #a0afc1;
+  --el-color-info-dark-2: #1e2125;
+  --el-text-color-primary: #FFFFFF;
+  --el-text-color-regular: rgba(255,255,255,0.7);
+  --el-text-color-secondary: rgba(255,255,255,0.5);
+  --el-text-color-placeholder: rgba(255,255,255,0.3);
+  --el-text-color-disabled: ;
+  --el-border-color-extra-light: #35435E;
+  --el-border-color-lighter: #4D5E7D;
+  --el-border-color-light: #5E708A;
+  --el-border-color: #95A6BA;
+  --el-border-color-dark: #95A6BA;
+  --el-border-color-darker: #95A6BA;
+  --el-fill-color-extra-light: #242E43;
+  --el-fill-color-lighter: #35435E;
+  --el-fill-color-light: #4D5E7D;
+  --el-fill-color: #5E708A;
+  --el-fill-color-dark: #5E708A;
+  --el-fill-color-blank: #212A3C;
+  --el-bg-color: #212A3C;
+  --el-bg-color-page: #171F30;
+  --el-bg-color-overlay: #313E56;
+  --el-color-white: #141414;
+  --el-color-black: #ffffff;
+  --el-mask-color: rgb(0, 0, 0, 0.8);
+  color-scheme: dark;
+  --zl-menu-hover-bg: var(--zl-fill-2);
+  --zl-menu-text-color: var(--zl-text-1);
+  --zl-menu-trigger-arrow-color: #253044;
+  --zl-menu-trigger-bg: linear-gradient(135deg, var(--zl-modo-5), var(--zl-modo-7));
+  --zl-layout-vertical-aside-bg: linear-gradient(180deg, var(--zl-modo-7) 0%, var(--zl-modo-9) 100%);
+  --zl-layout-horizontal-header-bg: linear-gradient(90deg, var(--zl-modo-7) 0%, var(--zl-modo-6) 60%, var(--zl-modo-5) 100%);
+}
+
+/* light 主题（由 scripts/themegen.mjs 生成，DO NOT EDIT） */
+body {
+  --zl-bg-1: #ffffff;
+  --zl-bg-2: #ffffff;
+  --zl-bg-3: #ffffff;
+  --zl-bg-4: #ffffff;
+  --zl-bg-5: #ffffff;
+  --zl-bg-more: #ffffff;
+  --zl-blue-1: #e8fcff;
+  --zl-blue-10: #002a4d;
+  --zl-blue-2: #beebf5;
+  --zl-blue-3: #97d9eb;
+  --zl-blue-4: #73c6e2;
+  --zl-blue-5: #51b2d8;
+  --zl-blue-6: #329dce;
+  --zl-blue-7: #207cae;
+  --zl-blue-8: #115e8d;
+  --zl-blue-9: #07426d;
+  --zl-gray-2: #eff4f9;
+  --zl-neutral-2: #eff4f9;
+  --zl-border-1: #eff4f9;
+  --zl-gray-3: #e3e9ef;
+  --zl-neutral-3: #e3e9ef;
+  --zl-border-2: #e3e9ef;
+  --zl-gray-4: #b3c0cc;
+  --zl-neutral-4: #b3c0cc;
+  --zl-border-3: #b3c0cc;
+  --zl-gray-6: #79879c;
+  --zl-neutral-6: #79879c;
+  --zl-border-4: #79879c;
+  --zl-cyan-1: #e8fffa;
+  --zl-cyan-10: #00424d;
+  --zl-cyan-2: #bff4e9;
+  --zl-cyan-3: #98e9dc;
+  --zl-cyan-4: #74dfd0;
+  --zl-cyan-5: #53d4c7;
+  --zl-cyan-6: #35c9c0;
+  --zl-cyan-7: #22aaa5;
+  --zl-cyan-8: #128b8b;
+  --zl-cyan-9: #07686c;
+  --zl-red-1: #ffede8;
+  --zl-danger-1: #ffede8;
+  --zl-red-10: #4d0008;
+  --zl-danger-10: #4d0008;
+  --zl-red-2: #f3c6bd;
+  --zl-danger-2: #f3c6bd;
+  --zl-red-3: #e79f94;
+  --zl-danger-3: #e79f94;
+  --zl-red-4: #db7a6f;
+  --zl-danger-4: #db7a6f;
+  --zl-red-5: #cf564e;
+  --zl-danger-5: #cf564e;
+  --zl-red-6: #c3342f;
+  --zl-danger-6: #c3342f;
+  --zl-red-7: #a51e1e;
+  --zl-danger-7: #a51e1e;
+  --zl-red-8: #881014;
+  --zl-danger-8: #881014;
+  --zl-red-9: #6a060d;
+  --zl-danger-9: #6a060d;
+  --zl-gray-1: #f9fbfd;
+  --zl-neutral-1: #f9fbfd;
+  --zl-fill-1: #f9fbfd;
+  --zl-fill-2: #eff4f9;
+  --zl-fill-3: #e3e9ef;
+  --zl-fill-4: #b3c0cc;
+  --zl-gold-1: #fffee8;
+  --zl-gold-10: #4d2d00;
+  --zl-gold-2: #fdf8bf;
+  --zl-gold-3: #fbef97;
+  --zl-gold-4: #f9e470;
+  --zl-gold-5: #f7d749;
+  --zl-gold-6: #f5c723;
+  --zl-gold-7: #cb9e16;
+  --zl-gold-8: #a1760b;
+  --zl-gold-9: #775204;
+  --zl-gray-10: #242e43;
+  --zl-gray-5: #95a6ba;
+  --zl-gray-7: #5e708a;
+  --zl-gray-8: #4d5e7d;
+  --zl-gray-9: #35435e;
+  --zl-green-1: #e8fff0;
+  --zl-green-10: #004d32;
+  --zl-green-2: #c6f2d7;
+  --zl-green-3: #a6e4c0;
+  --zl-green-4: #88d7ac;
+  --zl-green-5: #6ec99a;
+  --zl-green-6: #55bc8a;
+  --zl-green-7: #36a071;
+  --zl-green-8: #1e845a;
+  --zl-green-9: #0c6845;
+  --zl-lime-1: #f9ffe8;
+  --zl-lime-10: #2a4d00;
+  --zl-lime-2: #e4f2c6;
+  --zl-lime-3: #cfe4a6;
+  --zl-lime-4: #bad788;
+  --zl-lime-5: #a5c96e;
+  --zl-lime-6: #8fbc55;
+  --zl-lime-7: #6fa036;
+  --zl-lime-8: #51841e;
+  --zl-lime-9: #37680c;
+  --zl-modo-1: #e8f3ff;
+  --zl-link-1: #e8f3ff;
+  --zl-modo-10: #000d4d;
+  --zl-link-10: #000d4d;
+  --zl-modo-2: #bed6f5;
+  --zl-link-2: #bed6f5;
+  --zl-modo-3: #97b9eb;
+  --zl-link-3: #97b9eb;
+  --zl-modo-4: #739ce2;
+  --zl-link-4: #739ce2;
+  --zl-modo-5: #517ed8;
+  --zl-link-5: #517ed8;
+  --zl-modo-6: #3261ce;
+  --zl-link-6: #3261ce;
+  --zl-modo-7: #2045ae;
+  --zl-link-7: #2045ae;
+  --zl-modo-8: #112e8d;
+  --zl-link-8: #112e8d;
+  --zl-modo-9: #071b6d;
+  --zl-link-9: #071b6d;
+  --zl-magenta-1: #ffe8f4;
+  --zl-magenta-10: #4d0034;
+  --zl-magenta-2: #f6c6e0;
+  --zl-magenta-3: #eea6cf;
+  --zl-magenta-4: #e588c0;
+  --zl-magenta-5: #dd6cb3;
+  --zl-magenta-6: #d451a8;
+  --zl-magenta-7: #b2338c;
+  --zl-magenta-8: #901c71;
+  --zl-magenta-9: #6e0b57;
+  --zl-mask-bg: rgba(36, 46, 67, 0.6);
+  --zl-neutral-10: #242e43;
+  --zl-neutral-5: #95a6ba;
+  --zl-neutral-7: #5e708a;
+  --zl-neutral-8: #4d5e7d;
+  --zl-neutral-9: #35435e;
+  --zl-orange-1: #fffae8;
+  --zl-orange-10: #4d2500;
+  --zl-orange-2: #fdeebf;
+  --zl-orange-3: #fbdf97;
+  --zl-orange-4: #f9ce70;
+  --zl-orange-5: #f7ba49;
+  --zl-orange-6: #f5a623;
+  --zl-orange-7: #cb7f16;
+  --zl-orange-8: #a15e0b;
+  --zl-orange-9: #773f04;
+  --zl-orangered-1: #fff3e8;
+  --zl-orangered-10: #4d0e00;
+  --zl-orangered-2: #f9dac0;
+  --zl-orangered-3: #f3bf99;
+  --zl-orangered-4: #eea374;
+  --zl-orangered-5: #e88651;
+  --zl-orangered-6: #e2682f;
+  --zl-orangered-7: #bd4b1d;
+  --zl-orangered-8: #973210;
+  --zl-orangered-9: #721d06;
+  --zl-pinkpurple-1: #fde8ff;
+  --zl-pinkpurple-10: #42004d;
+  --zl-pinkpurple-2: #efc2f6;
+  --zl-pinkpurple-3: #df9ded;
+  --zl-pinkpurple-4: #cf7be3;
+  --zl-pinkpurple-5: #bd5bda;
+  --zl-pinkpurple-6: #ab3ed1;
+  --zl-pinkpurple-7: #8727b0;
+  --zl-pinkpurple-8: #66158f;
+  --zl-pinkpurple-9: #48086e;
+  --zl-primary-1: #e8f3ff;
+  --zl-primary-10: #000d4d;
+  --zl-primary-2: #bed6f5;
+  --zl-primary-3: #97b9eb;
+  --zl-primary-4: #739ce2;
+  --zl-primary-5: #517ed8;
+  --zl-primary-6: #3261ce;
+  --zl-primary-7: #2045ae;
+  --zl-primary-8: #112e8d;
+  --zl-primary-9: #071b6d;
+  --zl-purple-1: #f3e8ff;
+  --zl-purple-10: #0e004d;
+  --zl-purple-2: #d9c4f3;
+  --zl-purple-3: #bfa2e8;
+  --zl-purple-4: #a582dc;
+  --zl-purple-5: #8b65d1;
+  --zl-purple-6: #724bc5;
+  --zl-purple-7: #5130a7;
+  --zl-purple-8: #361a89;
+  --zl-purple-9: #1f0a6b;
+  --zl-shadow: rgba(36, 46, 67, 0.1);
+  --zl-success-1: #e8fff0;
+  --zl-success-10: #004d32;
+  --zl-success-2: #c6f2d7;
+  --zl-success-3: #a6e4c0;
+  --zl-success-4: #88d7ac;
+  --zl-success-5: #6ec99a;
+  --zl-success-6: #55bc8a;
+  --zl-success-7: #36a071;
+  --zl-success-8: #1e845a;
+  --zl-success-9: #0c6845;
+  --zl-text-1: #242e43;
+  --zl-text-2: #4d5e7d;
+  --zl-text-3: #79879c;
+  --zl-text-4: #b3c0cc;
+  --zl-tooltip-bg: #242e43;
+  --zl-warning-1: #fffae8;
+  --zl-warning-10: #4d2500;
+  --zl-warning-2: #fdeebf;
+  --zl-warning-3: #fbdf97;
+  --zl-warning-4: #f9ce70;
+  --zl-warning-5: #f7ba49;
+  --zl-warning-6: #f5a623;
+  --zl-warning-7: #cb7f16;
+  --zl-warning-8: #a15e0b;
+  --zl-warning-9: #773f04;
+  --zl-white: #ffffff;
+  --zl-yellow-1: #fcffe8;
+  --zl-yellow-10: #4d3800;
+  --zl-yellow-2: #f7fccd;
+  --zl-yellow-3: #f4f9b3;
+  --zl-yellow-4: #f3f69a;
+  --zl-yellow-5: #f3f380;
+  --zl-yellow-6: #f0eb68;
+  --zl-yellow-7: #c7be41;
+  --zl-yellow-8: #9e9222;
+  --zl-yellow-9: #75670d;
+  --zl-primary-1: #e8f3ff;
+  --zl-link-1: #e8f3ff;
+  --zl-primary-2: #bed6f5;
+  --zl-link-2: #bed6f5;
+  --zl-primary-3: #97b9eb;
+  --zl-link-3: #97b9eb;
+  --zl-primary-4: #739ce2;
+  --zl-link-4: #739ce2;
+  --zl-primary-5: #517ed8;
+  --zl-link-5: #517ed8;
+  --zl-primary-6: #3261ce;
+  --zl-link-6: #3261ce;
+  --zl-primary-7: #2045ae;
+  --zl-link-7: #2045ae;
+  --zl-primary-8: #112e8d;
+  --zl-link-8: #112e8d;
+  --zl-primary-9: #071b6d;
+  --zl-link-9: #071b6d;
+  --zl-primary-10: #000d4d;
+  --zl-link-10: #000d4d;
+  --el-color-primary: #3261CE;
+  --el-color-primary-light-1: #ebeffa;
+  --el-color-primary-light-2: #d6dff5;
+  --el-color-primary-light-3: #c2d0f0;
+  --el-color-primary-light-4: #adc0eb;
+  --el-color-primary-light-5: #99b0e7;
+  --el-color-primary-light-6: #84a0e2;
+  --el-color-primary-light-7: #7090dd;
+  --el-color-primary-light-8: #5b81d8;
+  --el-color-primary-light-9: #4771d3;
+  --el-color-primary-dark-2: #0a1329;
+  --el-color-success: #55BC8A;
+  --el-color-success-light-1: #eef8f3;
+  --el-color-success-light-2: #ddf2e8;
+  --el-color-success-light-3: #ccebdc;
+  --el-color-success-light-4: #bbe4d0;
+  --el-color-success-light-5: #aadec5;
+  --el-color-success-light-6: #99d7b9;
+  --el-color-success-light-7: #88d0ad;
+  --el-color-success-light-8: #77c9a1;
+  --el-color-success-light-9: #66c396;
+  --el-color-success-dark-2: #11261c;
+  --el-color-warning: #F5A623;
+  --el-color-warning-light-1: #fef6e9;
+  --el-color-warning-light-2: #fdedd3;
+  --el-color-warning-light-3: #fce4bd;
+  --el-color-warning-light-4: #fbdba7;
+  --el-color-warning-light-5: #fad391;
+  --el-color-warning-light-6: #f9ca7b;
+  --el-color-warning-light-7: #f8c165;
+  --el-color-warning-light-8: #f7b84f;
+  --el-color-warning-light-9: #f6af39;
+  --el-color-warning-dark-2: #312107;
+  --el-color-danger: #C3342F;
+  --el-color-danger-light-1: #f9ebea;
+  --el-color-danger-light-2: #f3d6d5;
+  --el-color-danger-light-3: #edc2c1;
+  --el-color-danger-light-4: #e7aeac;
+  --el-color-danger-light-5: #e19a97;
+  --el-color-danger-light-6: #db8582;
+  --el-color-danger-light-7: #d5716d;
+  --el-color-danger-light-8: #cf5d59;
+  --el-color-danger-light-9: #c94844;
+  --el-color-danger-dark-2: #270a09;
+  --el-color-info: #79879C;
+  --el-color-info-light-1: #f2f3f5;
+  --el-color-info-light-2: #e4e7eb;
+  --el-color-info-light-3: #d7dbe1;
+  --el-color-info-light-4: #c9cfd7;
+  --el-color-info-light-5: #bcc3ce;
+  --el-color-info-light-6: #afb7c4;
+  --el-color-info-light-7: #a1abba;
+  --el-color-info-light-8: #949fb0;
+  --el-color-info-light-9: #8693a6;
+  --el-color-info-dark-2: #181b1f;
+  --el-text-color-primary: #242E43;
+  --el-text-color-regular: #4D5E7D;
+  --el-text-color-secondary: #79879C;
+  --el-text-color-placeholder: #B3C0CC;
+  --el-text-color-disabled: ;
+  --el-border-color-extra-light: #EFF4F9;
+  --el-border-color-lighter: #E3E9EF;
+  --el-border-color-light: #B3C0CC;
+  --el-border-color: #79879C;
+  --el-border-color-dark: #79879C;
+  --el-border-color-darker: #79879C;
+  --el-fill-color-extra-light: #F9FBFD;
+  --el-fill-color-lighter: #EFF4F9;
+  --el-fill-color-light: #E3E9EF;
+  --el-fill-color: #B3C0CC;
+  --el-fill-color-dark: #B3C0CC;
+  --el-fill-color-blank: #ffffff;
+  --el-bg-color: #FFFFFF;
+  --el-bg-color-page: #FFFFFF;
+  --el-bg-color-overlay: #FFFFFF;
+  --el-color-white: #ffffff;
+  --el-color-black: #000000;
+  --el-mask-color: rgb(0, 0, 0, 0.5);
+  color-scheme: light;
+  --zl-menu-hover-bg: var(--zl-fill-2);
+  --zl-menu-text-color: var(--zl-text-1);
+  --zl-menu-trigger-arrow-color: #f6fafc;
+  --zl-menu-trigger-bg: linear-gradient(135deg, var(--zl-modo-5), var(--zl-modo-7));
+  --zl-layout-vertical-aside-bg: linear-gradient(180deg, var(--zl-modo-7) 0%, var(--zl-modo-9) 100%);
+  --zl-layout-horizontal-header-bg: linear-gradient(90deg, var(--zl-modo-7) 0%, var(--zl-modo-6) 60%, var(--zl-modo-5) 100%);
+}
+
+/* red-dark 主题（由 scripts/themegen.mjs 生成，DO NOT EDIT） */
+body[data-theme='red-dark'] {
+  --zl-bg-1: #171f30;
+  --zl-bg-2: #212a3c;
+  --zl-bg-3: #313e56;
+  --zl-bg-4: #3d4b65;
+  --zl-bg-5: #576b87;
+  --zl-bg-more: #76879f;
+  --zl-blue-1: rgba(85,179,216,0.2);
+  --zl-blue-10: #e9fcff;
+  --zl-blue-2: rgba(85,179,216,0.35);
+  --zl-blue-3: rgba(85,179,216,0.5);
+  --zl-blue-4: rgba(85,179,216,0.65);
+  --zl-blue-5: #40a2ce;
+  --zl-blue-6: #55b3d8;
+  --zl-blue-7: #76c7e2;
+  --zl-blue-8: #99daeb;
+  --zl-blue-9: #c0ebf5;
+  --zl-gray-2: #35435e;
+  --zl-neutral-2: #35435e;
+  --zl-border-1: #35435e;
+  --zl-gray-3: #4d5e7d;
+  --zl-neutral-3: #4d5e7d;
+  --zl-border-2: #4d5e7d;
+  --zl-gray-4: #5e708a;
+  --zl-neutral-4: #5e708a;
+  --zl-border-3: #5e708a;
+  --zl-gray-6: #95a6ba;
+  --zl-neutral-6: #95a6ba;
+  --zl-border-4: #95a6ba;
+  --zl-cyan-1: rgba(98,212,201,0.2);
+  --zl-cyan-10: #f1fffc;
+  --zl-cyan-2: rgba(98,212,201,0.35);
+  --zl-cyan-3: rgba(98,212,201,0.5);
+  --zl-cyan-4: rgba(45,170,165,0.65);
+  --zl-cyan-5: #49c9c1;
+  --zl-cyan-6: #62d4c9;
+  --zl-cyan-7: #82dfd2;
+  --zl-cyan-8: #a4e9de;
+  --zl-cyan-9: #c9f4eb;
+  --zl-danger-1: rgba(255,121,38,0.2);
+  --zl-red-10: #fff4e8;
+  --zl-danger-10: #fff4e8;
+  --zl-danger-2: rgba(255,121,38,0.35);
+  --zl-danger-3: rgba(255,121,38,0.5);
+  --zl-danger-4: rgba(255,121,38,0.65);
+  --zl-red-5: #ff6d1f;
+  --zl-danger-5: #ff6d1f;
+  --zl-red-6: #ff7926;
+  --zl-danger-6: #ff7926;
+  --zl-red-7: #ff9c57;
+  --zl-danger-7: #ff9c57;
+  --zl-red-8: #ffbd87;
+  --zl-danger-8: #ffbd87;
+  --zl-red-9: #ffdab8;
+  --zl-danger-9: #ffdab8;
+  --zl-gray-1: #242e43;
+  --zl-neutral-1: #242e43;
+  --zl-fill-1: #242e43;
+  --zl-fill-2: #35435e;
+  --zl-fill-3: #4d5e7d;
+  --zl-fill-4: #5e708a;
+  --zl-gold-1: rgba(247,215,72,0.2);
+  --zl-gold-10: #fffeee;
+  --zl-gold-2: rgba(247,215,72,0.35);
+  --zl-gold-3: rgba(247,215,72,0.5);
+  --zl-gold-4: rgba(247,215,72,0.65);
+  --zl-gold-5: #f5cc39;
+  --zl-gold-6: #f7d748;
+  --zl-gold-7: #f9e471;
+  --zl-gold-8: #fbef9a;
+  --zl-gold-9: #fdf8c4;
+  --zl-gray-10: #f9fbfd;
+  --zl-gray-5: #79879c;
+  --zl-gray-7: #b3c0cc;
+  --zl-gray-8: #e3e9ef;
+  --zl-gray-9: #eff4f9;
+  --zl-green-1: #004d32;
+  --zl-green-10: #eefff4;
+  --zl-green-2: #0a6844;
+  --zl-green-3: #1f845a;
+  --zl-green-4: #3ca073;
+  --zl-green-5: #60bc8f;
+  --zl-green-6: #70c69a;
+  --zl-green-7: #9bd7b6;
+  --zl-green-8: #b5e4c8;
+  --zl-green-9: #d1f2de;
+  --zl-lime-1: rgba(173,201,131,0.2);
+  --zl-lime-10: #faffee;
+  --zl-lime-2: rgba(173,201,131,0.35);
+  --zl-lime-3: rgba(173,201,131,0.5);
+  --zl-lime-4: rgba(173,201,131,0.65);
+  --zl-lime-5: #94bc60;
+  --zl-lime-6: #adc983;
+  --zl-lime-7: #c1d79b;
+  --zl-lime-8: #d4e4b5;
+  --zl-lime-9: #e7f2d1;
+  --zl-link-1: rgba(235,35,61,0.2);
+  --zl-modo-10: #ffe8e8;
+  --zl-link-10: #ffe8e8;
+  --zl-link-2: rgba(235,35,61,0.35);
+  --zl-link-3: rgba(235,35,61,0.5);
+  --zl-link-4: rgba(235,35,61,0.65);
+  --zl-modo-5: #e61c3e;
+  --zl-link-5: #e61c3e;
+  --zl-modo-6: #eb233d;
+  --zl-link-6: #eb233d;
+  --zl-modo-7: #f05262;
+  --zl-link-7: #f05262;
+  --zl-modo-8: #f58289;
+  --zl-link-8: #f58289;
+  --zl-modo-9: #fab4b6;
+  --zl-link-9: #fab4b6;
+  --zl-magenta-1: rgba(221,118,183,0.2);
+  --zl-magenta-10: #ffeef7;
+  --zl-magenta-2: rgba(221,118,183,0.35);
+  --zl-magenta-3: rgba(221,118,183,0.5);
+  --zl-magenta-4: rgba(221,118,183,0.65);
+  --zl-magenta-5: #d459ab;
+  --zl-magenta-6: #dd76b7;
+  --zl-magenta-7: #e591c3;
+  --zl-magenta-8: #eeaed3;
+  --zl-magenta-9: #f6cde3;
+  --zl-mask-bg: rgba(36,46,67,0.6);
+  --zl-modo-1: #4d0017;
+  --zl-modo-2: #730322;
+  --zl-modo-3: #99092b;
+  --zl-modo-4: #c01134;
+  --zl-neutral-10: #f9fbfd;
+  --zl-neutral-5: #79879c;
+  --zl-neutral-7: #b3c0cc;
+  --zl-neutral-8: #e3e9ef;
+  --zl-neutral-9: #eff4f9;
+  --zl-orange-1: #4d2500;
+  --zl-orange-10: #fffbee;
+  --zl-orange-2: #774006;
+  --zl-orange-3: #a16112;
+  --zl-orange-4: #cb8423;
+  --zl-orange-5: #e5ae55;
+  --zl-orange-6: #e7b962;
+  --zl-orange-7: #f9ce71;
+  --zl-orange-8: #fbe09a;
+  --zl-orange-9: #fdefc4;
+  --zl-orangered-1: rgba(232,135,83,0.2);
+  --zl-orangered-10: #fff4ea;
+  --zl-orangered-2: rgba(232,135,83,0.35);
+  --zl-orangered-3: rgba(232,135,83,0.5);
+  --zl-orangered-4: rgba(232,135,83,0.65);
+  --zl-orangered-5: #e2733f;
+  --zl-orangered-6: #e88753;
+  --zl-orangered-7: #eea577;
+  --zl-orangered-8: #f3c09b;
+  --zl-orangered-9: #f9dbc2;
+  --zl-pinkpurple-1: rgba(190,97,218,0.2);
+  --zl-pinkpurple-10: #fdecff;
+  --zl-pinkpurple-2: rgba(190,97,218,0.35);
+  --zl-pinkpurple-3: rgba(190,97,218,0.5);
+  --zl-pinkpurple-4: rgba(190,97,218,0.65);
+  --zl-pinkpurple-5: #ae4bd1;
+  --zl-pinkpurple-6: #be61da;
+  --zl-pinkpurple-7: #d081e3;
+  --zl-pinkpurple-8: #e0a3ed;
+  --zl-pinkpurple-9: #f0c6f6;
+  --zl-primary-1: rgba(235,35,61,0.2);
+  --zl-primary-10: #ffe8e8;
+  --zl-primary-2: rgba(235,35,61,0.35);
+  --zl-primary-3: rgba(235,35,61,0.5);
+  --zl-primary-4: rgba(235,35,61,0.65);
+  --zl-primary-5: #e61c3e;
+  --zl-primary-6: #eb233d;
+  --zl-primary-7: #f05262;
+  --zl-primary-8: #f58289;
+  --zl-primary-9: #fab4b6;
+  --zl-purple-1: rgba(145,111,209,0.2);
+  --zl-purple-10: #f6edff;
+  --zl-purple-2: rgba(145,111,209,0.35);
+  --zl-purple-3: rgba(145,111,209,0.5);
+  --zl-purple-4: rgba(145,111,209,0.65);
+  --zl-purple-5: #7753c5;
+  --zl-purple-6: #916fd1;
+  --zl-purple-7: #aa8bdc;
+  --zl-purple-8: #c3aae8;
+  --zl-purple-9: #dccaf3;
+  --zl-red-1: #4d1100;
+  --zl-red-2: #792104;
+  --zl-red-3: #a6360a;
+  --zl-red-4: #d25013;
+  --zl-shadow: rgba(0,0,0,0.3);
+  --zl-success-1: rgba(112,198,154,0.2);
+  --zl-success-10: #eefff4;
+  --zl-success-2: rgba(112,198,154,0.35);
+  --zl-success-3: rgba(112,198,154,0.5);
+  --zl-success-4: rgba(112,198,154,0.65);
+  --zl-success-5: #60bc8f;
+  --zl-success-6: #70c69a;
+  --zl-success-7: #9bd7b6;
+  --zl-success-8: #b5e4c8;
+  --zl-success-9: #d1f2de;
+  --zl-text-1: #ffffff;
+  --zl-text-2: rgba(255,255,255,0.7);
+  --zl-text-3: rgba(255,255,255,0.5);
+  --zl-text-4: rgba(255,255,255,0.3);
+  --zl-tooltip-bg: #171f30;
+  --zl-warning-1: rgba(231,185,98,0.2);
+  --zl-warning-10: #fffbee;
+  --zl-warning-2: rgba(231,185,98,0.35);
+  --zl-warning-3: rgba(231,185,98,0.5);
+  --zl-warning-4: rgba(231,185,98,0.65);
+  --zl-warning-5: #e5ae55;
+  --zl-warning-6: #e7b962;
+  --zl-warning-7: #f9ce71;
+  --zl-warning-8: #fbe09a;
+  --zl-warning-9: #fdefc4;
+  --zl-white: #ffffff;
+  --zl-yellow-1: rgba(243,243,154,0.2);
+  --zl-yellow-10: #fcffe9;
+  --zl-yellow-2: rgba(243,243,154,0.35);
+  --zl-yellow-3: rgba(243,243,154,0.5);
+  --zl-yellow-4: rgba(243,243,154,0.65);
+  --zl-yellow-5: #f0ec79;
+  --zl-yellow-6: #f3f39a;
+  --zl-yellow-7: #f4f6ad;
+  --zl-yellow-8: #f5f9c1;
+  --zl-yellow-9: #f8fcd5;
+  --zl-primary-1: #4d0017;
+  --zl-link-1: rgba(235,35,61,0.2);
+  --zl-primary-2: #730322;
+  --zl-link-2: rgba(235,35,61,0.35);
+  --zl-primary-3: #99092b;
+  --zl-link-3: rgba(235,35,61,0.5);
+  --zl-primary-4: #c01134;
+  --zl-link-4: rgba(235,35,61,0.65);
+  --zl-primary-5: #e61c3e;
+  --zl-link-5: #e61c3e;
+  --zl-primary-6: #eb233d;
+  --zl-link-6: #eb233d;
+  --zl-primary-7: #f05262;
+  --zl-link-7: #f05262;
+  --zl-primary-8: #f58289;
+  --zl-link-8: #f58289;
+  --zl-primary-9: #fab4b6;
+  --zl-link-9: #fab4b6;
+  --zl-primary-10: #ffe8e8;
+  --zl-link-10: #ffe8e8;
+  --el-color-primary: #EB233D;
+  --el-color-primary-light-1: #fde9ec;
+  --el-color-primary-light-2: #fbd3d8;
+  --el-color-primary-light-3: #f9bdc5;
+  --el-color-primary-light-4: #f7a7b1;
+  --el-color-primary-light-5: #f5919e;
+  --el-color-primary-light-6: #f37b8b;
+  --el-color-primary-light-7: #f16577;
+  --el-color-primary-light-8: #ef4f64;
+  --el-color-primary-light-9: #ed3950;
+  --el-color-primary-dark-2: #2f070c;
+  --el-color-success: #70C69A;
+  --el-color-success-light-1: #f1f9f5;
+  --el-color-success-light-2: #e2f4eb;
+  --el-color-success-light-3: #d4eee1;
+  --el-color-success-light-4: #c6e8d7;
+  --el-color-success-light-5: #b8e3cd;
+  --el-color-success-light-6: #a9ddc2;
+  --el-color-success-light-7: #9bd7b8;
+  --el-color-success-light-8: #8dd1ae;
+  --el-color-success-light-9: #7ecca4;
+  --el-color-success-dark-2: #16281f;
+  --el-color-warning: #E7B962;
+  --el-color-warning-light-1: #fdf8ef;
+  --el-color-warning-light-2: #faf1e0;
+  --el-color-warning-light-3: #f8ead0;
+  --el-color-warning-light-4: #f5e3c0;
+  --el-color-warning-light-5: #f3dcb1;
+  --el-color-warning-light-6: #f1d5a1;
+  --el-color-warning-light-7: #eece91;
+  --el-color-warning-light-8: #ecc781;
+  --el-color-warning-light-9: #e9c072;
+  --el-color-warning-dark-2: #2e2514;
+  --el-color-danger: #FF7926;
+  --el-color-danger-light-1: #fff2e9;
+  --el-color-danger-light-2: #ffe4d4;
+  --el-color-danger-light-3: #ffd7be;
+  --el-color-danger-light-4: #ffc9a8;
+  --el-color-danger-light-5: #ffbc93;
+  --el-color-danger-light-6: #ffaf7d;
+  --el-color-danger-light-7: #ffa167;
+  --el-color-danger-light-8: #ff9451;
+  --el-color-danger-light-9: #ff863c;
+  --el-color-danger-dark-2: #331808;
+  --el-color-info: #95A6BA;
+  --el-color-info-light-1: #f4f6f8;
+  --el-color-info-light-2: #eaedf1;
+  --el-color-info-light-3: #dfe4ea;
+  --el-color-info-light-4: #d5dbe3;
+  --el-color-info-light-5: #cad3dd;
+  --el-color-info-light-6: #bfcad6;
+  --el-color-info-light-7: #b5c1cf;
+  --el-color-info-light-8: #aab8c8;
+  --el-color-info-light-9: #a0afc1;
+  --el-color-info-dark-2: #1e2125;
+  --el-text-color-primary: #FFFFFF;
+  --el-text-color-regular: rgba(255,255,255,0.7);
+  --el-text-color-secondary: rgba(255,255,255,0.5);
+  --el-text-color-placeholder: rgba(255,255,255,0.3);
+  --el-text-color-disabled: ;
+  --el-border-color-extra-light: #35435E;
+  --el-border-color-lighter: #4D5E7D;
+  --el-border-color-light: #5E708A;
+  --el-border-color: #95A6BA;
+  --el-border-color-dark: #95A6BA;
+  --el-border-color-darker: #95A6BA;
+  --el-fill-color-extra-light: #242E43;
+  --el-fill-color-lighter: #35435E;
+  --el-fill-color-light: #4D5E7D;
+  --el-fill-color: #5E708A;
+  --el-fill-color-dark: #5E708A;
+  --el-fill-color-blank: #212A3C;
+  --el-bg-color: #212A3C;
+  --el-bg-color-page: #171F30;
+  --el-bg-color-overlay: #313E56;
+  --el-color-white: #141414;
+  --el-color-black: #ffffff;
+  --el-mask-color: rgb(0, 0, 0, 0.8);
+  color-scheme: dark;
+  --zl-menu-hover-bg: rgba(255, 255, 255, 0.2);
+  --zl-menu-text-color: var(--zl-white);
+  --zl-menu-trigger-arrow-color: #263247;
+  --zl-menu-trigger-bg: linear-gradient(135deg, var(--zl-modo-5), var(--zl-modo-7));
+  --zl-layout-vertical-aside-bg: linear-gradient(180deg, var(--zl-modo-7) 0%, var(--zl-modo-9) 100%);
+  --zl-layout-horizontal-header-bg: linear-gradient(90deg, var(--zl-modo-7) 0%, var(--zl-modo-6) 60%, var(--zl-modo-5) 100%);
+}
+
+/* red-light 主题（由 scripts/themegen.mjs 生成，DO NOT EDIT） */
+body[data-theme='red-light'] {
+  --zl-bg-1: #ffffff;
+  --zl-bg-2: #ffffff;
+  --zl-bg-3: #ffffff;
+  --zl-bg-4: #ffffff;
+  --zl-bg-5: #ffffff;
+  --zl-bg-more: #ffffff;
+  --zl-blue-1: #e8fcff;
+  --zl-blue-10: #002a4d;
+  --zl-blue-2: #beebf5;
+  --zl-blue-3: #97d9eb;
+  --zl-blue-4: #73c6e2;
+  --zl-blue-5: #51b2d8;
+  --zl-blue-6: #329dce;
+  --zl-blue-7: #207cae;
+  --zl-blue-8: #115e8d;
+  --zl-blue-9: #07426d;
+  --zl-gray-2: #eff4f9;
+  --zl-neutral-2: #eff4f9;
+  --zl-border-1: #eff4f9;
+  --zl-gray-3: #e3e9ef;
+  --zl-neutral-3: #e3e9ef;
+  --zl-border-2: #e3e9ef;
+  --zl-gray-4: #b3c0cc;
+  --zl-neutral-4: #b3c0cc;
+  --zl-border-3: #b3c0cc;
+  --zl-gray-6: #79879c;
+  --zl-neutral-6: #79879c;
+  --zl-border-4: #79879c;
+  --zl-cyan-1: #e8fffa;
+  --zl-cyan-10: #00424d;
+  --zl-cyan-2: #bff4e9;
+  --zl-cyan-3: #98e9dc;
+  --zl-cyan-4: #74dfd0;
+  --zl-cyan-5: #53d4c7;
+  --zl-cyan-6: #35c9c0;
+  --zl-cyan-7: #22aaa5;
+  --zl-cyan-8: #128b8b;
+  --zl-cyan-9: #07686c;
+  --zl-red-1: #fff4e8;
+  --zl-danger-1: #fff4e8;
+  --zl-red-10: #4d1100;
+  --zl-danger-10: #4d1100;
+  --zl-red-2: #ffdbba;
+  --zl-danger-2: #ffdbba;
+  --zl-red-3: #ffbf8b;
+  --zl-danger-3: #ffbf8b;
+  --zl-red-4: #ffa05d;
+  --zl-danger-4: #ffa05d;
+  --zl-red-5: #ff7e2e;
+  --zl-danger-5: #ff7e2e;
+  --zl-red-6: #ff5900;
+  --zl-danger-6: #ff5900;
+  --zl-red-7: #d24300;
+  --zl-danger-7: #d24300;
+  --zl-red-8: #a62f00;
+  --zl-danger-8: #a62f00;
+  --zl-red-9: #791e00;
+  --zl-danger-9: #791e00;
+  --zl-gray-1: #f9fbfd;
+  --zl-neutral-1: #f9fbfd;
+  --zl-fill-1: #f9fbfd;
+  --zl-fill-2: #eff4f9;
+  --zl-fill-3: #e3e9ef;
+  --zl-fill-4: #b3c0cc;
+  --zl-gold-1: #fffee8;
+  --zl-gold-10: #4d2d00;
+  --zl-gold-2: #fdf8bf;
+  --zl-gold-3: #fbef97;
+  --zl-gold-4: #f9e470;
+  --zl-gold-5: #f7d749;
+  --zl-gold-6: #f5c723;
+  --zl-gold-7: #cb9e16;
+  --zl-gold-8: #a1760b;
+  --zl-gold-9: #775204;
+  --zl-gray-10: #242e43;
+  --zl-gray-5: #95a6ba;
+  --zl-gray-7: #5e708a;
+  --zl-gray-8: #4d5e7d;
+  --zl-gray-9: #35435e;
+  --zl-green-1: #e8fff0;
+  --zl-green-10: #004d32;
+  --zl-green-2: #c6f2d7;
+  --zl-green-3: #a6e4c0;
+  --zl-green-4: #88d7ac;
+  --zl-green-5: #6ec99a;
+  --zl-green-6: #55bc8a;
+  --zl-green-7: #36a071;
+  --zl-green-8: #1e845a;
+  --zl-green-9: #0c6845;
+  --zl-lime-1: #f9ffe8;
+  --zl-lime-10: #2a4d00;
+  --zl-lime-2: #e4f2c6;
+  --zl-lime-3: #cfe4a6;
+  --zl-lime-4: #bad788;
+  --zl-lime-5: #a5c96e;
+  --zl-lime-6: #8fbc55;
+  --zl-lime-7: #6fa036;
+  --zl-lime-8: #51841e;
+  --zl-lime-9: #37680c;
+  --zl-modo-1: #ffe8e8;
+  --zl-link-1: #ffe8e8;
+  --zl-modo-10: #4d0017;
+  --zl-link-10: #4d0017;
+  --zl-modo-2: #fab6b8;
+  --zl-link-2: #fab6b8;
+  --zl-modo-3: #f5868d;
+  --zl-link-3: #f5868d;
+  --zl-modo-4: #f05767;
+  --zl-link-4: #f05767;
+  --zl-modo-5: #eb2b44;
+  --zl-link-5: #eb2b44;
+  --zl-modo-6: #e60027;
+  --zl-link-6: #e60027;
+  --zl-modo-7: #c00026;
+  --zl-link-7: #c00026;
+  --zl-modo-8: #990024;
+  --zl-link-8: #990024;
+  --zl-modo-9: #73001f;
+  --zl-link-9: #73001f;
+  --zl-magenta-1: #ffe8f4;
+  --zl-magenta-10: #4d0034;
+  --zl-magenta-2: #f6c6e0;
+  --zl-magenta-3: #eea6cf;
+  --zl-magenta-4: #e588c0;
+  --zl-magenta-5: #dd6cb3;
+  --zl-magenta-6: #d451a8;
+  --zl-magenta-7: #b2338c;
+  --zl-magenta-8: #901c71;
+  --zl-magenta-9: #6e0b57;
+  --zl-mask-bg: rgba(36,46,67,0.6);
+  --zl-neutral-10: #242e43;
+  --zl-neutral-5: #95a6ba;
+  --zl-neutral-7: #5e708a;
+  --zl-neutral-8: #4d5e7d;
+  --zl-neutral-9: #35435e;
+  --zl-orange-1: #fffae8;
+  --zl-orange-10: #4d2500;
+  --zl-orange-2: #fdeebf;
+  --zl-orange-3: #fbdf97;
+  --zl-orange-4: #f9ce70;
+  --zl-orange-5: #f7ba49;
+  --zl-orange-6: #f5a623;
+  --zl-orange-7: #cb7f16;
+  --zl-orange-8: #a15e0b;
+  --zl-orange-9: #773f04;
+  --zl-orangered-1: #fff3e8;
+  --zl-orangered-10: #4d0e00;
+  --zl-orangered-2: #f9dac0;
+  --zl-orangered-3: #f3bf99;
+  --zl-orangered-4: #eea374;
+  --zl-orangered-5: #e88651;
+  --zl-orangered-6: #e2682f;
+  --zl-orangered-7: #bd4b1d;
+  --zl-orangered-8: #973210;
+  --zl-orangered-9: #721d06;
+  --zl-pinkpurple-1: #fde8ff;
+  --zl-pinkpurple-10: #42004d;
+  --zl-pinkpurple-2: #efc2f6;
+  --zl-pinkpurple-3: #df9ded;
+  --zl-pinkpurple-4: #cf7be3;
+  --zl-pinkpurple-5: #bd5bda;
+  --zl-pinkpurple-6: #ab3ed1;
+  --zl-pinkpurple-7: #8727b0;
+  --zl-pinkpurple-8: #66158f;
+  --zl-pinkpurple-9: #48086e;
+  --zl-primary-1: #ffe8e8;
+  --zl-primary-10: #4d0017;
+  --zl-primary-2: #fab6b8;
+  --zl-primary-3: #f5868d;
+  --zl-primary-4: #f05767;
+  --zl-primary-5: #eb2b44;
+  --zl-primary-6: #e60027;
+  --zl-primary-7: #c00026;
+  --zl-primary-8: #990024;
+  --zl-primary-9: #73001f;
+  --zl-purple-1: #f3e8ff;
+  --zl-purple-10: #0e004d;
+  --zl-purple-2: #d9c4f3;
+  --zl-purple-3: #bfa2e8;
+  --zl-purple-4: #a582dc;
+  --zl-purple-5: #8b65d1;
+  --zl-purple-6: #724bc5;
+  --zl-purple-7: #5130a7;
+  --zl-purple-8: #361a89;
+  --zl-purple-9: #1f0a6b;
+  --zl-shadow: rgba(36,46,67,0.1);
+  --zl-success-1: #e8fff0;
+  --zl-success-10: #004d32;
+  --zl-success-2: #c6f2d7;
+  --zl-success-3: #a6e4c0;
+  --zl-success-4: #88d7ac;
+  --zl-success-5: #6ec99a;
+  --zl-success-6: #55bc8a;
+  --zl-success-7: #36a071;
+  --zl-success-8: #1e845a;
+  --zl-success-9: #0c6845;
+  --zl-text-1: #242e43;
+  --zl-text-2: #4d5e7d;
+  --zl-text-3: #79879c;
+  --zl-text-4: #b3c0cc;
+  --zl-tooltip-bg: #242e43;
+  --zl-warning-1: #fffae8;
+  --zl-warning-10: #4d2500;
+  --zl-warning-2: #fdeebf;
+  --zl-warning-3: #fbdf97;
+  --zl-warning-4: #f9ce70;
+  --zl-warning-5: #f7ba49;
+  --zl-warning-6: #f5a623;
+  --zl-warning-7: #cb7f16;
+  --zl-warning-8: #a15e0b;
+  --zl-warning-9: #773f04;
+  --zl-white: #ffffff;
+  --zl-yellow-1: #fcffe8;
+  --zl-yellow-10: #4d3800;
+  --zl-yellow-2: #f7fccd;
+  --zl-yellow-3: #f4f9b3;
+  --zl-yellow-4: #f3f69a;
+  --zl-yellow-5: #f3f380;
+  --zl-yellow-6: #f0eb68;
+  --zl-yellow-7: #c7be41;
+  --zl-yellow-8: #9e9222;
+  --zl-yellow-9: #75670d;
+  --zl-primary-1: #ffe8e8;
+  --zl-link-1: #ffe8e8;
+  --zl-primary-2: #fab6b8;
+  --zl-link-2: #fab6b8;
+  --zl-primary-3: #f5868d;
+  --zl-link-3: #f5868d;
+  --zl-primary-4: #f05767;
+  --zl-link-4: #f05767;
+  --zl-primary-5: #eb2b44;
+  --zl-link-5: #eb2b44;
+  --zl-primary-6: #e60027;
+  --zl-link-6: #e60027;
+  --zl-primary-7: #c00026;
+  --zl-link-7: #c00026;
+  --zl-primary-8: #990024;
+  --zl-link-8: #990024;
+  --zl-primary-9: #73001f;
+  --zl-link-9: #73001f;
+  --zl-primary-10: #4d0017;
+  --zl-link-10: #4d0017;
+  --el-color-primary: #E60027;
+  --el-color-primary-light-1: #fde6e9;
+  --el-color-primary-light-2: #faccd4;
+  --el-color-primary-light-3: #f8b3be;
+  --el-color-primary-light-4: #f599a9;
+  --el-color-primary-light-5: #f38093;
+  --el-color-primary-light-6: #f0667d;
+  --el-color-primary-light-7: #ee4d68;
+  --el-color-primary-light-8: #eb3352;
+  --el-color-primary-light-9: #e9193d;
+  --el-color-primary-dark-2: #2e0008;
+  --el-color-success: #55BC8A;
+  --el-color-success-light-1: #eef8f3;
+  --el-color-success-light-2: #ddf2e8;
+  --el-color-success-light-3: #ccebdc;
+  --el-color-success-light-4: #bbe4d0;
+  --el-color-success-light-5: #aadec5;
+  --el-color-success-light-6: #99d7b9;
+  --el-color-success-light-7: #88d0ad;
+  --el-color-success-light-8: #77c9a1;
+  --el-color-success-light-9: #66c396;
+  --el-color-success-dark-2: #11261c;
+  --el-color-warning: #F5A623;
+  --el-color-warning-light-1: #fef6e9;
+  --el-color-warning-light-2: #fdedd3;
+  --el-color-warning-light-3: #fce4bd;
+  --el-color-warning-light-4: #fbdba7;
+  --el-color-warning-light-5: #fad391;
+  --el-color-warning-light-6: #f9ca7b;
+  --el-color-warning-light-7: #f8c165;
+  --el-color-warning-light-8: #f7b84f;
+  --el-color-warning-light-9: #f6af39;
+  --el-color-warning-dark-2: #312107;
+  --el-color-danger: #FF5900;
+  --el-color-danger-light-1: #ffeee6;
+  --el-color-danger-light-2: #ffdecc;
+  --el-color-danger-light-3: #ffcdb3;
+  --el-color-danger-light-4: #ffbd99;
+  --el-color-danger-light-5: #ffac80;
+  --el-color-danger-light-6: #ff9b66;
+  --el-color-danger-light-7: #ff8b4d;
+  --el-color-danger-light-8: #ff7a33;
+  --el-color-danger-light-9: #ff6a19;
+  --el-color-danger-dark-2: #331200;
+  --el-color-info: #79879C;
+  --el-color-info-light-1: #f2f3f5;
+  --el-color-info-light-2: #e4e7eb;
+  --el-color-info-light-3: #d7dbe1;
+  --el-color-info-light-4: #c9cfd7;
+  --el-color-info-light-5: #bcc3ce;
+  --el-color-info-light-6: #afb7c4;
+  --el-color-info-light-7: #a1abba;
+  --el-color-info-light-8: #949fb0;
+  --el-color-info-light-9: #8693a6;
+  --el-color-info-dark-2: #181b1f;
+  --el-text-color-primary: #242E43;
+  --el-text-color-regular: #4D5E7D;
+  --el-text-color-secondary: #79879C;
+  --el-text-color-placeholder: #B3C0CC;
+  --el-text-color-disabled: ;
+  --el-border-color-extra-light: #EFF4F9;
+  --el-border-color-lighter: #E3E9EF;
+  --el-border-color-light: #B3C0CC;
+  --el-border-color: #79879C;
+  --el-border-color-dark: #79879C;
+  --el-border-color-darker: #79879C;
+  --el-fill-color-extra-light: #F9FBFD;
+  --el-fill-color-lighter: #EFF4F9;
+  --el-fill-color-light: #E3E9EF;
+  --el-fill-color: #B3C0CC;
+  --el-fill-color-dark: #B3C0CC;
+  --el-fill-color-blank: #ffffff;
+  --el-bg-color: #FFFFFF;
+  --el-bg-color-page: #FFFFFF;
+  --el-bg-color-overlay: #FFFFFF;
+  --el-color-white: #ffffff;
+  --el-color-black: #000000;
+  --el-mask-color: rgb(0, 0, 0, 0.5);
+  color-scheme: light;
+  --zl-menu-hover-bg: rgba(255, 255, 255, 0.2);
+  --zl-menu-text-color: var(--zl-white);
+  --zl-menu-trigger-arrow-color: #a51e1e;
+  --zl-menu-trigger-bg: linear-gradient(135deg, var(--zl-modo-5), var(--zl-modo-7));
+  --zl-layout-vertical-aside-bg: linear-gradient(180deg, var(--zl-modo-7) 0%, var(--zl-modo-9) 100%);
+  --zl-layout-horizontal-header-bg: linear-gradient(90deg, var(--zl-modo-7) 0%, var(--zl-modo-6) 60%, var(--zl-modo-5) 100%);
+}