:root {
  --white: #ffffff;
  --black: #000000;
  /* 背景颜色 */
  --bg-color: #1e1c35;
  --bg-color-rgb: 30, 28, 53;
  --bg-color-light: #1e1c35;
  --bg-color-general: #0a0514;
  --bg-color-sub: #181818;

  /* 字体颜色 */
  --text-color: #ffffff;
  --text-color-general: #a78bfa;
  --text-color-sub: #979797;

  /* 边框 */
  --border-color: #1c1c1e;
  --border-color-light: #0d0c11;
  --border-color-lighter: #181818;
  --border-color-anti: #ffffff;
  --border-color-anti-light: mix(--border-color-anti, --bg-color-anti, 50%);
  --border-color-anti-lighter: mix(--border-color-anti, --bg-color-anti, 40%);
  --border-radius: 32rpx;

  /* 主色 */
  --color-primary: #7c3aed;
  --color-primary-rgb: 124, 58, 237;
  --color-primary-sub: #a78bfa;
  --color-primary-sub-rgb: 167, 139, 250;
  --color-primary-actived: #7c3aed;
  --color-primary-light1: rgba(124, 58, 237, 0.8);
  --color-primary-light2: rgba(124, 58, 237, 0.6);
  --color-primary-light3: rgba(124, 58, 237, 0.4);
  --color-primary-light4: rgba(124, 58, 237, 0.2);

  /* 成功颜色 */
  --color-success: #329958;
  --color-success-rgb: 50, 153, 88;
  --color-success-actived: #329958;
  --color-success-light1: rgba(50, 153, 88, 0.8);
  --color-success-light2: rgba(50, 153, 88, 0.6);
  --color-success-light3: rgba(50, 153, 88, 0.4);
  --color-success-light4: rgba(50, 153, 88, 0.2);

  /* 告警颜色 */
  --color-warn: #f5b333;
  --color-warn-rgb: 245, 179, 51;
  --color-warn-actived: #ffb98e;
  --color-warn-light1: rgba(245, 185, 142, 0.8);
  --color-warn-light2: rgba(245, 185, 142, 0.6);
  --color-warn-light3: rgba(245, 185, 142, 0.4);
  --color-warn-light4: rgba(245, 185, 142, 0.2);

  /* 危险颜色 */
  --color-danger: #f43f5e;
  --color-danger-rgb: 244, 63, 94;
  --color-danger-actived: #ff5858;
  --color-danger-light1: rgba(244, 63, 94, 0.8);
  --color-danger-light2: rgba(244, 63, 94, 0.6);
  --color-danger-light3: rgba(244, 63, 94, 0.4);
  --color-danger-light4: rgba(244, 63, 94, 0.2);

  /* 信息颜色 */
  --color-info: rgb(59, 130, 246);
  --color-info-rgb: 59 130, 246;
  --color-info-actived: #65b2e8;
  --color-info-light1: rgba(59, 130, 246, 0.8);
  --color-info-light2: rgba(59, 130, 246, 0.6);
  --color-info-light3: rgba(59, 130, 246, 0.4);
  --color-info-light4: rgba(59, 130, 246, 0.2);

  /* 青色 */
  --color-ching: #0fc6c2;
  --color-ching-rgb: 15, 198, 194;
  --color-ching-actived: #0aa5a8;
  --color-ching-light1: #33d1c9;
  --color-ching-light2: #86e8dd;
  --color-ching-light3: #e8fffb;
  --color-ching-light4: #e8fffb;

  /* 黄色 */
  --color-yellow: #f7ba1e;
  --color-yellow-rgb: 247, 186, 30;
  --color-yellow-actived: #cc9213;
  --color-yellow-light1: #f9cc45;
  --color-yellow-light2: #fce996;
  --color-yellow-light3: #fffce8;
  --color-yellow-light4: #fffce8;

  /* 橘色 */
  --color-orange: #f77234;
  --color-orange-rgb: 247, 114, 52;
  --color-orange-actived: #cc5120;
  --color-orange-light1: #f99057;
  --color-orange-light2: #fcc59f;
  --color-orange-light3: #fff3e8;
  --color-orange-light4: #fff3e8;

  /* 紫色 */
  --color-purple: #b06eed;
  --color-purple-rgb: 176, 110, 237;
  --color-purple-actived: #9a4be5;
  --color-purple-light1: #c587ff;
  --color-purple-light2: #ddb8ff;
  --color-purple-light3: #f8f1ff;
  --color-purple-light4: #f8f1ff;

  /*禁用颜色*/
  --color-disabled: #c9cdd4;
  /*字体大小*/
  --font-size: 28rpx;
  --font-size-large: 44rpx;
  --font-size-big: 36rpx;
  --font-size-middle: 30rpx;
  --font-size-small: 26rpx;
  --font-size-mini: 24rpx;
  --font-weight: 500;
  --font-weight-sub: 100;
  --font-line-height: 1;
  --font-line-height-sub: 1.6;
}