.page {
  .container {
    margin-top: 120rpx;
    box-sizing: border-box;
    height: calc(100vh - var(--pageTop) - 120rpx);
    padding: 126rpx 40rpx calc(env(safe-area-inset-bottom) + 20rpx);
    position: relative;
    background: linear-gradient(3deg, #ffffff 0%, #ffffff 67%, #ffe6e4 100%);
    border-radius: 32rpx 32rpx 0 0;
    .logo {
      position: absolute;
      left: calc(50% - 72rpx);
      top: -72rpx;
      width: 144rpx;
      height: 144rpx;
    }
    .title {
      font-size: 40rpx;
      color: rgba(1, 1, 5, 1);
      font-weight: bold;
      text-align: center;
    }
    .content {
      overflow-y: auto;
      margin-top: 58rpx;
      font-size: 32rpx;
      color: rgba(1, 1, 5, 1);
      line-height: 58rpx;
      .link {
        color: rgba(242, 58, 47, 1);
      }
    }
    .signature {
      margin-top: 88rpx;
      font-size: 28rpx;
      color: rgba(161, 164, 172, 1);
      line-height: 48rpx;
      .row {
        margin-top: 24rpx;
        display: flex;
        .checkbox {
          transform: scale(0.8);
        }
      }
    }
    .submit {
      margin-top: 78rpx;
      width: 670rpx;
      height: 88rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 32rpx;
      color: rgba(255, 255, 255, 1);
      background: linear-gradient(356deg, #f23a2f 0%, #fc684f 100%);
      border-radius: 84rpx 84rpx 84rpx 84rpx;
    }
    .cancel {
      margin-top: 30rpx;
      padding: 20rpx;
      text-align: center;
    }
  }
}