/* 扩展样式 */
.ui-style-5 {
  animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

main {
  animation: slideUp 0.6s ease-out;
}

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

article:hover {
  transform: translateY(-3px);
}

/* 响应式优化 */
@media (max-width: 768px) {
  h1 { font-size: 1.8em !important; }
  h2 { font-size: 1.4em !important; }
  main { padding: 0 15px !important; }
}

/* 打印样式 */
@media print {
  nav, footer { display: none; }
  body { background: white; }
}