/* Copyright 2023 EasyStack, Inc. */
:root {
  /* --------------颜色系统--------------- */
  /* -------品牌紫-------- */
  /* es-violet */
  --es-violet-10: #F2F0FF;
  --es-violet-20: #DFD9FF;
  --es-violet-30: #CAC0FC;
  --es-violet-40: #B1A2FA;
  --es-violet-50: #917EF2;
  --es-violet-60: #735AED;
  --es-violet-70: #5439DB;
  --es-violet-80: #3B1DCF;
  --es-violet-90: #1F00B8;
  --es-violet-100: #1B0680;
  --es-violet-10-rgba: 242, 240, 255;
  --es-violet-20-rgba: 223, 217, 255;
  --es-violet-30-rgba: 202, 192, 252;
  --es-violet-40-rgba: 177, 162, 250;
  --es-violet-50-rgba: 145, 126, 242;
  --es-violet-60-rgba: 115, 90, 237;
  --es-violet-70-rgba: 84, 57, 219;
  --es-violet-80-rgba: 59, 29, 207;
  --es-violet-90-rgba: 31, 0, 184;
  --es-violet-100-rgba: 27, 6, 128;
  /* -------品牌灰------- */
  /* es-gray */
  --white: #FFFFFF;
  --es-gray-10: #F7F9FC;
  --es-gray-15: #EBEDF0;
  --es-gray-20: #E1E3E8;
  --es-gray-30: #C7CAD1;
  --es-gray-40: #AAAEB5;
  --es-gray-50: #8C8F96;
  --es-gray-60: #6F7278;
  --es-gray-70: #55585C;
  --es-gray-80: #45464A;
  --es-gray-90: #343538;
  --es-gray-95: #303030;
  --es-gray-100: #242426;
  --es-gray-110: #141414;
  --white-rgba: 255, 255, 255;
  --es-gray-10-rgba: 247, 249, 252;
  --es-gray-15-rgba: 235, 237, 240;
  --es-gray-20-rgba: 225, 227, 232;
  --es-gray-30-rgba: 199, 202, 209;
  --es-gray-40-rgba: 170, 174, 181;
  --es-gray-50-rgba: 140, 143, 150;
  --es-gray-60-rgba: 111, 114, 120;
  --es-gray-70-rgba: 85, 88, 92;
  --es-gray-80-rgba: 69, 70, 74;
  --es-gray-90-rgba: 52, 53, 56;
  --es-gray-95-rgba: 48, 48, 48;
  --es-gray-100-rgba: 36, 36, 38;
  --es-gray-110-rgba: 20, 20, 20;
  /* -------功能色板------- */
  /* red */
  --red-10: #FFEEED;
  --red-20: #FAD6D4;
  --red-30: #F7B8B5;
  --red-40: #F5918C;
  --red-50: #E66860;
  --red-60: #C24D46;
  --red-70: #A1312B;
  --red-80: #8A1C16;
  --red-90: #691814;
  --red-100: #4D0F0B;
  --red-10-rgba: 255, 238, 237;
  --red-20-rgba: 250, 214, 212;
  --red-30-rgba: 247, 184, 181;
  --red-40-rgba: 245, 145, 140;
  --red-50-rgba: 229, 104, 96;
  --red-60-rgba: 194, 77, 70;
  --red-70-rgba: 161, 49, 43;
  --red-80-rgba: 138, 28, 22;
  --red-90-rgba: 105, 24, 20;
  --red-100-rgba: 77, 15, 11;
  /* orange */
  --orange-10: #FFF0D9;
  --orange-20: #FADAA7;
  --orange-30: #FCBC53;
  --orange-40: #EB9D21;
  --orange-50: #C48114;
  --orange-60: #A16606;
  --orange-70: #7D4F05;
  --orange-80: #634008;
  --orange-90: #473311;
  --orange-100: #33230A;
  --orange-10-rgba: 255, 240, 217;
  --orange-20-rgba: 250, 218, 167;
  --orange-30-rgba: 252, 188, 83;
  --orange-40-rgba: 235, 157, 33;
  --orange-50-rgba: 196, 129, 20;
  --orange-60-rgba: 161, 102, 6;
  --orange-70-rgba: 125, 79, 5;
  --orange-80-rgba: 99, 64, 8;
  --orange-90-rgba: 71, 51, 17;
  --orange-100-rgba: 51, 35, 10;
  /* green */
  --green-10: #DBFCCA;
  --green-20: #B4ED98;
  --green-30: #8CDB65;
  --green-40: #5AC427;
  --green-50: #629E44;
  --green-60: #4A8030;
  --green-70: #29660A;
  --green-80: #1D5203;
  --green-90: #203D12;
  --green-100: #172B0C;
  --green-10-rgba: 219, 252, 202;
  --green-20-rgba: 180, 237, 152;
  --green-30-rgba: 140, 219, 101;
  --green-40-rgba: 90, 196, 39;
  --green-50-rgba: 98, 158, 68;
  --green-60-rgba: 74, 128, 48;
  --green-70-rgba: 41, 102, 10;
  --green-80-rgba: 29, 82, 3;
  --green-90-rgba: 32, 61, 18;
  --green-100-rgba: 23, 43, 12;
  /* blue */
  --blue-10: #EBF3FC;
  --blue-20: #C7E1FF;
  --blue-30: #9FCBFC;
  --blue-40: #74B1F7;
  --blue-50: #4B91E3;
  --blue-60: #2F74C4;
  --blue-70: #235A99;
  --blue-80: #08468C;
  --blue-90: #093669;
  --blue-100: #07264A;
  --blue-10-rgba: 235, 243, 252;
  --blue-20-rgba: 199, 225, 255;
  --blue-30-rgba: 159, 203, 252;
  --blue-40-rgba: 116, 177, 247;
  --blue-50-rgba: 75, 145, 227;
  --blue-60-rgba: 47, 116, 196;
  --blue-70-rgba: 35, 90, 153;
  --blue-80-rgba: 8, 70, 140;
  --blue-90-rgba: 9, 54, 105;
  --blue-100-rgba: 7, 38, 74;
  /* indigo */
  --indigo-10: #F0F2FA;
  --indigo-20: #D4DDFA;
  --indigo-30: #B7C6F7;
  --indigo-40: #93AAF5;
  --indigo-50: #6989F5;
  --indigo-60: #456AE6;
  --indigo-70: #284DC7;
  --indigo-80: #1439B3;
  --indigo-90: #032699;
  --indigo-100: #061D69;
  --indigo-10-rgba: 240, 242, 250;
  --indigo-20-rgba: 212, 221, 250;
  --indigo-30-rgba: 183, 198, 247;
  --indigo-40-rgba: 147, 170, 245;
  --indigo-50-rgba: 105, 137, 245;
  --indigo-60-rgba: 69, 106, 229;
  --indigo-70-rgba: 40, 77, 199;
  --indigo-80-rgba: 20, 57, 178;
  --indigo-90-rgba: 3, 38, 153;
  --indigo-100-rgba: 6, 29, 105;
  /* -------基础色板------- */
  /* gray */
  --gray-10: #F2F2F2;
  --gray-20: #DEDEDE;
  --gray-30: #C7C7C7;
  --gray-40: #ADADAD;
  --gray-50: #8F8F8F;
  --gray-60: #737373;
  --gray-70: #595959;
  --gray-80: #474747;
  --gray-90: #363636;
  --gray-100: #262626;
  --gray-10-rgba: 242, 242, 242;
  --gray-20-rgba: 222, 222, 222;
  --gray-30-rgba: 199, 199, 199;
  --gray-40-rgba: 173, 173, 173;
  --gray-50-rgba: 143, 143, 143;
  --gray-60-rgba: 115, 115, 115;
  --gray-70-rgba: 89, 89, 89;
  --gray-80-rgba: 71, 71, 71;
  --gray-90-rgba: 54, 54, 54;
  --gray-100-rgba: 38, 38, 38;
  /* yellow */
  --yellow-10: #FCF3C5;
  --yellow-20: #F2DF7E;
  --yellow-30: #E0C746;
  --yellow-40: #C9AB14;
  --yellow-50: #A88D06;
  --yellow-60: #85731B;
  --yellow-70: #665814;
  --yellow-80: #544602;
  --yellow-90: #3B3621;
  --yellow-100: #29261B;
  --yellow-10-rgba: 252, 243, 197;
  --yellow-20-rgba: 242, 223, 126;
  --yellow-30-rgba: 224, 199, 70;
  --yellow-40-rgba: 201, 171, 20;
  --yellow-50-rgba: 168, 141, 6;
  --yellow-60-rgba: 133, 115, 27;
  --yellow-70-rgba: 102, 88, 20;
  --yellow-80-rgba: 84, 70, 2;
  --yellow-90-rgba: 59, 54, 33;
  --yellow-100-rgba: 41, 38, 27;
  /* lime */
  --lime-10: #E5FC9F;
  --lime-20: #CBEB6C;
  --lime-30: #ACD62D;
  --lime-40: #96BA29;
  --lime-50: #7F992F;
  --lime-60: #5F7D05;
  --lime-70: #496103;
  --lime-80: #3C4D0A;
  --lime-90: #2E3B08;
  --lime-100: #212908;
  --lime-10-rgba: 229, 252, 159;
  --lime-20-rgba: 203, 235, 108;
  --lime-30-rgba: 172, 214, 45;
  --lime-40-rgba: 150, 186, 41;
  --lime-50-rgba: 127, 153, 47;
  --lime-60-rgba: 95, 125, 5;
  --lime-70-rgba: 73, 97, 3;
  --lime-80-rgba: 60, 77, 10;
  --lime-90-rgba: 46, 59, 8;
  --lime-100-rgba: 33, 41, 8;
  /* emerald */
  --emerald-10: #BFFFEF;
  --emerald-20: #9FEDDA;
  --emerald-30: #65DBBE;
  --emerald-40: #34C29E;
  --emerald-50: #25A182;
  --emerald-60: #168267;
  --emerald-70: #1C6352;
  --emerald-80: #204F43;
  --emerald-90: #113D32;
  --emerald-100: #0C2B24;
  --emerald-10-rgba: 191, 255, 239;
  --emerald-20-rgba: 159, 237, 218;
  --emerald-30-rgba: 101, 219, 190;
  --emerald-40-rgba: 52, 194, 158;
  --emerald-50-rgba: 37, 161, 130;
  --emerald-60-rgba: 22, 130, 103;
  --emerald-70-rgba: 28, 99, 82;
  --emerald-80-rgba: 32, 79, 67;
  --emerald-90-rgba: 17, 61, 50;
  --emerald-100-rgba: 12, 43, 36;
  /* teal */
  --teal-10: #D4F9FC;
  --teal-20: #9DEBF2;
  --teal-30: #5FD8E3;
  --teal-40: #29BECC;
  --teal-50: #459BA3;
  --teal-60: #0E7F8A;
  --teal-70: #1B6269;
  --teal-80: #114F54;
  --teal-90: #0D3C40;
  --teal-100: #15292B;
  --teal-10-rgba: 212, 249, 252;
  --teal-20-rgba: 157, 235, 242;
  --teal-30-rgba: 95, 216, 227;
  --teal-40-rgba: 41, 190, 204;
  --teal-50-rgba: 69, 155, 163;
  --teal-60-rgba: 14, 127, 138;
  --teal-70-rgba: 27, 98, 105;
  --teal-80-rgba: 17, 79, 84;
  --teal-90-rgba: 13, 60, 64;
  --teal-100-rgba: 21, 41, 43;
  /* purple */
  --purple-10: #F7F0FA;
  --purple-20: #EBD7F5;
  --purple-30: #E5B6FC;
  --purple-40: #D692F7;
  --purple-50: #C06AEB;
  --purple-60: #A24ACF;
  --purple-70: #7D3A9E;
  --purple-80: #652F80;
  --purple-90: #4A275C;
  --purple-100: #331D3D;
  --purple-10-rgba: 247, 240, 250;
  --purple-20-rgba: 235, 215, 245;
  --purple-30-rgba: 229, 182, 252;
  --purple-40-rgba: 214, 146, 247;
  --purple-50-rgba: 192, 106, 235;
  --purple-60-rgba: 162, 74, 207;
  --purple-70-rgba: 125, 58, 158;
  --purple-80-rgba: 101, 47, 128;
  --purple-90-rgba: 74, 39, 92;
  --purple-100-rgba: 51, 29, 61;
  /* fuchsia */
  --fuchsia-10: #F7F0F7;
  --fuchsia-20: #F2D5F2;
  --fuchsia-30: #F5B0F5;
  --fuchsia-40: #EB8AEB;
  --fuchsia-50: #D660D6;
  --fuchsia-60: #B543B5;
  --fuchsia-70: #8C348C;
  --fuchsia-80: #702A70;
  --fuchsia-90: #4F274F;
  --fuchsia-100: #3B193B;
  --fuchsia-10-rgba: 247, 240, 247;
  --fuchsia-20-rgba: 242, 213, 242;
  --fuchsia-30-rgba: 245, 176, 245;
  --fuchsia-40-rgba: 235, 138, 235;
  --fuchsia-50-rgba: 214, 96, 214;
  --fuchsia-60-rgba: 181, 67, 181;
  --fuchsia-70-rgba: 140, 52, 140;
  --fuchsia-80-rgba: 112, 42, 112;
  --fuchsia-90-rgba: 79, 39, 79;
  --fuchsia-100-rgba: 59, 25, 59;
  /* pink */
  --pink-10: #F7F0F4;
  --pink-20: #F7D5E6;
  --pink-30: #F2B6D4;
  --pink-40: #F28DBF;
  --pink-50: #DB67A1;
  --pink-60: #BD4882;
  --pink-70: #913965;
  --pink-80: #703251;
  --pink-90: #57253E;
  --pink-100: #3B1C2B;
  --pink-10-rgba: 247, 240, 244;
  --pink-20-rgba: 247, 213, 230;
  --pink-30-rgba: 242, 182, 212;
  --pink-40-rgba: 242, 141, 191;
  --pink-50-rgba: 219, 103, 161;
  --pink-60-rgba: 189, 72, 130;
  --pink-70-rgba: 145, 57, 101;
  --pink-80-rgba: 112, 50, 81;
  --pink-90-rgba: 87, 37, 62;
  --pink-100-rgba: 59, 28, 43;
  /* -------品牌色-------- */
  /* brand-color */
  --brand-10-1: var(--indigo-10);
  --brand-10: var(--es-violet-10);
  --brand-20: var(--es-violet-20);
  --brand-30: var(--es-violet-30);
  --brand-40: var(--es-violet-40);
  --brand-50: var(--es-violet-50);
  --brand-60: var(--es-violet-60);
  --brand-70: var(--es-violet-70);
  --brand-80: var(--es-violet-80);
  --brand-90: var(--es-violet-90);
  --brand-100: var(--es-violet-100);
  --brand-10-rgba: var(--es-violet-10-rgba);
  --brand-20-rgba: var(--es-violet-20-rgba);
  --brand-30-rgba: var(--es-violet-30-rgba);
  --brand-40-rgba: var(--es-violet-40-rgba);
  --brand-50-rgba: var(--es-violet-50-rgba);
  --brand-60-rgba: var(--es-violet-60-rgba);
  --brand-70-rgba: var(--es-violet-70-rgba);
  --brand-80-rgba: var(--es-violet-80-rgba);
  --brand-90-rgba: var(--es-violet-90-rgba);
  --brand-100-rgba: var(--es-violet-100-rgba);

  /* --------------颜色系统-END--------------- */
  /* -----------------------------【Theme-ESDefult】-----------------------------*/
  /* --------------界面颜色变量--------------- */
  /* -------背景色------- */
  /* 中性色 */
  --color-bg-page-base: var(--es-gray-15);
  --color-bg-page-secondary: var(--white);
  --color-bg-fill-base: var(--white);
  --color-bg-fill-base-hover: var(--gray-10);
  --color-bg-fill-base-active: var(--es-gray-15);
  --color-bg-fill-base-disable: var(--es-gray-10);
  --color-bg-float-base: var(--white);
  --color-bg-fill-contrast-ghost-hover: rgba(var(--white-rgba), var(--opacity-0-1));
  --color-bg-fill-contrast-ghost-active: rgba(var(--white-rgba), var(--opacity-0-15));
  --color-bg-fill-neutral-subtle-lv-1: var(--es-gray-10);
  --color-bg-fill-neutral-subtle-lv-1-hover: var(--es-gray-20);
  --color-bg-fill-neutral-subtle-lv-2: var(--es-gray-15);
  --color-bg-fill-neutral-subtle-lv-2-hover: var(--es-gray-20);
  --color-bg-fill-neutral-subtle-lv-3: var(--es-gray-30);
  --color-bg-fill-neutral-subtle-lv-3-hover: var(--es-gray-20);
  --color-bg-fill-neutral-subtle-lv-3-disable: var(--es-gray-20);
  --color-bg-fill-contrast-lv-1: var(--es-gray-80);
  --color-bg-fill-special-base: var(--gray-10);
  --color-bg-mask-base: rgba(var(--es-gray-40-rgba), var(--opacity-0-4));
  --color-bg-mask-contrast: rgba(var(--es-gray-100-rgba), var(--opacity-0-7));
  --color-bg-transparent-base: rgba(var(--es-gray-110-rgba), var(--opacity-0-4));
  --color-bg-transparent-contrast-base: rgba(var(--white-rgba), var(--opacity-0-4));
  --color-bg-gradient-base: linear-gradient(to right, rgba(var(--white-rgba), var(--opacity-0)) 0%, var(--white) 45%, var(--white) 100%);
  --color-bg-gradient-base-hover: linear-gradient(to right, rgba(var(--gray-10-rgba), var(--opacity-0)) 0%, var(--gray-10) 45%, var(--gray-10) 100%);
  --color-bg-fill-placeholder: var(--es-gray-20);
  --color-bg-main-banner-base: var(--es-gray-110);
  --color-bg-stylization-transparent-base: rgba(var(--white-rgba), var(--opacity-0-4));
  /* 品牌色 */
  --color-bg-brand-fill-base: var(--brand-60);
  --color-bg-brand-fill-base-hover: var(--brand-50);
  --color-bg-brand-fill-base-active: var(--brand-70);
  --color-bg-brand-fill-base-disable: var(--brand-40);
  --color-bg-brand-fill-small: var(--brand-70);
  --color-bg-brand-fill-subtle: var(--indigo-10);
  --color-bg-brand-fill-subtle-2: var(--brand-10);
  --color-bg-brand-fill-subtle-2-hover: var(--brand-20);
  --color-bg-brand-fill-focus: rgba(var(--brand-60-rgba), var(--opacity-0-1));
  --color-bg-brand-auxiliary-base:var(--indigo-50);
  /* 成功色 */
  --color-bg-success-fill: var(--green-10);
  --color-bg-success-fill-contrast: var(--green-40);
  /* 警示色 */
  --color-bg-warning-fill: var(--orange-10);
  --color-bg-warning-fill-contrast: var(--orange-30);
  /* 危险色 */
  --color-bg-danger-fill: var(--red-10);
  --color-bg-danger-fill-contrast: var(--red-50);
  --color-bg-danger-fill-contrast-hover: var(--red-40);
  --color-bg-danger-fill-contrast-active: var(--red-60);
  --color-bg-danger-fill-contrast-disable: var(--red-30);
  /* 提示色 */
  --color-bg-info-fill: var(--blue-10);
  /* 其它 */
  --tag-color-bg-fill-brand: var(--brand-60);
  --tag-color-bg-fill-2: var(--blue-40);
  --tag-color-bg-fill-3: var(--lime-40);
  --tag-color-bg-fill-4: var(--yellow-40);
  --tag-color-bg-fill-5: var(--orange-40);
  --tag-color-bg-fill-6: var(--red-40);
  --tag-color-bg-fill-7: var(--es-gray-50);
  /* -------描边色------- */
  /* 中性色 */
  --color-border-base: var(--es-gray-30);
  --color-border-base-disable: var(--es-gray-20);
  --color-border-subtle: var(--es-gray-20);
  --color-border-subtle-active: var(--es-gray-40);
  --color-border-faint:var(--es-gray-15);
  --color-border-dark: var(--es-gray-70);
  --color-border-dark-disable: var(--es-gray-40);
  --color-border-light: var(--white);
  --color-border-light-disabled: rgba(var(--white-rgba), var(--opacity-0-2));
  --color-border-float-base: var(--white);
  --color-border-layout-base: var(--white);
  --color-border-ghost: var(--white);
  --color-border-ghost-hover: var(--brand-50);
  --color-border-ghost-active: var(--brand-70);
  --color-border-inverse-subtle: var(--es-gray-90);
  /* 品牌色 */
  --color-border-brand-base: var(--brand-70);
  --color-border-brand-base-hover: var(--brand-50);
  --color-border-brand-base-selected: var(--brand-70);
  --color-border-brand-base-active: var(--brand-70);
  --color-border-brand-base-disable: var(--brand-40);
  --color-border-brand-base-subtle: var(--brand-60);
  --color-border-brand-inverse: var(--brand-50);
  --color-border-brand-auxiliary-base:var(--indigo-50);
  /* 成功色 */
  --color-border-success: var(--green-40);
  /* 警示色 */
  --color-border-warning: var(--orange-40);
  /* 危险色 */
  --color-border-danger: var(--red-40);
  --color-border-danger-contrast: var(--red-50);
  --color-border-danger-contrast-hover: var(--red-40);
  --color-border-danger-contrast-active: var(--red-60);
  --color-border-danger-contrast-disable: var(--red-30);
  /* 提示色 */
  --color-border-info: var(--blue-40);
  /* -------线条色------- */
  /* 中性色 */
  --color-line-base: var(--es-gray-20);
  --color-line-lighter: var(--es-gray-15);
  --color-line-dark: var(--es-gray-40);
  --color-line-inverse: rgba(var(--white-rgba), var(--opacity-0-6));
  /* 品牌色 */
  --color-line-brand-base: var(--brand-60);
  --color-line-brand-auxiliary-base:var(--indigo-50);
  /* -------文字色------- */
  /* 中性色 */
  --color-text-title-base: var(--es-gray-100);
  --color-text-title-secondary: var(--es-gray-80);
  --color-text-body-base: var(--es-gray-90);
  --color-text-body-base-hover: var(--es-gray-80);
  --color-text-body-base-disable: var(--es-gray-50);
  --color-text-body-secondary: var(--es-gray-70);
  --color-text-body-secondary-disable: var(--es-gray-40);
  --color-text-body-teritary: var(--es-gray-50);
  --color-text-body-teritary-hover:var(--es-gray-40);
  --color-text-body-teritary-disable: var(--es-gray-30);
  --color-text-body-inverse-lv-1: var(--white);
  --color-text-body-inverse-lv-1-disable: rgba(var(--white-rgba), var(--opacity-0-5));
  --color-text-body-inverse-lv-2: var(--es-gray-30);
  --color-text-body-inverse-lv-3: var(--es-gray-60);
  --color-text-body-inverse-lv-3-hover: var(--es-gray-30);
  /* 品牌色 */
  --color-text-brand-base: var(--brand-70);
  --color-text-brand-hover: var(--brand-60);
  --color-text-brand-active: var(--brand-80);
  --color-text-brand-disable: var(--brand-40);
  --color-text-brand-base-subtle: var(--brand-50);
  --color-text-brand-inverse: var(--brand-50);
  /* 成功色 */
  --color-text-suc: var(--green-40);
  /* 警示色 */
  --color-text-warning: var(--orange-40);
  /* 危险色 */
  --color-text-danger: var(--red-60);
  /* 提示色 */
  --color-text-info: var(--blue-50);
  /* 链接色 */
  --color-text-link: var(--indigo-60);
  --color-text-link-hover: var(--indigo-50);
  --color-text-link-active: var(--indigo-70);
  --color-text-link-disable: var(--indigo-30);
  --color-text-link-inverse: var(--indigo-50);
  /* -------图标色------- */
  /* 中性色 */
  --color-icon-base: var(--es-gray-80);
  --color-icon-base-hover: var(--es-gray-70);
  --color-icon-base-disable: var(--es-gray-40);
  --color-icon-secondary: var(--es-gray-50);
  --color-icon-secondary-hover: var(--es-gray-40);
  --color-icon-secondary-active: var(--es-gray-60);
  --color-icon-secondary-disable: var(--es-gray-30);
  --color-icon-teritary: var(--es-gray-30);
  --color-icon-teritary-disable: var(--es-gray-15);
  --color-icon-inverse-lv-1: rgba(var(--white-rgba), var(--opacity-0-9));
  --color-icon-inverse-lv-1-hover: var(--white);
  --color-icon-inverse-lv-1-disable: rgba(var(--white-rgba), var(--opacity-0-5));
  --color-icon-inverse-subtle: var(--es-gray-60);
  /* 品牌色 */
  --color-icon-brand-base: var(--brand-70);
  --color-icon-brand-hover: var(--brand-60);
  --color-icon-brand-active: var(--brand-80);
  --color-icon-brand-base-disable: var(--brand-40);
  /* 成功色 */
  --color-icon-success: var(--green-40);
  /* 警示色 */
  --color-icon-warning: var(--orange-40);
  /* 危险色 */
  --color-icon-danger: var(--red-50);
  --color-icon-danger-hover: var(--red-40);
  --color-icon-danger-active: var(--red-60);
  --color-icon-danger-disable: var(--red-30);
  /* 提示色 */
  --color-icon-info: var(--blue-50);
  /* 链接色 */
  --color-icon-link: var(--indigo-60);
  --color-icon-link-hover: var(--indigo-50);
  --color-icon-link-active: var(--indigo-70);
  --color-icon-link-disable: var(--indigo-30);
  /* --------------界面颜色变量-END--------------- */
  /* --------------风格化配置颜色变量--------------- */
  /* -------背景色------- */
  /* 中性色 */
  --header-color-bg-fill-lv-1: var(--es-gray-70);
  --header-color-bg-fill-lv-1-hover: var(--es-gray-60);
  --header-color-bg-fill-lv-2: var(--es-gray-95);
  --header-color-bg-fill-lv-2-hover: var(--es-gray-90);
  --header-color-bg-fill-lv-3: var(--es-gray-100);
  --header-color-bg-fill-lv-3-hover: var(--es-gray-90);
  --header-color-bg-fill-inverse: var(--es-gray-30);
  --header-color-bg-fill-inverse-hover: var(--es-gray-15);
  --header-color-bg-fill-tab:var(--es-gray-110);
  --subheader-color-bg-fill-lv-1: var(--color-bg-fill-base);
  --subheader-color-bg-fill-lv-1-hover: var(--color-bg-fill-base-hover);
  --subheader-color-bg-fill-lv-1-active: var(--color-bg-fill-base-active);
  --pageheader-color-bg: var(--color-bg-fill-base);
  --sider-color-bg: var(--color-bg-fill-base);
  --editor-color-linenumber-bg-fill: var(--es-gray-100);
  --editor-color-action-bar-bg-fill: var(--es-gray-95);
  --editor-color-action-bar-bg-fill-hover: var(--es-gray-80);
  --editor-color-bg-fill-base: var(--es-gray-100);
  --editor-color-bg-fill-base-hover: var(--gray-90);
  --editor-color-bg-fill-base-active: var(--es-gray-80);
  --editor-color-bg-transparent-base: rgba(var(--white-rgba), var(--opacity-0-4));
  --editor-color-banner-bar-bg-fill:var(--es-gray-80);
  --editor-color-btn-bg-fill-hover:var(--color-bg-fill-contrast-ghost-hover);
  --editor-color-btn-bg-fill-active:var(--color-bg-fill-contrast-ghost-active);

  /* 品牌色 */
  --header-color-bg-brand-fill-base: var(--brand-60);
  --header-color-bg-brand-fill-base-hover: var(--brand-50);
  --header-color-bg-brand-fill-base-active: var(--brand-60);
  --header-color-bg-brand-fill-base-disable: rgba(var(--brand-60-rgba), var(--opacity-0-5));
  --header-color-bg-brand-fill-small: var(--brand-60);
  --editor-color-bg-brand-fill-base: var(--brand-60);
  --editor-color-code-bg-selection: var(--es-gray-70);
  /* 功能色 */
  --editor-color-code-bg-deprecaed: rgba(var(--red-60-rgba), var(--opacity-0-6));
  --editor-color-code-bg-invalid: rgba(var(--red-50-rgba), var(--opacity-0-2));
  --editor-color-danger-fill:var(--red-60);
  --editor-color-success-fill:var(--green-50);
  --editor-color-warning:var(--orange-70);
  --editor-color-bg-info-fill:var(--blue-90);

  /* -------描边色------- */
  /* 中性色 */
  --header-color-border-subtle: var(--es-gray-90);
  --header-color-border-active: var(--es-gray-80);
  --header-color-border-base: var(--es-gray-60);
  --header-color-border-ghost: var(--es-gray-95);
  --pageheader-color-border: var(--color-border-layout-base);
  --sider-color-border: var(--color-border-layout-base);
  --editor-color-border: var(--es-gray-70);
  --editor-color-btn-border:var(--color-border-light);
  --editor-color-btn-border-hover:var(--color-border-light);
  --editor-color-btn-border-disabled:var(--color-border-light-disabled);


  /* 品牌色 */
  --header-color-border-brand-base: var(--brand-60);
  --header-color-border-brand-base-hover: var(--brand-60);
  --header-color-border-brand-base-selected: var(--brand-60);
  --header-color-border-brand-base-active: var(--brand-60);
  --header-color-border-brand-base-disable: rgba(var(--brand-60-rgba), var(--opacity-0-5));
  --header-color-border-brand-base-subtle: var(--brand-60);
  --editor-color-border-brand-base: var(--brand-60);

  /* 功能色 */
  --editor-color-border-danger: var(--red-60);

  /* -------文字色------- */
  /* 中性色 */
  --header-color-text-body-lv-1: var(--white);
  --header-color-text-body-lv-2: var(--es-gray-15);
  --header-color-text-body-lv-2-hover: var(--es-gray-10);
  --header-color-text-body-lv-2-disable: var(--es-gray-60);
  --header-color-text-body-lv-3:var(--es-gray-50);
  --header-color-text-body-lv-3-hover:var(--es-gray-40);
  --subheader-color-text-base: var(--color-text-body-base);
  --subheader-color-text-secondary: var(--color-text-body-secondary);
  --editor-color-text-body-base: var(--es-gray-15);
  --editor-color-text-body-base-hover:var(--es-gray-15);
  --editor-color-text-body-base-active:var(--es-gray-15);
  --editor-color-text-body-secondary: var(--es-gray-30);
  --editor-color-text-body-teritary: var(--es-gray-50);
  /* 品牌色 */
  --header-color-text-brand:var(--brand-50);
  /* 代码块 */
  --editor-color-code-text-global-base: var(--brand-50);
  --editor-color-code-text-secondary: var(--white);
  --editor-color-code-text-keyword: var(--brand-50);
  --editor-color-code-text-operator: var(--teal-40);
  --editor-color-code-text-other: var(--brand-50);
  --editor-color-code-text-datatype: var(--yellow-40);
  --editor-color-code-text-support: var(--lime-40);
  --editor-color-code-text-tag: var(--brand-50);
  --editor-color-code-text-comment: var(--es-gray-50);
  --editor-color-code-text-invalid: var(--red-50);
  --editor-color-code-text-deprecated: var(--white);
  /* -------图标色------- */
  /* 中性色 */
  --header-color-icon: var(--es-gray-20);
  --header-color-icon-hover: var(--es-gray-10);
  --header-color-icon-disable: var(--es-gray-70);
  --header-color-icon-secondary: var(--es-gray-50);
  --header-color-icon-secondary-hover: var(--es-gray-40);
  --header-color-icon-inverse: var(--es-gray-10);
  --header-color-icon-inverse-secondary: var(--es-gray-70);
  --subheader-color-icon: var(--color-icon-secondary);
  --subheader-color-icon-hover: var(--color-icon-secondary-hover);
  --subheader-color-icon-active: var(--color-icon-secondary-active);
  --subheader-icon-disable: var(--color-icon-secondary-disable);
  --subheader-color-icon-lv-2: var(--color-icon-teritary);
  --subheader-color-icon-lv-2-disable: var(--color-icon-teritary-disable);
  --editor-color-icon-base: var(--es-gray-15);
  --editor-color-icon-base-hover:var(--es-gray-15);
  --editor-color-icon-base-active:var(--es-gray-15);
  --editor-color-icon-base-disable: var(--es-gray-70);
  --editor-color-icon-secondary: var(--es-gray-50);
  --editor-color-icon-inverse-lv-1: var(--es-gray-10);
  /* 品牌色 */
  --header-color-icon-brand-base: var(--brand-60);
  --header-color-icon-brand-hover: var(--brand-50);
  --header-color-icon-brand-active: var(--brand-60);
  --header-color-icon-brand-base-disable: rgba(var(--brand-60-rgba), var(--opacity-0-5));
  --subheader-color-icon-brand-base: var(--color-icon-brand-base);
  --subheader-color-icon-brand-hover: var(--color-icon-brand-hover);
  --subheader-color-icon-brand-active: var(--color-icon-brand-active);
  --subheader-color-icon-brand-base-disable: var(--color-icon-brand-base-disable);
  /* 功能色 */
  --header-color-icon-link:var(--indigo-50);
  --header-color-icon-link-hover:var(--indigo-40);
  --header-color-icon-link-active:var(--indigo-60);
  --header-color-icon-link-disable:rgba(var(--indigo-60-rgba), var(--opacity-0-4));
  --editor-color-icon-danger: var(--red-50);
  --editor-color-icon-danger-hover:var(--red-40);
  --editor-color-icon-danger-active:var(--red-60);
  --editor-color-icon-danger-disable:rgba(var(--red-50-rgba), var(--opacity-0-4));
  --editor-color-icon-warning:var(--orange-40);
  --editor-color-icon-success:var(--green-40);
  --editor-color-icon-info:var(--blue-50);

  /* -------线条色------- */
  /* 中性色 */
  --header-color-line: var(--es-gray-70);
  --subheader-color-line-base: var(--color-line-base);
  --editor-color-line-base: var(--es-gray-70);
  /* --------------风格化配置颜色变量-END--------------- */

  /* --------------暂未规范化颜色--------------- */
  --special-color-bg-gradient-brand: linear-gradient(135deg, var(--brand-80), var(--brand-50));
  --special-color-bg-gradient-orange: linear-gradient(135deg, var(--yellow-30), var(--orange-40));
  --special-color-bg-fill-brand: var(--brand-60);
  --special-color-bg-fill-blue: var(--blue-40);
  /* --------------暂未规范化颜色-END--------------- */

  /* --------------数据可视化颜色变量--------------- */
  /* 语义色板 */
  --viz-semantic-brand: var(--brand-60);
  --viz-semantic-pre: var(--brand-40);
  --viz-semantic-generic: var(--es-gray-20);
  --viz-semantic-warning: var(--orange-30);
  --viz-semantic-success: var(--green-40);
  --viz-semantic-danger: var(--red-50);
  --viz-semantic-info: var(--blue-40);
  --viz-semantic-other: var(--es-gray-50);
  --viz-semantic-attention: var(--red-50);
  --viz-semantic-thresh-text-generic: var(--es-gray-40);
  --viz-semantic-thresh-text-normal: var(--color-text-body-base);
  --viz-semantic-thresh-text-warning: var(--color-border-warning);
  --viz-semantic-thresh-text-danger: var(--color-text-danger);
  --viz-semantic-thresh-text-brand: var(--color-text-brand-base);
  --viz-semantic-thresh-text-health: var(--color-text-suc);
  --viz-semantic-thresh-text-info: var(--color-text-info);
  --viz-semantic-nodata: var(--gray-10);
  /* 分类色板 */
  --viz-category-brand: var(--brand-60);
  --viz-category-2: var(--teal-50);
  --viz-category-3: var(--fuchsia-60);
  --viz-category-4: var(--lime-50);
  --viz-category-5: var(--es-gray-60);
  --viz-category-6: var(--yellow-50);
  --viz-category-7: var(--pink-60);
  --viz-category-8: var(--blue-50);
  --viz-category-9: var(--green-60);
  --viz-category-10: var(--orange-50);
  --viz-category-11: var(--brand-50);
  --viz-category-12: var(--teal-60);
  --viz-category-13: var(--pink-50);
  --viz-category-14: var(--lime-60);
  --viz-category-15: var(--es-gray-50);
  --viz-category-16: var(--yellow-60);
  --viz-category-17: var(--pink-50);
  --viz-category-18: var(--blue-60);
  --viz-category-19: var(--green-50);
  --viz-category-20: var(--yellow-60);
  --viz-category-21: var(--brand-80);
  --viz-category-22: var(--teal-70);
  --viz-category-23: var(--fuchsia-80);
  --viz-category-24: var(--lime-70);
  --viz-category-25: var(--es-gray-80);
  --viz-category-26: var(--yellow-70);
  --viz-category-27: var(--pink-80);
  --viz-category-28: var(--blue-70);
  --viz-category-29: var(--green-80);
  --viz-category-30: var(--orange-70);
  --viz-category-31: var(--brand-70);
  --viz-category-32: var(--teal-80);
  --viz-category-33: var(--fuchsia-70);
  --viz-category-34: var(--lime-80);
  --viz-category-35: var(--es-gray-70);
  --viz-category-36: var(--yellow-80);
  --viz-category-37: var(--pink-70);
  --viz-category-38: var(--blue-80);
  --viz-category-39: var(--green-70);
  --viz-category-40: var(--orange-80);
  --viz-category-41: var(--brand-40);
  --viz-category-42: var(--teal-50);
  --viz-category-43: var(--fuchsia-60);
  --viz-category-44: var(--lime-50);
  --viz-category-45: var(--es-gray-60);
  --viz-category-46: var(--yellow-50);
  --viz-category-47: var(--pink-60);
  --viz-category-48: var(--blue-50);
  --viz-category-49: var(--green-60);
  --viz-category-50: var(--orange-50);
  --viz-category-51: var(--brand-30);
  --viz-category-52: var(--teal-40);
  --viz-category-53: var(--fuchsia-30);
  --viz-category-54: var(--lime-40);
  --viz-category-55: var(--es-gray-30);
  --viz-category-56: var(--yellow-40);
  --viz-category-57: var(--pink-30);
  --viz-category-58: var(--blue-40);
  --viz-category-59: var(--green-30);
  --viz-category-60: var(--orange-40);
  /* 顺序色板 */
  --viz-sequential-brand-1: var(--brand-70);
  --viz-sequential-brand-2: var(--brand-60);
  --viz-sequential-brand-3: var(--brand-50);
  --viz-sequential-brand-4: var(--brand-40);
  --viz-sequential-brand-5: var(--brand-30);
  --viz-sequential-brand-6: var(--brand-20);
  --viz-sequential-blue-1: var(--blue-70);
  --viz-sequential-blue-2: var(--blue-60);
  --viz-sequential-blue-3: var(--blue-50);
  --viz-sequential-blue-4: var(--blue-40);
  --viz-sequential-blue-5: var(--blue-30);
  --viz-sequential-blue-6: var(--blue-20);
  /* --------------数据可视化颜色变量-END--------------- */
  /* --------------全局插画配置--------------- */
  --widget-empty-simple: url(/assets/images/insets/widget-empty-simple.svg);
  --container-nonamespace: url(/assets/images/insets/container-nonamespace.svg);
  --document-center-no-results: url(/assets/images/insets/document-center-no-results.svg);
  --fullpage-403: url(/assets/images/insets/fullpage-403.svg);
  --fullpage-no-permission: url(/assets/images/insets/fullpage-no-permission.svg);
  --fullpage-404: url(/assets/images/insets/fullpage-404.svg);
  --fullpage-500: url(/assets/images/insets/fullpage-500.svg);
  --browsers-incompatible: url(/assets/images/insets/browsers-incompatible.svg);
  --license-expires: url(/assets/images/insets/license-expires.svg);
  --start-from-scratch: url(/assets/images/insets/start-from-scratch.svg);
  --import-from-application: url(/assets/images/insets/import-from-application.svg);
  --container-gettingstart: url(/assets/images/insets/container-gettingstart.svg);
  --widget-upgrade-defult:url(/assets/images/insets/widget-upgrade-defult.svg);
  --widget-upgrade-check:url(/assets/images/insets/widget-upgrade-check.svg);
  /* --------------全局插画配置-END--------------- */
  /* -----------------------------【ESDefult】END-----------------------------*/
  /* --------------字体家族--------------- */
  --font-family: Arial, "Helvetica Neue", sans-serif, "Hiragino Sans GB", "Monaco", "Microsoft Yahei", "STHeiti", SimSun;
  /* --------------字体家族-END--------------- */
  /* --------------字号--------------- */
  --font-size-h1: 48px;
  --font-size-h2: 32px;
  --font-size-h3: 24px;
  --font-size-h4: 20px;
  --font-size-h5: 16px;
  --font-size-h6: 14px;
  --font-size-body-large: 14px;
  --font-size-body-base: 12px;
  --font-size-compont-base: 12px;
  --font-size-compont-special: 10px;
  --font-size-compont-chart: 8px;
  --font-size-code: 12px;
  --font-size-banner-header: 40px;
  /* --------------字号-END--------------- */
  /* --------------行高--------------- */
  --font-line-height-1: 60px;
  --font-line-height-2: 48px;
  --font-line-height-3: 36px;
  --font-line-height-4: 30px;
  --font-line-height-5: 24px;
  --font-line-height-6: 20px;
  --font-line-height-7: 18px;
  --font-line-height-8: 14px;
  --font-line-height-9: 12px;
  --font-line-height-base:1.5;
  /* --------------行高-END--------------- */
  /* --------------字重--------------- */
  --font-weight-base: 400;
  --font-weight-bold: 700;
  /* --------------字重-END--------------- */
  /* --------------描边宽度--------------- */
  --border-width-base: 1px;
  --border-width-md: 2px;
  /* --------------描边宽度-END--------------- */
  /* --------------描边样式--------------- */
  --border-solid: solid;
  --border-dashed: dashed;
  /* --------------描边样式-END--------------- */
  /* --------------样式间距--------------- */
  --border-dashed-1: 4;
  --border-gap-1: 2;
  /* --------------样式间距-END--------------- */
  /* --------------圆角--------------- */
  --radius-none: 0px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-circle: 999px;
  /* 布局圆角 */
  --radius-card-base: 8px;
  --pageheader-radius: var(--radius-card-base);
  --sider-radius: var(--radius-card-base);
  /* --------------圆角-END--------------- */
  /* --------------阴影--------------- */
  --box-shadow-none: 0px 0px 0px 0px rgba(var(--es-gray-100-rgba), var(--opacity-0));
  --box-shadow-1: 0px 1px 4px rgba(var(--es-gray-100-rgba), var(--opacity-0-2));
  --box-shadow-2: 0px 2px 6px rgba(var(--es-gray-100-rgba), var(--opacity-0-2));
  --box-shadow-3: 0px 3px 8px rgba(var(--es-gray-100-rgba), var(--opacity-0-15));
  --box-shadow-4: 0px 6px 20px rgba(var(--es-gray-100-rgba), var(--opacity-0-15));
  --box-shadow-5: 0px 14px 44px rgba(var(--es-gray-100-rgba), var(--opacity-0-4));
  --triangle-box-shadow-top: 3px 3px 7px rgba(var(--es-gray-100-rgba), var(--opacity-0-07));
  --triangle-box-shadow-left: 3px -3px 7px rgba(var(--es-gray-100-rgba), var(--opacity-0-07));
  --triangle-box-shadow-bottom: -2px -2px 5px rgba(var(--es-gray-100-rgba), var(--opacity-0-07));
  --triangle-box-shadow-right: -3px 3px 7px rgba(var(--es-gray-100-rgba), var(--opacity-0-07));
  --inset-box-shadow-right: inset -10px 0 8px -8px rgba(var(--es-gray-100-rgba), var(--opacity-0-15));
  --inset-box-shadow-left: inset 10px 0 8px -8px rgba(var(--es-gray-100-rgba), var(--opacity-0-15));
  --focus-box-shadow-brand: 0 0 0 2px rgba(var(--brand-60-rgba), var(--opacity-0-2));
  --focus-box-shadow-danger: 0 0 0 2px rgba(var(--red-50-rgba), var(--opacity-0-2));
  --focus-box-shadow-light: 0 0 0 2px rgba(var(--white-rgba), var(--opacity-0-2));
  --focus-box-shadow-gray: 0 0 0 2px rgba(var(--es-gray-30-rgba), var(--opacity-0-2));
  --box-shadow-brand: 0px 0px 5px 4px rgba(var(--brand-60-rgba), var(--opacity-0-4));

  /* 布局投影 */
  --header-dropdown-shadow:var(--box-shadow-2);
  --pageheader-shadow: var(--card-box-shadow);
  --sider-shadow: var(--card-box-shadow);
  --card-box-shadow: var(--box-shadow-3);
  /* --------------阴影-END--------------- */
  /* --------------间距--------------- */
  --spacing-none: 0px;
  --spacing-xxs: 2px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-2md: 16px;
  --spacing-lg: 20px;
  --spacing-2lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 64px;
  /* 待废弃 */
  --spacing-layout-list: 16px;
  --spacing-layout-list-upgrade-left: 80px;
  /* 布局间距 */
  --header-spacing-layout-height: 48px;
  --headerbanner-spacing-layout-height: 42px;
  --pageheader-spacing-layout-outer: 16px;
  --pageheader-spacing-layout-inner: 16px;
  --pageheader-spacing-layout-smallinner: 8px;
  --sider-spacing-layout-outer: 16px;
  --content-spacing-layout-outer: 16px;
  --content-spacing-layout-outerzero: 0px;
  --list-spacing-layout-inner: 16px;
  --detail-spacing-layout-inner: 20px;
  --detail-spacing-layout-smallinner: 8px;
  --dynamic-spacing-layout-outer: 104px;
  /* --------------间距-END--------------- */
  /* --------------透明度--------------- */
  --opacity-0: 0;
  --opacity-0-05: 0.05;
  --opacity-0-07: 0.07;
  --opacity-0-1: 0.1;
  --opacity-0-15: 0.15;
  --opacity-0-2: 0.2;
  --opacity-0-3: 0.3;
  --opacity-0-4: 0.4;
  --opacity-0-5: 0.5;
  --opacity-0-6: 0.6;
  --opacity-0-7: 0.7;
  --opacity-0-8: 0.8;
  --opacity-0-85: 0.85;
  --opacity-0-9: 0.9;
  /* --------------透明度-END--------------- */
  /* -------------尺寸--------------- */
  --size-icon-xxs: 8px;
  --size-icon-xxs-ant: 10px;
  --size-icon-xs: 12px;
  --size-icon-s: 14px;
  --size-icon-sm: 16px;
  --size-icon-md: 20px;
  --size-icon-lg: 24px;
  --size-icon-xl: 32px;
  --size-icon-xxl: 40px;
  --size-icon-xxxl: 44px;
  --size-icon-xxxl-2: 46px;
  --size-icon-xxxl-3: 48px;
  --size-icon-xxxxl: 64px;
  --size-isometric-ill-fullpage: 280px;
  --size-isometric-ill-container: 128px;
  --size-isometric-ill-widget: 48px;
  --size-flat-ill-large: 280px;
  --size-flat-ill-medium-width: 112px;
  --size-flat-ill-medium-height: 64px;
  /* --------------尺寸-END--------------- */
  }
  /* --------------布局子模块公共类--------------- */
  /* 页头布局 */
  .es-page-header-layout {
    margin: var(--pageheader-spacing-layout-outer);
    margin-bottom: 0;
  }
  /* 页头卡片 */
  .es-page-header-card, .es-page-header-tab-card {
    background-color: var(--pageheader-color-bg);
    box-shadow: var(--pageheader-shadow);
    border-radius: var(--pageheader-radius);
    border: 1px solid var(--pageheader-color-border);
    padding: var(--pageheader-spacing-layout-inner);
  }
  /* tab卡片 */
  .es-page-header-tab-card {
    padding-bottom: var(--pageheader-spacing-layout-smallinner);
  }
  .es-page-header-tab-card .es-page-header-tab-wrapper {
    margin-top: var(--pageheader-spacing-layout-inner);
  }
  /* 内容布局 */
  .es-content-layout {
    margin: var(--content-spacing-layout-outer);
  }
  .es-content-layout-2 {
    margin: var(--content-spacing-layout-outer);
  }
  /* 内容卡片 */
  .es-content-card, .es-content-card-lv-2 {
    padding: var(--list-spacing-layout-inner);
    background-color: var(--color-bg-fill-base);
    box-shadow: var(--card-box-shadow);
    border-radius: var(--radius-card-base);
    border: 1px solid var(--color-border-layout-base);
  }
  /* 二级内容卡片 */
  .es-content-card-lv-2 {
    padding: var(--detail-spacing-layout-inner);
  }

  /* 二级内容卡片带Tab */
  .es-content-card-lv-2-tabs {
    padding: var(--detail-spacing-layout-smallinner) var(--detail-spacing-layout-inner) var(--detail-spacing-layout-inner) var(--detail-spacing-layout-inner);
  }
  /* --------------布局子模块公共类-END--------------- */