* {
  box-sizing: border-box;
}


#app {
  text-align: center;
  overflow-x: hidden;
}
body {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  font-family: 微软雅黑, Helvetica, Arial, sans-serif !important;
}

html:not(.zoom-ready) body {
  visibility: hidden;
}

// 滚动条风格
.base-html {
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
    &:hover,
    &:active {
      width: 10px;
    }
  }
  ::-webkit-scrollbar-track {
    background-color: transparent;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(125, 128, 134, 0.9);
    &:hover,
    &:active {
      background-color: rgba(125, 128, 134, 1);
    }
  }
}

// 表单必填符
.required-before {
  &:before {
    content: '*';
    display: inline-block;
    width: 5px;
    color: red;
    margin-right: 0.2rem;
  }
}

// 描述性文字
.desc {
  font-size: 12px;
  color: var(--text-color-place);
}

// 渐变绿色背景
.primary-gradient-bg {
  background: linear-gradient(135deg, #53c461 0%, #299132 100%);
}