/* 外部样式文件 - 扩展美化 */
body.ui-style-10 {
  --primary: #667eea;
  --secondary: #764ba2;
}

.card {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.card:hover {
  box-shadow: 0 10px 30px rgba(102, 126, 234, 0.25);
}

section {
  animation: fadeIn 0.6s ease-in;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

.btn {
  box-shadow: 0 4px 10px rgba(102, 126, 234, 0.2);
}

.btn:hover {
  box-shadow: 0 6px 20px rgba(118, 75, 162, 0.4);
}

@media (max-width: 768px) {
  .card-list {
    grid-template-columns: 1fr;
  }
}