/* 页眉专属样式 */
.header .logo {
  font-size: 18px;
  font-weight: bold;
  color: var(--primary-color);
}

.header .nav {
  display: flex;
  gap: 24px;
}

.header .nav button {
  padding: 6px 12px;
  border-radius: 8px;
  color: var(--text-primary);
  transition: all 0.3s ease;
}

.header .nav button:hover,
.header .nav button.active {
  background: var(--primary-color);
  color: #fff;
}

.header .search-btn {
  padding: 6px 16px;
  border-radius: 8px;
  background: var(--primary-color);
  color: #fff;
  transition: all 0.3s ease;
}

.header .search-btn:hover {
  opacity: 0.8;
}