.gzh-code {
  width: 200px;
  height: 200px;
}
.gzh-title {
  padding: 20px;
  white-space: nowrap;
}
.login-container {
  width: 350px;
  max-width: 80vw;
}
.wrapper {
  background-image: url('../imgs/common/5003fea67fa68c5848c7f2f9576947e.jpg');
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: center center;
}
.wrapper a {
  color: #333;
}
.wrapper .wechat-login {
  max-height: 400px;
}
.wrapper .col-form-item {
  margin: 0;
  padding: 0;
}
.wrapper .col-form-item label {
  display: block;
}
.wrapper .col-form-item input {
  width: 100%;
}
.wrapper .login-logo img {
  width: 40px;
}
.wrapper .login-logo div {
  line-height: 1;
}
.wrapper .login-form-box {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.wrapper .login-form-box .login-form-content {
  max-width: 750px !important;
}
.wrapper .login-form-box .login-form-content .card-body {
  height: 360px;
}
.wrapper .login-form-box .login-form-content .split-line .line {
  height: 90%;
  width: 1px;
  background-color: #ccc;
}
.wrapper .login-form-box .login-form-content .qrcode {
  width: 240px;
  margin: 0 auto;
}
.wrapper .login-form-box .login-form-content div {
  box-sizing: content-box;
}
.wrapper .login-form-box .login-form-content .nav-link {
  font-weight: 200;
  font-size: 20px;
  color: #666 !important;
}
.wrapper .login-form-box .login-form-content .nav-link.active {
  color: #333 !important;
  font-weight: 700;
}
.tool-bar {
  position: fixed;
  right: 20px;
  height: 40px;
  z-index: 999;
  background-color: transparent !important;
}
.tool-bar a {
  color: #333;
}
.dark-mode .login-form-box .login-form-content .nav-link {
  color: #999 !important;
}
.dark-mode .login-form-box .login-form-content .nav-link.active {
  color: #fff !important;
}
.dark-mode .login-form-box .login-form-content .split-line .line {
  background-color: #333;
}
.dark-mode .tool-bar a {
  color: #fff;
}
.dark-mode .wrapper {
  background-image: none;
  background-color: #2b2b2d !important;
}
.dark-mode input[type='text'],
.dark-mode input[type='password'] {
  background-color: transparent !important;
  color: #fff;
  /* Ensure text is visible in dark mode */
  border: 1px solid #ccc;
  /* Optional: Add a border for better visibility */
}