/* 水平间距 */ /* 水平间距 */ .user-card.data-v-dc51e287 { border-radius: 16rpx; width: 690rpx; height: 244rpx; background: #ffffff; padding: 30rpx; margin-bottom: 30rpx; box-shadow: 0rpx 2rpx 8rpx 2rpx rgba(0, 88, 219, 0.06); } .avatar-container.data-v-dc51e287 { display: flex; align-items: center; } .avatar-container_name.data-v-dc51e287 { font-weight: bold; font-size: 28rpx; color: #232323; } .avatar-container .avatar.data-v-dc51e287 { width: 72rpx; height: 72rpx; border-radius: 50%; margin-right: 20rpx; background-color: #999; } .info-section.data-v-dc51e287 { flex: 1; } .username.data-v-dc51e287 { font-size: 36rpx; color: #333333; font-weight: 500; margin-bottom: 20rpx; display: block; } .phone-time-row.data-v-dc51e287 { margin-top: 10rpx; } .phone.data-v-dc51e287 { font-weight: 400; font-size: 28rpx; color: #232323; } .time.data-v-dc51e287 { margin-top: 20rpx; font-weight: 400; font-size: 24rpx; color: #999; } .action-section.data-v-dc51e287 { display: flex; flex-direction: column; align-items: center; } .action-btn.data-v-dc51e287 { font-weight: bold; font-size: 28rpx; color: #5d7a4e; margin-bottom: 4rpx; } .level-text.data-v-dc51e287 { margin-top: 20rpx; font-weight: 400; font-size: 24rpx; color: #999; }