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-radio__input.is-checked .el-radio__inner {
  border-color: #000 !important;
  background: #000 !important;
}

.el-radio__input.is-checked + .el-radio__label {
  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;
}

.el-button.is-plain:hover, 
.el-button.is-plain:focus {
  background: #f9fafb !important;
  border-color: #000 !important;
  color: #000 !important;
}

/* 微信扫码相关样式 */
.qr-expire-time {
  transition: all 0.3s ease;
}

.qr-expire-time:hover {
  background: rgba(0, 0, 0, 0.7);
}

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