/* UI Style 15 - Layout C */

body.ui-style-15 {
  --primary-color: hsl(337.5, 70%, 50%);
  --secondary-color: hsl(517.5, 65%, 55%);
  --accent-color: hsl(427.5, 60%, 60%);
}

body.ui-style-15 a:hover {
  color: var(--primary-color);
}

body.ui-style-15 .hero {
  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
}

body.ui-style-15 h2 {
  border-left-color: var(--primary-color);
}

body.ui-style-15 .more-link,
body.ui-style-15 .tag {
  background: var(--primary-color);
}

body.ui-style-15 .more-link:hover {
  background: var(--secondary-color);
}

/* 额外的响应式优化 */
@media (max-width: 480px) {
  nav ul {
    padding: 0 0.5rem;
  }

  nav a {
    font-size: 0.75rem;
    padding: 0.25rem 0.1rem;
  }

  .logo {
    font-size: 1.2rem;
  }
}

/* 动画效果 */
.video-card, .related-card {
  animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 打印样式 */
@media print {
  nav, .more-link, .related {
    display: none;
  }

  body {
    background: white;
  }

  .detail-card, section {
    box-shadow: none;
    border: 1px solid #ddd;
  }
}