// .spacer {
//   height: 50px; /* 设置空白区域的高度 */
// }

// .post-grid {
//   display: grid;
//   grid-template-columns: repeat(2, 1fr); /* 每行两个动态 */
//   gap: 16px; /* 每个动态之间的间距 */
//   padding: 6px; /* 页面内边距 */
// }

// .post-card {
//   border-radius: 10px;
//   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
//   cursor: pointer; /* 鼠标悬停时显示为可点击 */
// }

// .post-image {
//   width: 100%;
//   height: auto;
//   border-radius: 10px;
//   margin-bottom: 2px;
// }

.discovery-content {
  background-color: #f9f9f9; /* 浅色背景 */
}

.spacer {
  height: 16px;
}

.post-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 16px; /* 卡片之间的间距 */
}

.post-card {
  transition: transform 0.2s;
  border: 1px solid #ddd; /* 边框 */
  border-radius: 8px; /* 圆角 */
}

.post-card:hover {
  transform: scale(1.05); /* 悬停效果 */
}

.post-image {
  border-radius: 8px; /* 图片圆角 */
}