:root {
  /* Element Plus primary 主题色，参考 https://element-plus.org/zh-CN/guide/theming */
  --el-color-primary: #{$base-color};
  --el-color-primary-light-3: #{color.mix(#fff, $base-color, 30%)};
  --el-color-primary-light-5: #{color.mix(#fff, $base-color, 50%)};
  --el-color-primary-light-7: #{color.mix(#fff, $base-color, 70%)};
  --el-color-primary-light-8: #{color.mix(#fff, $base-color, 80%)};
  --el-color-primary-light-9: #{color.mix(#fff, $base-color, 90%)};
  --el-color-primary-dark-2: #{color.mix(#000, $base-color, 20%)};

  --el-color-warning: #{$warning-color};
  --el-color-warning-light-3: #{color.mix(#fff, $warning-color, 30%)};
  --el-color-warning-light-5: #{color.mix(#fff, $warning-color, 50%)};
  --el-color-warning-light-7: #{color.mix(#fff, $warning-color, 70%)};
  --el-color-warning-light-8: #{color.mix(#fff, $warning-color, 80%)};
  --el-color-warning-light-9: #{color.mix(#fff, $warning-color, 90%)};
  --el-color-warning-dark-2: #{color.mix(#000, $warning-color, 20%)};
}

html,
body,
#app {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  line-height: 24px;
  font: 14px Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif;
  background: $main-bg-color;
  color: #303133;
  overflow: hidden;
}

img {
  vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

#nprogress .bar {
  background: $base-color !important;
}


@font-face {
  font-family: 'PangMenZhengDao';
  src: url('@/assets/font/PangMenZhengDao.TTF') format('truetype');
}
