
body { min-height: 100vh; display: flex; flex-direction: column; }
main { flex: 1; }

/* 响应式布局 */
@media (max-width: 768px) {
  header h1 { font-size: 1.8rem !important; }
  section h2 { font-size: 1.4rem !important; }
  article { padding: 1rem !important; }
}

/* 卡片悬停效果 */
article:hover { transform: translateY(-2px); }

/* 链接样式 */
a { transition: all 0.3s ease; }
a:hover { opacity: 0.8; }

/* 按钮样式 */
button, .btn {
  cursor: pointer;
  transition: all 0.3s;
  border: none;
  outline: none;
}
button:hover, .btn:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}

/* 滚动优化 */
* { scroll-behavior: smooth; }

/* 移动端导航优化 */
@media (max-width: 480px) {
  nav a { font-size: 0.75rem; padding: 0.6rem 0.2rem; }
}
