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

/* 视频卡片 */
.video-card:hover { transform: translateY(-5px); }
.video-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; }

/* 链接样式 */
a { transition: color 0.3s; }
a:hover { color: #3498db; }

/* 响应式 */
@media (max-width: 768px) {
  .video-grid { grid-template-columns: 1fr; }
  h1 { font-size: 1.5rem !important; }
}

/* UI风格变体 */
.ui-style-0 { --primary: #000; --bg: #fff; }
.ui-style-1 { --primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.ui-style-2 { --primary: #8b4513; filter: sepia(0.3); }
.ui-style-3 { --primary: #1e3a8a; }
.ui-style-4 { --primary: #ea580c; }
.ui-style-5 { --primary: #16a34a; }
.ui-style-6 { --primary: #7c3aed; }
.ui-style-7 { --primary: #6b7280; }
.ui-style-8 { --primary: #ec4899; }
.ui-style-9 { --primary: #1e293b; }
.ui-style-10 { --primary: #facc15; }
.ui-style-11 { --primary: #0284c7; }
.ui-style-12 { --primary: #059669; }
.ui-style-13 { --primary: #18181b; }
.ui-style-14 { --primary: #a8a29e; }
.ui-style-15 { --primary: #06b6d4; }