/* 列表页特定样式 */
.tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}

.tag {
  padding: 8px 15px;
  background-color: var(--bg-light);
  border-radius: 20px;
  font-size: 14px;
  color: var(--text-light);
  transition: var(--transition);
}

.tag:hover {
  background-color: var(--primary-light);
  color: var(--primary-color);
}

.tag.active {
  background-color: var(--primary-color);
  color: white;
}

.list-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}

@media (min-width: 768px) {
  .list-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}