/* 扩展样式 */
.ui-style-3 {
  --primary-color: #1a73e8;
  --secondary-color: #34a853;
}

body {
  background: linear-gradient(135deg, #f5f7fa 0%, #e8eef5 100%);
}

.card {
  transition: transform 0.2s, box-shadow 0.2s;
}

.card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

h1, h2, h3 {
  color: var(--primary-color);
}

nav a:hover {
  color: var(--secondary-color);
  text-decoration: none;
  background: rgba(26, 115, 232, 0.05);
  border-radius: 4px;
}

@media (max-width: 768px) {
  nav {
    flex-wrap: nowrap !important;
    overflow-x: visible !important;
  }

  nav a {
    font-size: 11px;
    padding: 5px 2px;
  }
}