/* 灵芽自定义css变量 */
html {
  /* 灵芽主色 */
  --ly-color-white: #FFFFFF;
  --ly-color-black: #2B2B2B;
  --ly-color-purple: #409EFF;
  --ly-color-black-light-1: #535353;
  --ly-color-black-light-2: #7C7C7C;
  --ly-color-black-light-3: #A4A4A4;
  --ly-color-black-light-4: #B8B8B8;
  --ly-color-black-light-5: #E1E1E1;
  --ly-color-black-light-6: #EAEAEA;
  
  --ly-color-theme: var(--ly-color-purple);
  --ly-color-theme-light-1: #85bafd;
  --ly-color-theme-light-2: #a7cdfe;
  --ly-color-theme-light-3: #cae1fe;
  --ly-color-theme-light-4: #dbebfe;
  --ly-color-theme-light-5: #edf5ff;
  --ly-color-theme-light-6: #F0EEF9;
  --ly-color-theme-light-7: #F8F7FC;
  
  /* 灵芽辅助色 */
  --ly-secondary-color-blue: #387CFF;
  --ly-secondary-color-blue1: #9DC7FF;
  --ly-secondary-color-purple: #85bafd;
  --ly-secondary-color-red: #EA605B;
  --ly-secondary-color-green:  #76B283;
  --ly-secondary-color-green1:  #6FC9C3;
  --ly-secondary-color-green2:  #D2E127;
  --ly-secondary-color-orange: #EF8666;
  --ly-secondary-color-yellow:  #F6CD56;
  --ly-secondary-color-brown:  #8E1C12;
  --ly-secondary-color-pink:  #E1277D;
  
  /* 灵芽背景辅助色 */
  --ly-secondary-background-color-purple: #FAF9FE;
  --ly-secondary-background-color-purple-2: #F8F7FC;
  --ly-secondary-background-color-purple-3: #D9D5EC;
  --ly-secondary-background-color-orange: #FEF5F3;

  /* 灵芽按钮色 */
  --ly-color-botton-normal: var(--ly-color-black);

  /* 灵芽背景色 */
  --ly-background-color-black: var(--ly-color-black);
  --ly-background-color-white: #FFFFFF;
  --ly-background-color: rgba(43, 43, 43, 0.07);
  --ly-background-color-light-1: #F3F3F3;
  --ly-background-color-light-2: #FAFAFA;

  /* 灵芽文本颜色 */
  --ly-color-text: var(--ly-color-black);
  --ly-color-text-light-1: var(--ly-color-black-light-2);
  --ly-color-text-light-2: var(--ly-color-black-light-4);
  --ly-color-text-acvited: var(--ly-color-purple);
  --ly-color-text-button: var(--ly-color-purple);

  /* 灵芽线条色 */
  --ly-color-line: #E1E1E1;
  --ly-color-line-light-1: #F3F3F3;
  --ly-color-line-light-2: rgba(43, 43, 43, 0.05);
  --ly-color-line-light-3: rgba(255, 255, 255, 0.1);

  /* hover态 背景色 */
  --ly-background-color-hover-light: rgba(43, 43, 43, 0.07);
  --ly-background-color-hover-deep: rgba(255, 255, 255, 0.2);

  /* 禁止色 */
  --ly-color-disabled: #CCCCCC;

  /* 边框圆角 */
  --ly-border-radius-medium: '8px';
  --ly-border-radius-samll: '2px';
}

html {
  color: var(--ly-color-text);
}

html .el-dialog__header {
  margin-right: 0px;
  position: relative;
}

html ::-webkit-scrollbar {
  background-color: rgba(255,255,255,0);
}
html ::-webkit-scrollbar-track {
  background-color: rgba(255,255,255,0);
}
html ::-webkit-scrollbar-thumb {
  background-color: rgb(124, 124, 124, 0.3);
}
html ::-webkit-scrollbar-thumb:hover {
  background-color: rgb(124, 124, 124, 1);
}

.el-button {
  padding: 8px 16px;
  box-sizing: border-box;
}

.el-menu .el-menu-item.is-active {
  background-color: var(--ly-background-color) !important;
}

.el-divider {
  border-top: 1px solid var(--ly-color-line-light-1);
}

/* 黑色button（灵芽自定义button） */
.ly-normal-button {
  border: var(--ly-color-botton-normal)!important;
  background-color: var(--ly-color-botton-normal)!important;
  color: var(--ly-color-white)!important;
}

.ly-normal-button:focus {
  background-color: var(--ly-color-botton-normal)!important;
}
.ly-normal-button:focus-visible {
  outline: 2px solid var(--ly-color-botton-normal)!important;
  outline-offset: 1px!important;
}
.ly-normal-button:hover {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), var(--ly-color-botton-normal)!important;
}