fix(pc): 弹窗遮罩改毛玻璃并清掉 9 处提示折行

遮罩底色被 Naive 写死在 css-render 里（Modal / Drawer 主题没有 mask token，
themeOverrides 改不到），只能上 CSS；加 backdrop-filter 后遮罩后面的页面糊掉、
弹层本体仍是纯白，NModal / NDrawer / useDialog 共用 .n-modal-mask 一条规则覆盖。

折行的根因是格子宽度写死（半宽 264px / span 8 192px / 定宽 160px），与窗口宽度无关：
能压短的压短；「文件名预览」那处是 .n-form-item-blank 属于 flex 行、把提示挤成 3 行，
改成包一层块级容器；材料预览失败的占位在 108px 小格里曾折 3 行且被裁掉。

约定写进 frontend-pc/AGENTS.md 第 11 条与 code-css skill；实测与刻意不改的清单见
docs/交接摘要.md 的 §一·四十二。

frontend-pc/AGENTS.md

@@ -100,3 +100,15 @@ pnpm lint         # ESLint（@antfu/eslint-config）
    ⚠️ 这个插槽**不接收任何参数**（内部用 `resolveWrappedSlot(slot, wrapper)` = `wrapper(slot())`），
    所以**没有**「`#feedback="{ status }"` 里顺手渲染错误」这种写法 —— 想内联显示错误只能给
    `NFormItem` 的 `feedback` **prop** 传渲染函数，那需要自写包装组件，别顺手试。
+11. **提示（`#feedback` / `__hint`）要在自己的格子里单行放下**：放不下就**改短**，或把这一项改成
+   `:span="24"`。格子的**可用宽度是写死的**（弹窗宽度写死、两列网格、`span 8`），**窗口拉宽没有用**。
+   2026-10 实测过一轮：提示折成 2~3 行时读起来根本不像一句话（最惨的一处被 flex 挤到 191px、折了 3 行）。
+   12px 字的经验值：`span 12`（620px 弹窗）≈ **23 个汉字**、`span 8`（680px 弹窗）≈ **16 个**、
+   `.uf__grid` 两列 ≈ **21 个**、全宽表单项（520px 弹窗）≈ **39 个**
+   （11px 的 `.org-drawer__fallback` 在 160px 定宽列里 ≈ 14 个）。
+   ⚠️ **`.n-form-item-blank` 是 flex 行**（`form-item` 是 grid、blank 区是 flex）→ 同一个 `NFormItem`
+   里放两个元素会被并排压缩；要"提示在上、内容在下"必须包一层块级容器
+   （写法见 `src/views/task/TaskFormModal.vue` 的 `__preview-box`）。
+   ⚠️ **弹窗遮罩的毛玻璃只能用 CSS**：Naive 把遮罩色写死在 css-render 里，Modal / Drawer 主题
+   **没有 mask token**，`App.vue` 的 `themeOverrides` 改不到它 —— 规则在 `src/styles/index.scss`，
+   细节见 `.agents/skills/code-css/SKILL.md`。