:root {
  --color-main-active: rgba(5, 95, 194, 1);
  --color-main-primay: rgba(59, 65, 75, 1);

  --color-bg-hover: #e7f3ff;

  /* 普通按钮颜色 */
  --btn-plain-border-color: rgba(230, 231, 232, 1);
  --btn-plain-bg-color: rgba(255, 255, 255, 1);
  --btn-plain-text-color: rgba(59, 65, 75, 1);
  /* 选中按钮颜色 */
  --btn-active-border-color: var(--color-main-active);
  --btn-active-bg-color: rgba(231, 243, 255, 1);
  --btn-active-text-color: var(--color-main-active);


  /* 标签按钮颜色 */
  --tag-btn1-bg-color: rgba(255, 241, 240, 1);
  --tag-btn1-border-color: rgba(255, 204, 199, 1);
  --tag-btn1-text-color: rgba(255, 77, 79, 1);

  --tag-btn2-bg-color: rgba(255, 251, 230, 1);
  --tag-btn2-border-color: rgba(255, 241, 184, 1);
  --tag-btn2-text-color: rgba(250, 173, 20, 1);

  --tag-btn2-bg-color: rgba(230, 244, 255, 1);
  --tag-btn2-border-color: rgba(186, 224, 255, 1);
  --tag-btn2-text-color: rgba(22, 119, 255, 1);

  --tag-btn3-bg-color: rgba(246, 255, 237, 1);
  --tag-btn3-border-color: rgba(217, 247, 190, 1);
  --tag-btn3-text-color: rgba(82, 196, 26, 1);

}

.hover-dialog {
  max-width: 1200px;
  max-height: 600px;
  overflow: hidden;
  overflow-y: auto;
  padding: 8px 16px;
  border-radius: 10px;
  box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
  background: rgba(59, 65, 75, 1);
  color: #fff;
  font-family: Microsoft YaHei;
  font-style: Regular;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: left;
}
