html {
  font-size: 16px !important;
}

[v-cloak] {
  display: none !important;
}

/* 覆盖 Element UI 默认样式，适配黑白灰主题 */
.custom-input .el-input__inner {
  height: 44px;
  line-height: 44px;
  border-radius: 6px;
  border-color: #e5e7eb;
  transition: all 0.3s ease;
}

.custom-input .el-input__inner:focus {
  border-color: #000 !important;
  box-shadow: 0 0 0 1px #000 !important;
}

.custom-input .el-input-group__prepend {
  background-color: #f9fafb !important;
  border-color: #e5e7eb !important;
  border-right: 0 !important;
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  color: #374151 !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner, 
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #000 !important;
  border-color: #000 !important;
}

.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #000 !important;
}

.el-checkbox__inner:hover {
  border-color: #000 !important;
}

.el-button--primary {
  background-color: #000 !important;
  border-color: #000 !important;
}

.el-button--primary:hover,
.el-button--primary:focus {
  background-color: #1f2937 !important;
  border-color: #1f2937 !important;
}

/* 自定义滚动条 */
.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #e5e7eb;
  border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #d1d5db;
}

@media screen and (max-width: 768px) {
  #regist {
    padding: 20px;
  }
}