.login-dialog {
  width: 6rem;
  .el-dialog__header {
    padding: 0.16rem 0.16rem 0;
    margin-right: 0;
  }

  .el-dialog__body {
    padding: 0 0.4rem 0.4rem;
  }
}

.login-page {
  text-align: center;

  .login-title {
    font-size: 0.28rem;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 0.4rem;
  }

  .login-form {
    display: flex;
    flex-direction: column;
    gap: 0.16rem;
  }

  .login-input {
    height: 0.4rem;
    .el-input__wrapper {
      background-color: #f5f5f7;
      border-radius: 0.08rem;
      box-shadow: none;
      padding: 0.00rem 0.16rem;
    }
  }

  .code-row {
    display: flex;
    align-items: center;
    gap: 0.12rem;

    .login-input {
      flex: 1;
    }

    .send-code-btn {
      white-space: nowrap;
      border-radius: 0.2rem;
      padding: 0.08rem 0.2rem;
      font-size: 0.14rem;
    }
  }

  .login-btn {
    margin-top: 0.16rem;
    width: 100%;
    height: 0.52rem;
    border-radius: 0.26rem;
    font-size: 0.18rem;
    font-weight: 600;
    background-color: #1a1a2e;
    border-color: #1a1a2e;

    &:hover,
    &:focus {
      background-color: #2d2d44;
      border-color: #2d2d44;
    }
  }

  .register-link {
    margin-top: 0.08rem;
    font-size: 0.14rem;
    color: #666;

    a {
      color: #409eff;
      text-decoration: none;

      &:hover {
        text-decoration: underline;
      }
    }
  }
}
