.container.data-v-ecc172b4 { width: 100%; height: 100vh; background-color: #FFFFFF; display: flex; flex-direction: column; padding-top: 30px; box-sizing: border-box; } .header.data-v-ecc172b4 { display: flex; align-items: center; justify-content: space-between; padding: 20rpx 30rpx; background-color: #FFFFFF; border-bottom: 1rpx solid #F0F0F0; position: relative; } .back-btn.data-v-ecc172b4 { width: 60rpx; height: 60rpx; display: flex; align-items: center; justify-content: center; z-index: 10; } .back-icon.data-v-ecc172b4 { font-size: 40rpx; color: #333333; font-weight: bold; } .header-title.data-v-ecc172b4 { position: absolute; left: 50%; transform: translateX(-50%); font-size: 36rpx; font-weight: bold; color: #333333; } .header-right.data-v-ecc172b4 { width: 60rpx; } .scroll-content.data-v-ecc172b4 { flex: 1; width: 100%; padding-bottom: env(safe-area-inset-bottom); } .message-item.data-v-ecc172b4 { display: flex; padding: 30rpx; border-bottom: 1rpx solid #F0F0F0; background-color: #FFFFFF; } .message-item.data-v-ecc172b4:last-child { border-bottom: none; } .message-avatar.data-v-ecc172b4 { width: 80rpx; height: 80rpx; border-radius: 50%; margin-right: 20rpx; flex-shrink: 0; background-color: #F5F5F5; } .message-content.data-v-ecc172b4 { flex: 1; display: flex; flex-direction: column; min-width: 0; } .message-header.data-v-ecc172b4 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15rpx; } .message-sender.data-v-ecc172b4 { font-size: 32rpx; font-weight: bold; color: #333333; } .message-time.data-v-ecc172b4 { font-size: 24rpx; color: #999999; } .message-action.data-v-ecc172b4 { display: flex; align-items: center; margin-bottom: 15rpx; } .action-icon.data-v-ecc172b4 { font-size: 28rpx; margin-right: 10rpx; } .action-text.data-v-ecc172b4 { font-size: 28rpx; color: #666666; } .comment-bubble.data-v-ecc172b4 { background-color: #F5F5F5; border-radius: 12rpx; padding: 20rpx; margin-top: 10rpx; } .comment-text.data-v-ecc172b4 { font-size: 28rpx; color: #333333; line-height: 1.6; } .empty-state.data-v-ecc172b4 { display: flex; align-items: center; justify-content: center; padding: 200rpx 0; } .empty-text.data-v-ecc172b4 { font-size: 28rpx; color: #999999; }