/* 系统颜色/大小规范 */
:root{
    /* 整体主色调/主按钮颜色 */
    --color-primary:#2082ED; 
    /* 主按钮hover状态 */
    --color-primary-hover:#4C9BF0;
    /* 主按钮click状态 */
    --color-primary-click:#1968BD;
    /* 成功提示色 */
    --color-success:#64D274;
    /* 提示提示色 */
    --color-warning:#FDAD4D;
    /* 高危提示色 */
    --color-serious:#FD7B4D;
    /* 错误提示色 */
    --color-error:#FE5353;
    /* 恢复提示色 */
    --color-recover:#30CFB7;
    /* 静默提示色 */
    --color-slient:#B8BEC8;
    /* 标题文字色 */
    --color-title:#232426;
    /* 正文色 */
    --color-body:#303336;
    /* 次要文字颜色 */
    --color-secondary:#5C6268;
    /* 提示信息颜色 */
    --color-hit:#8C939B;
    /* 不可点击文字 */
    --color-disabled:#B8BEC8;
    /* 链接文字色 */
    --color-link:#2082ED;
    /* 按钮等控件边框颜色 */
    --color-border:#D3D9E2;
    /* 分割线颜色/卡片边框 */
    --color-divider:#E6EAEF;
    /* 整体页面背景色 */
    --color-background:#FFFFFF;
    /* 表头/标题栏颜色 */
    --color-header:#F4F7FD;
    /* 构件/列表背景色 */
    --color-component:#FFFFFF;
    /* 列表hover背景色 */
    --color-active:#F0F8FF;
    /* 列表展开内容背景色 */
    --color-unfold:#F9FBFF;
    /* 左侧侧边栏背景色 */
    --color-side:#F1F4FA;
    /* 控件失效背景色 */
    --color-disableds:#F5F5F5;
    /* 控件背景色 */
    --color-control:#FFFFFF;
    /* 数据展示大 */
    --font-size-display-3:30px;
    /* 数据展示中 */
    --font-size-display-2:24px;
    /* 数据展示小 */
    --font-size-display-1:20px;
    /* 大标题 */
    --font-size-title-2:16px;
    /* 标题字号/页签 */
    --font-size-title-1:14px;
    /* 侧导航文字/特定场景使用 */
    --font-size-body-2:13px;
    /* 正文/最小字号 */
    --font-size-body-1:12px;
}


  .offline-text{
    color: var(--color-hit);
  }

  .online-text{
    color: var(--color-recover);
  }

  .error-text{
    color:var(--color-error);
  }

  .recover-text{
    color:var(--color-recover);
  }