问题一：【主页图片显示】
↑↑↑我想达成参考论坛的这种效果（为了保护对方论坛隐私我做了打码处理）：
1.论坛首页能看到图片帖的图片预览效果；
2.预览图看起来是容器内高度固定，就算图片本身大小不统一，它们也会自适应这个固定高度并且完整展示；
3.图片是横向紧凑展示；
3.首页显示的图片预览≤3张，就算内容贴图＞3张在主页也最多只会显示3张；
已尝试的解决办法：
我目前想到的办法是使用fof/synopsis这个插件+自改CSS，但是尝试了几天也没解决问题。目前我改出的最好一版效果是下图这样，可以看到还是有很多问题：
看起来我的CSS只是很机械固定了一个高度，但并没有和帖子内容相适应。然后也没有解决图片“横向排列”的问题，从第二张图开始还是纵向顺接在第一张图下面的，所以还会看到一点第二张的露出部分（如果是开了付费功能的帖子，就直接能看到那个蓝色虚线框）。
手机端效果我也还没研究，这个CSS还导致手机端出现了一点问题（帖子会遮挡住一部分更新键）
我想问一下是不是我的思路完全错了？参考图那种效果只能靠插件达成吗？还是说确实可以靠synopsis+CSS达成只是我写的CSS不对？
我把目前用的CSS也贴上，麻烦大佬们帮我看看QAQ：
`.DiscussionListItem-info .item-excerpt .PayToRead,
.DiscussionListItem-info .item-excerpt [class*=“PayToRead”] {
border: none !important;
box-shadow: none !important;
background: transparent !important;
}
.DiscussionListItem-info .item-excerpt {
display: block !important;
max-height: 190px !important;
overflow: hidden !important;
line-height: 1.5;
}
.DiscussionListItem-info .item-excerpt p {
display: inline !important;
margin: 0 5px 0 0 !important;
}
.DiscussionListItem-info .item-excerpt img {
height: 150px !important;
width: auto !important;
display: inline-block !important;
object-fit: contain !important;
vertical-align: top !important;
margin-top: 10px !important;
margin-right: 10px !important;
border-radius: 4px;
}
.DiscussionListItem-info .item-excerpt img:nth-of-type(n+4) {
display: none !important;
}
.DiscussionListItem-info .item-excerpt:not(:has(img)) {
max-height: none !important;
display: block !important;
}`
问题二：【积分分区限制】
我装了antoinefr/flarum-ext-money这个插件，但是这个插件好像没法限制分区？比如我想设置在灌水区发帖得不到积分奖励，我在后台尝试了给disabled money那一栏设置上灌水分区，也修改了用户权限，但是都没起效，普通用户在水区发帖还是可以得到积分奖励。
然后我看Auto moderator这个插件可以跟money搭配使用，现在想到的一个方案是，我用Auto moderator设置一个“扣除积分”的动作，用户在水区发帖后就扣除20积分，这样就能跟加上的那20积分抵消，但是我觉得这种操作太迂回了，有点反逻辑。而且现在我的论坛装了几十个插件已经有点卡了，我怕Auto moderator设置自动任务会导致论坛运行起来更卡……
请问有没有更好的解决办法呢？QAQ