:root {
  /* 主色 */
  --primary-color: #0E60FF;

  /* 功能色，依次为 警告、危险、成功、辅助 */
  --F1_1: #F4C845;
  --F1_2: #FF3945;
  --F1_3: #3EA618;
  --F1_4: #FD6800;

  /* 中性色1 */
  --N1_1: rgba(31, 34, 40, 1);
  --N1_2: rgba(31, 34, 40, .8);
  --N1_3: rgba(31, 34, 40, .6);
  --N1_4: rgba(31, 34, 40, .4);
  --N1_5: rgba(31, 34, 40, .2);
  --N1_6: rgba(31, 34, 40, .1);
  --N1_7: rgba(31, 34, 40, .12);
  --N1_8: rgba(31, 34, 40, .05);

  /* 中性色2 */
  --N2_1: #F1F2F4;
  --N2_2: #E5E5E5;

  /* 中性色3 */
  --N3_1: #FFFFFF;

  /* 背景色 */
  --background-color_1: var(--N2_1);
  --background-color_2: var(--N3_1);

  /* 阴影色 */
  --shadow-color_1: var(--N1_7);

  /* 文字色 */
  --font-color_1: var(--N1_1);
  --font-color_2: var(--N1_3);
  --font-color_3: var(--N1_4);
  --font-color_4: var(--N3_1);
  --font-color_5: var(--primary-color);
  --font-color_6: var(--F1_4);

  --font-size_1: 10px;
  --font-size_2: 12px;

  /* 中性色-线条颜色 */
  --border-color_1: var(--N1_6);
  --border-color_2: var(--N2_2);
  --border-width: 0.5px;
  --border-width_1: 1px;

  /* 主图标色 */
  --icon-color_1: var(--N1);
  --icon-color_2: var(--F1_4);
  --icon-color_3: var(--primary-color);

  /* 蒙版色 */
  --mask-color_1: var(--N1_4);
  --mask-color_2: var(--N1_5);

  /* 间距 */
  --space_4: 4px;
  --space_8: 8px;
  --space_12: 12px;
  --space_16: 16px;
  --space_24: 24px;
  --space_32: 32px;

  /* 圆角 */
  --radius_4: 4px;
  --radius_8: 8px;
  --radius_12: 12px;
  --radius_50: 50px;

  /* 输入框等placeholder字体颜色 */
  --placeholder-color: var(--N1_4);
  --caret-color: var(--primary-color);
}