建议优化 /zones/image 图片分区为瀑布流布局

[Jasper4860]

问题说明

当前 /zones/image 图片分区页面使用普通 CSS Grid 布局展示图片卡片。
在图片高度不一致的情况下，Grid 会按行对齐卡片高度，导致部分卡片下方出现较大的空白区域，页面视觉上不够紧凑，图片浏览体验也不够自然。

这个问题在图片内容较多、图片比例差异较大时会更加明显。

修改建议

建议将 /zones/image 图片分区的卡片列表从普通 Grid 布局优化为类似 Pinterest 的瀑布流布局。

这样可以让不同高度的图片卡片按照列高度自动排列，减少大块空白区域，使图片分区页面更加紧凑、美观，也更适合图片类内容浏览。

src/app/globals.css

修改的部分

原来的 .post-gallery-grid 使用普通 Grid 布局：

.post-gallery-grid {
  display: grid;
  align-items: start;
  gap: 0.5rem;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 15.5rem), 1fr));
}

.post-gallery-card {
  width: 100%;
}

这会导致不同高度的图片卡片按行排列，从而产生明显空白。