.container {
  height: 100vh;
  background: linear-gradient(to bottom, #FFE7E1, #FFFFFF);
  /* background-attachment: fixed; */
  background-size: cover;
  padding-top: 20rpx;
  padding-bottom: 20%;
}

/* 头部 */
.header {
  display: flex;
  align-items: center;
  margin-left: 25rpx;
  margin-top: 83rpx;
  margin-bottom: 52rpx;
}

/* 头像 */
.left {
  display: flex;
  width: 120rpx;
  height: 120rpx;
  border-radius: 50%;
  overflow: hidden;
  background-color: #FF7354;
  margin-right: 30rpx;
  justify-content: center;
  align-items: center;
  pointer-events: auto;
}

/* 头像图片 */
.avatar {
  width: 60%;
  height: 55%;
  margin-bottom: 20rpx;
  pointer-events: auto;
}

.user_name {
  font-size: 36rpx;
  color: #000000;
  font-weight: bold;
  margin-bottom: 14rpx;
}

.share_poster {
  display: inline-block;
  font-size: 24rpx;
  color: #FFFFFF;
  padding: 5rpx 14rpx 7rpx 15rpx;
  background-color: #FF9077;
  border-radius: 100rpx 100rpx 100rpx 100rpx;
}

.main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #FFFFFF;
  border-radius: 30rpx 30rpx 30rpx 30rpx;
  margin: 0 15rpx 41rpx 25rpx;
  padding: 43rpx 44rpx 47rpx 34rpx;
}
.item {
  flex: 1 0 calc(33.333% - 10px);
  background-color: #FFFFFF;
  text-align: center;
  margin-bottom: 50rpx;
}
.has-margin-bottom {
  margin-bottom: 0;
}
.text {
  font-size: 40rpx;
  font-weight: 400;
  color: #222222;
  margin-bottom: 14rpx;
}
.desc {
  font-size: 26rpx;
  font-weight: 400;
  color: #999999;
}

.navigation {
  margin-left: 22rpx;
  font-size: 32rpx;
  font-weight: bold;
}