/* pages/login/login.wxss */
.t-navbar__placeholder {
  --td-navbar-padding-top: 0;
  --td-navbar-height: 0;
}
.t-navbar__content {
  --td-navbar-bg-color: rgba(0, 0, 0, 0);
}
.nav-title {
  color: #ffffff;
}
.login-container {
  display: flex;
  align-items: center;
  width: 100%;
  aspect-ratio: 3/2;
  position: relative;
  overflow: hidden;
  border-radius: 0 0 50% 50% / 0 0 4% 4%;
  .login-bg {
    position: absolute;
    left: 0;
    top: 0;
  }
  .avatar_login {
    margin-left: 64rpx;
    display: flex;
    align-items: center;

    .login-button {
      margin-left: 24rpx;
      &.t-button--primary {
        --td-button-primary-text-color: #ffffff;
      }
    }
  }
  .vip-card {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 80%;
    height: 80rpx;
    background-color: #ccb88d;
    border-radius: 24rpx 24rpx 0 0;
    color: #ffffff;
    display: flex;
    align-items: center;
    text {
      margin-left: 32rpx;
    }
  }
}
.options-container {
  margin-top: 32rpx;
}