/* 外部样式文件 - 增强版 */
body.ui-style-7 {
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

.section {
  transition: all 0.3s ease;
}

.section:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.video-card {
  border: 1px solid #e2e8f0;
  transition: all 0.3s ease;
}

.video-card:hover {
  border-color: #2563eb;
}

.video-title {
  transition: color 0.2s;
}

.video-card:hover .video-title {
  color: #2563eb;
}

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

@media (max-width: 480px) {
  .section-title {
    font-size: 1.2rem;
  }
  .video-title {
    font-size: 1rem;
  }
}