/* 智能推荐卡片样式 */
.recommendation-container {
  transform: translateZ(100px);
  position: relative;
  margin: 30px auto;
  max-width: 1200px;
  perspective: 800px;
}

.recommendation-card {
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(10px);
  border-radius: 15px;
  padding: 20px;
  transform-style: preserve-3d;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.recommendation-card:hover {
  transform: rotate3d(1, 0.5, 0, 5deg) translateZ(20px);
}

.recommendation-title {
  font-size: 1.8rem;
  text-shadow: 0 0 10px rgba(255,255,255,0.3);
  transform: translateZ(30px);
}

/* 响应式适配 */
@media (max-width: 768px) {
  .recommendation-container {
    margin: 15px auto;
    padding: 0 10px;
  }
  .recommendation-card {
    padding: 10px;
  }
}