/* 全局样式 */
.video-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.video-card a:hover {
  color: #3498db;
}

@media (max-width: 768px) {
  .video-grid {
    grid-template-columns: 1fr !important;
  }

  h1 {
    font-size: 1.5rem !important;
  }

  nav .logo {
    font-weight: bold;
  }
}

/* 响应式导航 */
@media (max-width: 600px) {
  nav a {
    font-size: 0.75rem !important;
    padding: 0.7rem 0.2rem !important;
  }
}

/* 按钮样式 */
a[href*="/list/"] {
  transition: all 0.3s;
}

a[href*="/list/"]:hover {
  transform: scale(1.02);
  background: #d5dbdd !important;
}

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