.container { min-height: 100vh; background: #FFFBF5; padding: 30rpx; } .loading { display: flex; align-items: center; justify-content: center; height: 400rpx; color: #999; } .wish-card { background: #fff; border-radius: 24rpx; padding: 40rpx; box-shadow: 0 4rpx 20rpx rgba(0,0,0,0.08); } .wish-card.paid { border: 2rpx solid #FFD700; } .wish-header { display: flex; align-items: center; gap: 20rpx; margin-bottom: 30rpx; } .avatar { width: 80rpx; height: 80rpx; border-radius: 50%; background: #f0f0f0; } .user-info { flex: 1; } .nickname { display: block; font-size: 28rpx; font-weight: bold; color: #333; } .time { display: block; font-size: 22rpx; color: #999; margin-top: 8rpx; } .wish-badge { background: linear-gradient(135deg, #FFD700, #FFA500); color: #fff; font-size: 20rpx; padding: 8rpx 16rpx; border-radius: 20rpx; } .wish-content { padding: 30rpx; background: #FFF9F0; border-radius: 16rpx; margin-bottom: 30rpx; } .wish-content text { font-size: 32rpx; color: #333; line-height: 1.8; } .wish-footer { display: flex; align-items: center; justify-content: space-between; } .type-tag { font-size: 22rpx; padding: 8rpx 16rpx; border-radius: 20rpx; } .type-tag.free { background: #FFE4E1; color: #FF6B6B; } .type-tag.paid { background: #FFF8DC; color: #DAA520; } .btn-action { display: flex; align-items: center; gap: 8rpx; background: #C41E3A; color: #fff; font-size: 24rpx; padding: 12rpx 24rpx; border-radius: 30rpx; border: none; } .btn-action .icon { font-size: 28rpx; } /* 推荐区域 */ .recommend-section { margin-top: 40rpx; } .section-title { font-size: 28rpx; font-weight: bold; color: #333; margin-bottom: 20rpx; } .recommend-list { display: flex; flex-direction: column; gap: 16rpx; } .recommend-item { padding: 24rpx; background: #fff; border-radius: 16rpx; box-shadow: 0 2rpx 10rpx rgba(0,0,0,0.05); } .recommend-text { font-size: 26rpx; color: #666; }