/* Additional styling for layout variant C */
body.ui-style-5 {
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}

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

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

.btn {
  cursor: pointer;
  font-weight: 500;
}

.btn:active {
  transform: scale(0.98);
}

.tag {
  transition: background 0.2s;
}

.tag:hover {
  background: #bdc3c7;
}

@media (max-width: 480px) {
  .video-card {
    padding: 15px;
  }

  .video-card h3 {
    font-size: 1.1em;
  }

  .btn {
    padding: 8px 16px;
    font-size: 0.9em;
  }
}