
.page__view {
  width: 100vw;
  min-height: 100vh;
  background-color: $uni-bg-color;
  position: relative;
  
  /deep/ .nav-bar__view {
    position: fixed;
    top: 0;
    left: 0;
  }
}

.main {
  padding: calc(var(--status-bar-height) + 144rpx) 32rpx 224rpx 32rpx;
}

.card {
  padding: 32rpx;
  background: #FAFAFF;
  border: 2rpx solid #FFFFFF;
  border-radius: 32rpx;

  & + & {
    margin-top: 40rpx;
  }

  &-header {
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 36rpx;
    line-height: 1.4;
    color: #252545;
    margin-bottom: 32rpx;
  }
}

.row {
  justify-content: space-between;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 1.4;
  column-gap: 24rpx;

  & + & {
    margin-top: 32rpx;
  }

  &-label {
    flex: none;
    font-size: 26rpx;
    color: #8B8B8B;
  }

  &-content {
    font-size: 32rpx;
    color: #181818;
  }
}

.form {
  padding: 8rpx 0 0 0;

  &-item {
    border-bottom: 2rpx solid #EEEEEE;

    &:last-child {
      border: none;
    }

    & + & {
      margin-top: 40rpx;
    }

    &-label {
      font-family: PingFang SC;
      font-weight: 400;
      font-size: 26rpx;
      line-height: 1.4;
      color: #181818;
    }

    &-content {
      margin-top: 14rpx;
      padding: 6rpx 0;

      .text {
        padding: 2rpx 0;
        font-family: PingFang SC;
        font-weight: 400;
        font-size: 32rpx;
        line-height: 1.4;

        &.placeholder {
          color: #C6C6C6;
        }
      }
    }
  }
}

.bottom {
  position: fixed;
  left: 0;
  bottom: 0;

  width: 100vw;
  height: 200rpx;
  padding: 24rpx 40rpx;
  background: #FFFFFF;
  box-sizing: border-box;

  .btn {
    width: 100%;
    padding: 16rpx 0;
    box-sizing: border-box;
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 36rpx;
    line-height: 1;
    color: #FFFFFF;
    background-image: linear-gradient(to right, #4B348F, #845CFA);
    border-radius: 41rpx;
  }
}
