.popup { .container { width: 630rpx; padding: 48rpx 32rpx 0; box-sizing: border-box; background: linear-gradient(to top, #ffffff 0%, #ffffff 86%, #ffedeb 100%); .title { font-size: 36rpx; color: rgba(20, 21, 21, 1); font-weight: bold; text-align: center; } .user { position: relative; margin-top: 32rpx; display: flex; align-items: center; gap: 24rpx; justify-content: space-between; .avatar { flex-shrink: 0; width: 92rpx; height: 92rpx; border-radius: 50%; } .wrap { flex: 1; .name { font-size: 32rpx; color: rgba(1, 1, 5, 1); font-weight: bold; } .content { padding-top: 12rpx; font-size: 28rpx; color: rgba(1, 1, 5, 1); display: flex; align-items: center; gap: 10rpx; .line { color: rgba(205, 205, 205, 0.6); } } } } .row { padding: 26rpx 0; display: flex; gap: 24rpx; border-bottom: 1px solid rgba(247, 247, 250, 1); .label { flex-shrink: 0; font-size: 32rpx; color: rgba(161, 164, 172, 1); } .col { .content { margin-right: 8rpx; display: inline; font-size: 32rpx; color: rgba(1, 1, 5, 1); max-height: 30vh; overflow-y: auto; &::-webkit-scrollbar { display: none; } } .tag { vertical-align: 2rpx; display: inline-block; font-size: 20rpx; color: rgba(255, 255, 255, 1); padding: 0 8rpx; background-color: rgba(255, 186, 1, 1); border-radius: 6rpx; } } } .footer { padding: 32rpx; font-size: 32rpx; color: rgba(246, 74, 58, 1); text-align: center; } } } .close { margin: 32rpx auto 0; display: block; width: 64rpx; height: 64rpx; }