page {
  background: #f6f8f9;
  padding-bottom: calc(140rpx + env(safe-area-inset-bottom));
}
.page {
  min-height: 100vh;
  padding-top: 40rpx;
  .user-info {
    display: flex;
    padding: 0 40rpx 0;
    .avatar {
      flex-shrink: 0;
      width: 104rpx;
      height: 104rpx;
      border-radius: 50%;
      margin-right: 24rpx;
    }
    .user-detail {
      .name {
        font-size: 40rpx;
        color: rgba(40, 48, 49, 1);
        font-weight: bold;
        margin-bottom: 12rpx;
      }
      .hospital {
        font-size: 32rpx;
        color: rgba(33, 33, 32, 0.4);
        .tag {
          display: inline-block;
          margin-left: 12rpx;
          padding: 0 12rpx;
          font-size: 22rpx;
          color: rgba(255, 255, 255, 1);
          background: linear-gradient(272deg, #ffd21e 0%, #ffb514 100%);
          border-radius: 8rpx;
        }
      }
    }
  }
  .invite-card {
    margin: 40rpx 40rpx 0;
    .i-img {
      width: 100%;
      height: 164rpx;
    }
  }
  .menu-list {
    margin: 32rpx 30rpx 0;
    background: #fff;
    border-radius: 24rpx;
    overflow: hidden;
    .menu-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 40rpx 30rpx;
      border-bottom: 1rpx solid #f2f4f5;
      &:last-child {
        border-bottom: none;
      }
      .menu-left {
        display: flex;
        align-items: center;
        .menu-icon {
          width: 44rpx;
          height: 44rpx;
          margin-right: 20rpx;
        }
        .menu-name {
          font-size: 32rpx;
          color: rgba(33, 33, 32, 1);
        }
      }
      .menu-arrow {
        color: rgba(173, 172, 178, 1);
        font-size: 32rpx;
      }
      .switch {
        zoom: 0.8;
      }
    }
  }
  .logout-btn {
    margin: 40rpx 30rpx;
    height: 88rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32rpx;
    color: rgba(33, 33, 32, 1);
    background: #fff;
    border-radius: 44rpx;
  }
}