:root {
  --hy-theme: 45, 242, 255; // 主视觉配色
  --hy-add: 44, 232, 152; // 新增
  --hy-success: 44, 232, 152; // 成功
  --hy-success-2: 44, 232, 152; // 成功
  --hy-success-3: 45, 255, 211; // 成功
  --hy-info: 144, 147, 153; // 灰色
  --hy-warning: 248, 166, 45; // 警告
  --hy-danger: 201, 37, 37; // 删除
  --hy-danger-2: 245, 108, 108; // 删除
  --hy-function: 45, 242, 255; // 功能色
  --hy-main: 255, 255, 255; // 字体主色
  --hy-auxiliary: 94, 157, 180; // 字体辅助色
  --hy-auxiliary-2: 255, 255, 255; // 字体辅助色
  /* 页面颜色 */
  --hy-background: 14, 21, 37; // 页面黑色
  --hy-background-2: 28, 51, 74; // 页面第二层
  --hy-background-2-50: 24, 40, 60; // 页面第二层50%透明度
  --hy-background-3: 48, 82, 114; // 页面第三层
  --hy-background-4: 16, 38, 59; // 斑马纹备用色
  --hy-border: 54, 93, 132;
}

.deviceType-sos {
  font-size: 14px;
  font-weight: bold;
  color: rgba(var(--hy-danger), 1);
  position: relative;
  top: 2px;
}

.deviceType {
  font-size: 12px;
  font-weight: bold;
  color: rgba(var(--hy-main), 1);
  background: linear-gradient(270deg, #27acff 0%, #2ddbf4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}