/* 外部样式文件 - 扩展内联基础样式 */

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: #e67e22; }
body.ui-style-8 { --primary: #16a085; }
body.ui-style-9 { --primary: #c0392b; }
body.ui-style-10 { --primary: #8e44ad; }
body.ui-style-11 { --primary: #2980b9; }
body.ui-style-12 { --primary: #27ae60; }
body.ui-style-13 { --primary: #d35400; }
body.ui-style-14 { --primary: #7f8c8d; }
body.ui-style-15 { --primary: #2c3e50; }

.video-card a {
  background: var(--primary, #3498db);
}

.rank {
  display: inline-block;
  background: #e74c3c;
  color: white;
  padding: 0.3rem 0.6rem;
  border-radius: 4px;
  font-weight: bold;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}

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

  h1 {
    font-size: 1.5rem;
  }
}