/* 响应式增强 */
@media (max-width: 768px) {
  .container { padding: 15px; }
  h1 { font-size: 24px; }
  .card h2 { font-size: 20px; }
  .video-list { grid-template-columns: 1fr; }
}

/* 按钮美化 */
.video-item a {
  background: #3498db;
  color: white;
  padding: 8px 16px;
  border-radius: 5px;
  transition: background 0.3s;
  margin-top: 10px;
}

.video-item a:hover {
  background: #2980b9;
  text-decoration: none;
}

/* 卡片渐变效果 */
.card {
  border-left: 4px solid #3498db;
}

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