/* 适用于 登录页 / 修改密码 / 注册页 的页面级样式 */

.auth-content {
  position: relative;
  min-height: 100vh;
  padding: 0 50rpx;
  box-sizing: border-box;

  /* navbar 背景 */
  :deep(.navbar) {
    background-image: var(--login-bg);
    background-size: 750rpx 800rpx;
    background-repeat: no-repeat;
  }

  /* 顶部背景层 */
  .auth-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 800rpx;
    background-image: var(--login-bg);
    background-size: 750rpx 800rpx;
    background-repeat: no-repeat;
    z-index: 0;
  }

  .auth-body {
    position: relative;
    z-index: 1;
    padding-top: 80rpx;

    .auth-title {
      margin: 80rpx 0;
      color: var(--font-color-333);
      font-weight: 600;
      font-size: 64rpx;
    }

    .auth-form {
      margin: 30px auto;

      /* 验证码按钮（slot 注入） */
      :deep(.get-code) {
        margin-left: 20rpx;
        width: 200rpx;
        height: 64rpx;
        line-height: 64rpx;
        border: none;
        font-size: 28rpx;
        color: rgb(var(--main-color-rgb));
        background: rgba(var(--main-color-rgb), 0.1);
        border-radius: 16rpx;
      }
      .forget-password {
        margin-left: 10rpx;
        font-size: 26rpx;
        color: var(--font-color-999);
      }

      .tips {
        margin-top: 30rpx;
        font-size: 24rpx;
        color: var(--font-color-666);
      }

      .submit {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 80rpx;
        width: 100%;

        .submit-btn {
          flex: 1;
          height: 96rpx;
          border-radius: 60rpx;
          font-size: 40rpx;
          background-color: var(--main-color);
          color: var(--font-color-fff);
        }
      }
    }
  }
}