/* 全局样式 */
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* 卡片悬停效果 */
.card:hover, .list-item:hover, .list-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}

/* 响应式网格 */
@media (max-width: 768px) {
  .grid { grid-template-columns: 1fr !important; }
  .hero h1 { font-size: 28px !important; }
  .hero p { font-size: 16px !important; }
}

/* UI风格变体 */
.ui-style-0 { --primary: #e74c3c; }
.ui-style-1 { --primary: #3498db; }
.ui-style-2 { --primary: #2ecc71; }
.ui-style-3 { --primary: #9b59b6; }
.ui-style-4 { --primary: #f39c12; }
.ui-style-5 { --primary: #1abc9c; }
.ui-style-6 { --primary: #e67e22; }
.ui-style-7 { --primary: #34495e; }
.ui-style-8 { --primary: #16a085; }
.ui-style-9 { --primary: #27ae60; }
.ui-style-10 { --primary: #2980b9; }
.ui-style-11 { --primary: #8e44ad; }
.ui-style-12 { --primary: #c0392b; }
.ui-style-13 { --primary: #d35400; }
.ui-style-14 { --primary: #2c3e50; }
.ui-style-15 { --primary: #7f8c8d; }