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/skills/code-css/SKILL.md

@@ -30,6 +30,7 @@ description: SCSS 写法、样式作用域与全局样式的边界。编写或
 | `--xt-card-pad-x` / `--xt-card-pad-y` | `18px` / `16px` | 卡片内容区左右 / 上下内边距（**别在页面里写死**，见下） |
 | `--xt-band-bg` | `#f7f8fa` | 浅灰色带：卡片头 / 表头 / 卡片内的子格子 |
 | `--xt-text` / `--xt-text-2` / `--xt-text-3` | `#1f2229` / `#667085` / `#98a2b3` | 主 / 次 / 弱文字 |
+| `--xt-mask-bg` / `--xt-mask-blur` | `rgb(16 24 40 / 26%)` / `8px` | 弹窗遮罩的底色与模糊半径（见下节） |
 
 ### ⚠️ 卡片内边距：**不要让页面自己写**
 
@@ -67,6 +68,30 @@ Naive 的规则是 `cB("card-content", "padding: 0 var(--n-padding-left) var(--n
 3. **区域间隔靠"色带 + 描边"，不是靠加大 margin**：卡片之间 `--xt-gap`，卡片内区块 12~20px。
    上一版的教训是把卡片写成 `:bordered="false"` + 内容区白底 → 白卡片浮在白底上，整页没有任何边界。
 
+## 弹窗遮罩（毛玻璃）：**只能用 CSS**，别去找主题变量
+
+遮罩层（弹窗背后那层灰黑）走毛玻璃：`styles/index.scss` 里一条规则覆盖
+`NModal` / `NDrawer` / `useDialog()` 三种弹层（`useDialog` 内部就是 `NModal`）。
+
+```scss
+.n-modal-mask.n-modal-mask,
+.n-drawer-mask.n-drawer-mask:not(.n-drawer-mask--invisible) {
+  background-color: var(--xt-mask-bg);
+  backdrop-filter: blur(var(--xt-mask-blur)) saturate(130%);
+  -webkit-backdrop-filter: blur(var(--xt-mask-blur)) saturate(130%);
+}
+```
+
+- ⚠️ **为什么不能用 `App.vue` 的 `themeOverrides`**：Naive 把遮罩色**写死在 css-render 里**
+  （`modal/src/styles/index.cssr.mjs` 的 `modal-mask` = `rgba(0,0,0,.4)`、
+  `drawer/src/styles/index.cssr.mjs` 的 `drawer-mask` = `rgba(0,0,0,.3)`），
+  Modal / Drawer 的**主题里没有 mask token** —— 主题变量改不到它。
+- ⚠️ **双类名**：与 `.n-card.n-card` 同一招（css-render 运行时注入 `<head>`，先后顺序不保证，把权重提到 (0,2,0)）。
+- ⚠️ **`.n-drawer-mask--invisible`**（`show-mask="transparent"`）必须排除：它是"看不见的遮罩"，
+  被染色就变成"看得见的挡板"。`.n-modal-mask` 没有对应的隐藏变体。
+- 自查：`getComputedStyle(document.querySelector('.n-modal-mask')).backdropFilter`
+  与弹层本体的 `backgroundColor`（应为 `rgb(255, 255, 255)`）。
+
 ## 按钮的可见性
 
 - 页面**主操作**（新建 / 导入 / 批量通过…）用 `type="primary"`，**默认尺寸**（不要 `size="small"`）。