:root {
  --color-grey-1: #F6F7F8;
  --color-grey-2: #F2F3F5;
  --color-grey-3: #EEEFF0;
  --color-grey-4: #E4E5E6;
  --color-grey-5: #D8DADD;
  --color-grey-6: #999999;
  --color-grey-7: #666666;
  --color-grey-8: #333333;
  --color-black: #000000;
  --color-white: #FFFFFF;
  --color-red-4: #F5222D;
  --color-orange-4: #ED6A0C;
  --color-green-4: #2DA641;
  --color-green-5: #217930;
  --color-bg-1: #F6F8FB;
  --color-bg-2: #EEF3FB;
  --color-bg-3: var(--color-grey-1);
  --color-blue-1: #EDF7FF;
  --color-blue-2: #C4E3FF;
  --color-blue-5: #4994FC;
  --color-blue-6: #1F6EEF;
  --color-blue-11: #1C2C49;
  --border-radius-2: 2px;
  --border-radius-4: 4px;
  --border-color: var(--color-grey-5);
  --border-width: 1px;
  --border-style: solid;
  --border-base: var(--border-width) var(--border-style) var(--border-color);
  --box-shadow-small: 0 2px 6px rgb(0 0 0 / 20%);
  --box-shadow-medium: 0 2px 10px rgb(0 0 0 / 24%);
  --box-shadow-big: 0 4px 14px rgb(0 0 0 / 26%);
  --box-shadow-dark: 0 2px 8px rgb(0 0 0 / 16%);
  --x-font-size-base: 12px;
  --x-font-size-base-middle: 13px;
  --x-font-size-base-big: 14px;
  --x-font-size-base-large: 16px;
  --x-font-weight: 400;
  --x-font-weight-medium: 500;
  --x-font-weight-big: 600;
  // 全局设置element-gplus
  --el-border-color-base: var(--color-grey-5);
  --el-text-color-secondary: var(--color-grey-6);
  --el-border-radius-base: 2px;
  --el-font-size-base: var(--x-font-size-base);
  --el-text-color-primary: var(--color-grey-8);
  --el-text-color-regular: var(--color-grey-7);
  --el-disabled-fill-base: var(--color-grey-4);
  --el-font-weight-primary: 400;
  --el-disabled-text-color:#999999;
  --el-rate-disable-void-color: #eff2f7;
}