fix(web/style): 鼠标 hover post-list 时滚动条占位导致内容左右抖动

[SymbolStar]

问题

鼠标移进 thread message 页面时右侧滚动条出现占位，鼠标移走占位消失，肉眼可见内容左右抖动。

根因

PR #93（7a804fd「scrollbar on hover」）把 #post-list 的 scrollbar 改成 hover 时显示，靠 hover 切换 scrollbar-width: none → auto 实现。这个切换在 Firefox 和 Chromium 都会真正占走 ~10px 布局宽度：

• 鼠标进入 post-list → scrollbar-width 从 none 变 auto → bar 占走 10px → 内容左移
• 鼠标离开 → 反向 → 内容右移回来

修复

#post-list {
  scrollbar-gutter: stable;
}

永远预留 gutter，bar 仍然只在 hover 时画。视觉上跟之前完全一致（默认空、hover 出现），但布局宽度恒定，鼠标进出零 reflow。

关联

原本是想跟 PR #106（keyed-diff renderPosts）一起修，但 #106 已经在 scrollbar 那个 commit push 上去之前 merge 了，所以单独开一个 PR。

验证

• Firefox / Chromium：hover 进出 post-list，内容不再抖动。
• 默认外观（无 hover）不变。
• 滚动条 hover 时仍然出现（Slack-style 不变）。

[github-actions]

🤖 bot-review (comment-only · phase 1)

Diff: 2 files changed, 7 insertions(+) @ 870449f

Red-line checks:

• ✅ A-7.5: no new 'forbidden' code in xiaof

---

Phase 2: auto-approve + auto-merge fire only when red-lines are clean, author is internal, and no needs-human path is touched. Block with no-auto-merge label or [no-auto-merge] in title.

[github-actions]

✅ Auto-approved by bot-review: red-line checks clean, internal author, no needs-human paths.