审批质询（前端）：报告排版变了时浮出的「质询」跟着选区走，check-inquiry 去掉一处时序竞争

- 浮出的「质询」原来只在选区变化、滚动、窗口变化时重新量位置。悬停一句时它的「质询」出现、那一段多折一行，下面的字整体下移，既不滚动也不改选区，按钮却停在原处、压到字上。改为同时用 ResizeObserver 看文档自身的尺寸，变了就重新量
- check-inquiry 加一段：选区上面的内容变高（不滚动、不改选区），按钮仍贴在选区下方；先确认没有这处改动时变红（按钮落后 24px）
- 「贴着报告框底边」那段：Esc 之后焦点下一帧才回到原文起头那一句的「质询」，它一出现那一段多折一行、量好的那一行被挤出框外，负载高时偶发超时（三遍里挂两遍，诊断确认是这个次序）。改为等焦点落定再量，并先把报告框放进视口；四道并行连跑三遍全过

frontend/src/run/EvidenceDoc.tsx

@@ -654,16 +654,20 @@ function useSelectionPick(root: RefObject<HTMLElement | null>, anchor: RefObject
       setPick((cur) => (cur && cur.quote === next.quote && cur.unit === next.unit && cur.left === next.left && cur.top === next.top
         ? cur : next))
     }
-    // 选区一变、页面或报告框一滚、窗口一变都重新量：可见范围变了，按钮放上方还是下方跟着变
+    // 选区一变、页面或报告框一滚、窗口一变都重新量：可见范围变了，按钮放上方还是下方跟着变。文档自己的尺寸变了也量：
+    // 悬停一句时它的「质询」出现、那一段多折一行，下面的字整体下移，既不滚动也不改选区，按钮却得跟着挪
     const schedule = () => { if (!frame) frame = requestAnimationFrame(read) }
     document.addEventListener('selectionchange', schedule)
     window.addEventListener('scroll', schedule, true)
     window.addEventListener('resize', schedule)
+    const resized = typeof ResizeObserver === 'function' ? new ResizeObserver(schedule) : null
+    if (root.current) resized?.observe(root.current)
     return () => {
       cancelAnimationFrame(frame)
       document.removeEventListener('selectionchange', schedule)
       window.removeEventListener('scroll', schedule, true)
       window.removeEventListener('resize', schedule)
+      resized?.disconnect()
     }
   }, [root, anchor, enabled])
   return [pick, useCallback(() => setPick(null), [])]

scripts/check-inquiry.mjs

@@ -504,12 +504,18 @@ await section('划选原文：浮出的「质询」算在审批卡里，贴着
   check('点浮出的「质询」：按下的位置在审批卡里，「点外面就收起」的浮层不会因此收起', outside.length === 0, outside.join(' | '))
   check('……照样打开提问框，带上原文', (await text(composer(page).locator('[data-inquiry-target]'))) === '枫岭区销售额最高')
   await page.keyboard.press('Escape')
+  // Esc 之后焦点在下一帧才回到原文起头那一句的「质询」，它一出现那一段可能多折一行、下面的句子往下挪：等它落定再量，
+  // 不然量好的「贴着底边」被挤到框外
+  check('Esc 关掉提问框，焦点回到原文起头那一句的「质询」', await until(async () => (await active(page))?.ask === 'u4'),
+    JSON.stringify(await active(page)))
   // 报告框压矮、滚到某一句的第一行贴着框的底边（取压矮之后落在框外、滚得过去的第一句），在那一行开头划选几个字：
   // 浮出的按钮放在选区下方会被框裁掉，得换到上方
   const edge = await page.evaluate(() => {
     const box = document.querySelector('[data-approval-evidence-doc]')
     if (!box) return null
     box.style.maxHeight = '150px'
+    // 刚才提问框滚进过视野，页面滚到哪要看时机：先把报告框整个放进视口（选区滚出视口时按钮本来就不出）
+    box.scrollIntoView({ block: 'center' })
     for (const unit of box.querySelectorAll('[data-ev-unit]')) {
       const b = box.getBoundingClientRect()
       const line = unit.getClientRects()[0]
@@ -554,6 +560,28 @@ await section('划选原文：浮出的「质询」算在审批卡里，贴着
   await ctx.close()
 })
 
+await section('划选原文：选区上面的排版变了（不滚动、不改选区），浮出的「质询」跟着选区走', async () => {
+  const { ctx, page, errors } = await open('inquiry-approval')
+  await expand(page)
+  check('划选一段原文', await select(page, 'u4', '枫岭区销售额最高'))
+  await page.locator('[data-inquiry-selection]').waitFor()
+  await page.waitForTimeout(100)
+  const place = () => page.evaluate(() => {
+    const sel = getSelection().getRangeAt(0).getBoundingClientRect()
+    const b = document.querySelector('[data-inquiry-selection]')?.getBoundingClientRect()
+    return { sel: Math.round(sel.bottom), gap: b ? Math.round(b.top - sel.bottom) : null }
+  })
+  const before = await place()
+  // 同悬停一句时它的「质询」出现、那一段多折一行：上面的内容变高，选区往下挪，却没有滚动、没有选区变化的事件
+  await page.evaluate(() => { document.querySelector('[data-approval-evidence-doc] [data-block]').style.paddingTop = '30px' })
+  await page.waitForTimeout(200)
+  const after = await place()
+  check('选区往下挪了，浮出的「质询」跟着挪，仍贴在选区下方', after.sel - before.sel >= 25 && before.gap != null && after.gap != null
+    && Math.abs(after.gap - before.gap) <= 2, `${JSON.stringify(before)} → ${JSON.stringify(after)}`)
+  check('页面没有报错', errors.length === 0, errors.join('；'))
+  await ctx.close()
+})
+
 await section('就整份报告提问；recorded 为假时醒目说明', async () => {
   const { ctx, page, hits, state, errors } = await open('inquiry-approval')
   state.reply = (body) => ({ status: 200, json: answerFor(body, {