.evaluation-container { padding: 20rpx; background-color: #f5f5f5; min-height: 100vh; } .order-header { display: flex; justify-content: space-between; padding: 15rpx 0; border-bottom: 1rpx solid #eee; margin-bottom: 20rpx; } .order-number { font-size: 32rpx; font-weight: 600; color: #333; } .order-date { font-size: 26rpx; color: #999; } .evaluation-content { background: #fff; border-radius: 10rpx; padding: 20rpx; margin-bottom: 20rpx; } .evaluation-text { font-size: 28rpx; color: #333; line-height: 40rpx; margin-bottom: 20rpx; } .image-list { display: flex; gap: 15rpx; padding: 10rpx 0; } .image-item { width: 140rpx; height: 140rpx; border: 1rpx dashed #ddd; display: flex; flex-direction: column; align-items: center; justify-content: center; } .image-item image { width: 80rpx; height: 80rpx; } .image-text { font-size: 24rpx; color: #999; margin-top: 10rpx; } .product-info { background: #fff; border-radius: 10rpx; padding: 20rpx; display: flex; align-items: center; } .product-img { position: relative; margin-right: 20rpx; } .product-img image { width: 120rpx; height: 120rpx; border-radius: 8rpx; } .tag { position: absolute; top: 0; left: 0; background: #ff7a00; color: #fff; font-size: 20rpx; padding: 2rpx 8rpx; margin-right: 5rpx; } .product-details { flex: 1; } .product-name { font-size: 28rpx; color: #333; margin-bottom: 10rpx; line-height: 40rpx; } .product-specs { display: flex; gap: 20rpx; font-size: 26rpx; color: #666; }