.mp-orange body {
    --Theme01: #fefcfd;
    --Theme02: #fdf8f5;
    --Theme03: #fff2eb;
    --Theme04: #feddcd;
    --Theme05: #fdbb9b;
    --Theme06: #d95e7c;
    --Theme07: #ce2e54;
    --Theme08: #fa5503;
    --Theme09: #c84504;
    --Theme10: #8a0021;
    --Theme11: #6f001b;
    --Theme12: #580015;
    --Theme13: #3b000e;
    --Black01: #ffffff;
    --Black02: #fcfcfc;
    --Black03: #f5f5f5;
    --Black04: #f0f0f0;
    --Black05: #d9d9d9;
    --Black06: #bfbfbf;
    --Black07: #8c8c8c;
    --Black08: #595959;
    --Black09: #454545;
    --Black10: #262626;
    --Black11: #1f1f1f;
    --Black12: #141414;
    --Black13: #000000;
    --Font_BH1: #000000e6;
    --Font_BH2: #00000099;
    --Font_BH3: #00000066;
    --Font_BH4: #00000033;
    --Font_WH1: #fff;
    --Font_WH2: #ffffffb3;
    --Font_WH3: #ffffff80;
    --Font_WH4: #ffffff4d;
    --Blue01: #ecf4fe;
    --Blue02: #c5dcfd;
    --Blue03: #69a5f9;
    --Blue04: #448ef7;
    --Blue05: #3065af;
    --Green01: #f0f8ef;
    --Green02: #cfeacc;
    --Green03: #83c97d;
    --Green04: #64bb5c;
    --Green05: #478541;
    --Red01: #fdece9;
    --Red02: #f8c4bc;
    --Red03: #ed6651;
    --Red04: #e84026;
    --Red05: #a52d1b;
    --Yellow01: #fdf7ec;
    --Yellow02: #fae6c4;
    --Yellow03: #f2bf67;
    --Yellow04: #efaf41;
    --Yellow05: #aa7c2e;
    --MC01: #564af7;
    --MC02: #46b1e3;
    --MC03: #61cfbe;
    --MC04: #64bb5c;
    --MC05: #A5D61D;
    --MC06: #AC49F5;
    --MC07: #E64566;
    --MC08: #E84026;
    --MC09: #ED6F21;
    --MC10: #F9A01E;
    --MC11: #F7CE00;
    --T1: 10px;
    --T2: 12px;
    --T3: 14px;
    --T4: 16px;
    --T5: 20px;
    --Bold: 600;
    --Regular: 400;
    --s-xxs: 4px;
    --s-xs: 8px;
    --s-m: 16px;
    --s-sm: 32px;
    --s-l: 48px;
    --SL4: 0px 12px 42px 0 #0000003d;
    --SL3: 0px 10px 32px 0 #0000002e;
    --SL2: 0px 6px 18px 0 #00000024;
    --SL1: 0px 1px 5px 0 #0000001a;
    --bolder: 2;
    --right-angle: 0;
    --regular: 2;
    --color: #030000;
    --bigger: 8;
    --rounded: 50;
    --defaultConfig: 1;
    --bold: 3;
    --medium: 4;
}
.mp-blue body {
    --Theme01: #f5f9fd;
    --Theme02: #f0f6fd;
    --Theme03: #e6f0fb;
    --Theme04: #c3dbf5;
    --Theme05: #94bfee;
    --Theme06: #62a2e6;
    --Theme07: #3386de;
    --Theme08: #066bd7;
    --Theme09: #055bb7;
    --Theme10: #044c99;
    --Theme11: #033d7b;
    --Theme12: #033061;
    --Theme13: #021933;
    --Black01: #ffffff;
    --Black02: #fcfcfc;
    --Black03: #f5f5f5;
    --Black04: #f0f0f0;
    --Black05: #d9d9d9;
    --Black06: #bfbfbf;
    --Black07: #8c8c8c;
    --Black08: #595959;
    --Black09: #454545;
    --Black10: #262626;
    --Black11: #1f1f1f;
    --Black12: #141414;
    --Black13: #000000;
    --Font_BH1: rgba(0, 0, 0, 0.9);
    --Font_BH2: rgba(0, 0, 0, 0.6);
    --Font_BH3: rgba(0, 0, 0, 0.4);
    --Font_BH4: rgba(0, 0, 0, 0.2);
    --Font_WH1: #fff;
    --Font_WH2: rgba(255, 255, 255, 0.7);
    --Font_WH3: rgba(255, 255, 255, 0.5);
    --Font_WH4: rgba(255, 255, 255, 0.3);
    --Blue01: #ecf4fe;
    --Blue02: #c5dcfd;
    --Blue03: #69a5f9;
    --Blue04: #448ef7;
    --Blue05: #3065af;
    --Green01: #f0f8ef;
    --Green02: #cfeacc;
    --Green03: #83c97d;
    --Green04: #64bb5c;
    --Green05: #478541;
    --Red01: #fdece9;
    --Red02: #f8c4bc;
    --Red03: #ed6651;
    --Red04: #e84026;
    --Red05: #a52d1b;
    --Yellow01: #fdf7ec;
    --Yellow02: #fae6c4;
    --Yellow03: #f2bf67;
    --Yellow04: #efaf41;
    --Yellow05: #aa7c2e;
    --MC01: #564af7;
    --MC02: #46b1e3;
    --MC03: #61cfbe;
    --MC04: #64bb5c;
    --MC05: #A5D61D;
    --MC06: #AC49F5;
    --MC07: #E64566;
    --MC08: #E84026;
    --MC09: #ED6F21;
    --MC10: #F9A01E;
    --MC11: #F7CE00;
    --T1: 10px;
    --T2: 12px;
    --T3: 14px;
    --T4: 16px;
    --T5: 18px;
    --Bold: 600;
    --Regular: 400;
    --s-xxs: 4px;
    --s-xs: 8px;
    --s-m: 16px;
    --s-sm: 32px;
    --s-l: 48px;
    --SL4: 0px 12px 42px 0 #0000003d;
    --SL3: 0px 10px 32px 0 #0000002e;
    --SL2: 0px 6px 18px 0 #00000024;
    --SL1: 0px 1px 5px 0 #0000001a;
    --bolder: 2;
    --right-angle: 0;
    --regular: 2;
    --color: #030000;
    --bigger: 8;
    --rounded: 50;
    --defaultConfig: 1;
    --bold: 3;
    --medium: 4;
}
.mp-red body {
    --Theme01: #fefcfd;
    --Theme02: #fdf5f7;
    --Theme03: #f9e6ea;
    --Theme04: #f1c2cd;
    --Theme05: #e591a6;
    --Theme06: #d95e7c;
    --Theme07: #ce2e54;
    --Theme08: #c3002f;
    --Theme09: #a60028;
    --Theme10: #8a0021;
    --Theme11: #6f001b;
    --Theme12: #580015;
    --Theme13: #3B000E;
    --Black01: #FFFFFF;
    --Black02: #FCFCFC;
    --Black03: #F5F5F5;
    --Black04: #F0F0F0;
    --Black05: #D9D9D9;
    --Black06: #BFBFBF;
    --Black07: #8C8C8C;
    --Black08: #595959;
    --Black09: #454545;
    --Black10: #262626;
    --Black11: #1F1F1F;
    --Black12: #141414;
    --Black13: #000000;
    --Font_BH1: #000000e6;
    --Font_BH2: #00000099;
    --Font_BH3: #00000066;
    --Font_BH4: #00000033;
    --Font_WH1: #fff;
    --Font_WH2: #ffffffb3;
    --Font_WH3: #ffffff80;
    --Font_WH4: #ffffff4d;
    --Blue01: #ECF4FE;
    --Blue02: #C5DCFD;
    --Blue03: #69A5F9;
    --Blue04: #448EF7;
    --Blue05: #3065AF;
    --Green01: #F0F8EF;
    --Green02: #CFEACC;
    --Green03: #83C97D;
    --Green04: #64BB5C;
    --Green05: #478541;
    --Red01: #FDECE9;
    --Red02: #F8C4BC;
    --Red03: #ED6651;
    --Red04: #E84026;
    --Red05: #A52D1B;
    --Yellow01: #FDF7EC;
    --Yellow02: #FAE6C4;
    --Yellow03: #F2BF67;
    --Yellow04: #EFAF41;
    --Yellow05: #AA7C2E;
    --MC01: #564AF7;
    --MC02: #46B1E3;
    --MC03: #61CFBE;
    --MC04: #64BB5C;
    --MC05: #A5D61D;
    --MC06: #AC49F5;
    --MC07: #E64566;
    --MC08: #E84026;
    --MC09: #ED6F21;
    --MC10: #F9A01E;
    --MC11: #F7CE00;
    --T1: 10px;
    --T2: 12px;
    --T3: 14px;
    --T4: 16px;
    --T5: 20px;
    --Bold: 600;
    --Regular: 400;
    --s-xxs: 4px;
    --s-xs: 8px;
    --s-m: 16px;
    --s-sm: 32px;
    --s-l: 48px;
    --SL4: 0px 12px 42px 0 #0000003d;
    --SL3: 0px 10px 32px 0 #0000002e;
    --SL2: 0px 6px 18px 0 #00000024;
    --SL1: 0px 1px 5px 0 #0000001a;
    --bolder: 2;
    --right-angle: 0;
    --regular: 2;
    --color: #030000;
    --bigger: 8;
    --rounded: 50;
    --defaultConfig: 1;
    --bold: 3;
    --medium: 4;
}
body {
  --color: #606266;
  --deepColor: #2e2e2e;
  --primary-color: var(--Theme08);
  --primary-hover-color: var(--Theme10);
  --success-color: #67c23a;
  --success-hover-color: #85ce61;
  --info-color: #909399;
  --info-hover-color: #a6a9ad;
  --danger-color: #e84026;
  --danger-hover-color: #c22e18;
  --warning-color: #efaf41;
  --warning-hover-color: #b98325;
  --border-color: #e7e7e7;
  --border-hover-color: #c0c4cc;
  --background-color: #f5f7fa;
  --background-hover-color: #e7e7e7;
  --header-color: #fafafa;
  --icon-color: #c0c4cc;
  --icon-hover-color: var(--Theme10);
  --font-size: 12px;
  --icon-size: 16px;
  --box-shadow: 0 2px 12px 0 rgb(0 0 0%);
  --hover-bg-color: linear-gradient(90deg, rgba(255, 206, 0, 0.4) 100%, rgba(255, 206, 0, 0) 100%)
}