:root {
  --primary: #000000;
  --primary-light: #22211F;
  --primary-disabled: #363435;
  --primary-lighter: #454344;
  --secondary: #1D1D1D;
  --text: #11181C;
  --text-gray: #687076;
  --text-placeholder: #8890A7;
  --border: #DFE3E6;
  --btn-bg: #EDEDED;
  --input-bg: #F1F2F3;
  --background: #F8F8FF;
  --error: #e5484d;


  --top-bar-height: 4rem;
}

html {
  height: 100%;
}

body {
  /* font-family: 'Poppins', sans-serif; */
  font-family: 'pingfang sc', sans-serif;
  height: 100%;
  /* padding: 1rem; */
  /* display: grid; */
  place-items: center;
  background: var(--background);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


/* 全局滚动条 */
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
  background-color: var(--el-color-primary);
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--el-color-primary);
}



.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.module_container {
  padding: 20px;
}