/* 收藏页面样式 - 青年美图风格 */

#favoriteGrid {
  margin-top: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  padding: 20px;
}

@media (max-width: 1024px) {
  #favoriteGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  #favoriteGrid {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    padding: 15px;
  }
}

/* 绌虹姸鎬佹彁绀?*/
.empty-favorites {
  text-align: center;
  padding: 60px 20px;
  color: #666;
}

.empty-favorites h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #333;
}

.empty-favorites p {
  font-size: 14px;
  margin-bottom: 20px;
}

.empty-favorites .btn {
  display: inline-block;
  padding: 10px 25px;
  background: #1e73be;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
  font-size: 14px;
}

.empty-favorites .btn:hover {
  background: #155a8a;
}