page {
  background-color: rgba(246, 246, 246, 1);
}
.page {
  padding: 24rpx 32rpx;
  .container {
    padding: 32rpx;
    border-radius: 16rpx;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 28rpx;
    .user {
      flex-shrink: 0;
      .avatar {
        display: block;
        width: 102rpx;
        height: 102rpx;
      }
      .name {
        margin-top: 14rpx;
        text-align: center;
        font-size: 24rpx;
        color: rgba(133, 133, 133, 1);
        line-height: 28rpx;
        max-width: 4em;
      }
    }
    .add {
      flex-shrink: 0;
      width: 102rpx;
      height: 102rpx;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 50rpx;
      font-weight: bold;
      color: #cdcdcd;
      border: 2rpx dashed #cdcdcd;
    }
  }
}