:root {
  /* 基础颜色 */
  --j-color-white: #ffffff;
  --j-color-black: #000000;
  
  /* 主题颜色 */
  --j-color-primary: #409eff;
  --j-color-success: #67c23a;
  --j-color-warning: #e6a23c;
  --j-color-danger: #f56c6c;
  --j-color-info: #909399;
  
  /* 文字颜色 */
  --j-color-text-primary: #303133;
  --j-color-text-regular: #606266;
  --j-color-text-secondary: #909399;
  --j-color-text-third: #6bdfbe;
  
  /* 边框颜色 */
  --j-border-color-base: #dcdfe6;
  --j-border-color-light: #e4e7ed;
  --j-border-color-lighter: #ebeef5;
  
  /* 背景颜色 */
  --j-background-color-base: #f5f7fa;
  
  /* 其他颜色 */
  --j-color-primary-light-1: #53a8ff;
  --j-color-primary-light-2: #66b1ff;
  --j-color-primary-light-3: #79bbff;
  --j-color-primary-light-4: #8cc5ff;
  --j-color-primary-light-5: #a0cfff;
}

/* 滚动条样式 */
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.1);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,0.6);
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}