fix(report): group chart cards in the existing grid and stop remounting on scroll (BUG-616, BUG-617)

Co-authored-by: Cursor <cursoragent@cursor.com>

docs/testing/report-chart-render-20260909.md

@@ -25,8 +25,8 @@
 
 ## 4. 手机与打印
 
-- [ ] iPhone Safari 竖屏：图单列、居中，不撑出左右滚动（宽表除外）。
-- [ ] 桌面 ≥720px：Vargas I 的图是两列。
+- [ ] iPhone Safari 竖屏：图单列，不撑出左右滚动（宽表除外），标题在卡内、图在标题下，互不重叠。
+- [ ] 桌面宽于 760px：Vargas I 的图是两列卡片，标题在各自卡顶，没有叠盘、没有标题堆成一列。
 - [ ] 打印预览：图仍是单列，不会变成两列挤在纸上。
 
 ## 5. 导出 `.md`
@@ -37,4 +37,11 @@
 
 - [ ] 打开一份 09-06 之后、本修复之前生成的报告：标题还在，不报错，不出现「图盘数据无效」（因为根本没有围栏块）。图可以没有。
 
-未打勾的项写成「未验证」。发现南印度方格、空白标题、导出文件里大段 JSON，或暗色主题下图看不见，把现象和报告页截图贴回。
+## 7. 滚动不重建（BUG-617）
+
+本仓前端测试是 `renderToStaticMarkup`，没有 DOM 运行时，数不了 React 重渲染。下面两条必须在真机（Chrome）上对照一份 Vargas I 已全部揭开的新报告。
+
+- [ ] Vargas I 全部揭开后连续滚动 10 秒：Chrome Performance 没有 >100ms 的长帧。
+- [ ] Elements 面板选中 D1 的 `<svg>` 之后滚动、目录高亮切换：选中不丢，该 `<svg>` DOM 节点还是同一个。
+
+未打勾的项写成「未验证」。发现南印度方格、空白标题、导出文件里大段 JSON、暗色主题下图看不见、盘重叠，或滚动时 Elements 里 SVG 被替换，把现象和报告页截图贴回。