# 08F5 — Stitch CSS Pipeline Fix

状态：REPAIR_READY_FOR_QA_RECHECK
站点：aieditorrsp.net
任务：t_95fcf3e8

## 修复范围

- 恢复官方 Stitch 字体链路：Sora / IBM Plex Sans / JetBrains Mono / Material Symbols Outlined。
- 更新 CSP，允许 Google Fonts 样式和字体加载。
- 扩展 Stitch CSS 生成器，合并官方设计包与仓库 `design-v3/html` 的 Tailwind/Stitch classes。
- 重新生成 `src/app/stitch-utilities.css` 与 `stitch.tailwind.config.cjs`。
- 补齐本地 Stitch 素材 `stitch-28.jpg` 至 `stitch-34.jpg`，并更新 `asset-inventory.json`。
- 核心页面切换为官方 desktop/mobile 双 Stitch HTML：
  - `/ai-photo-prompt-editor`
  - `/prompt-library`
  - `/pricing`
  - `/ai-photo-editing-prompts`
  - `/chatgpt-photo-editing-prompts`
- 保留 live bridge：编辑器和 credit panel 放在 Stitch 真源页面之后，不破坏上方设计还原。

## 本地验证

- `npx eslint src/app/ai-photo-prompt-editor/page.tsx src/app/prompt-library/page.tsx src/app/pricing/page.tsx src/app/ai-photo-editing-prompts/page.tsx src/app/chatgpt-photo-editing-prompts/page.tsx`：PASS
- `npm run verify`：PASS，`{"ok":true,"routes":11,"hrefPlaceholders":0,"forbiddenCopy":0,"runtime_architecture":"workers_first_frontend_with_api_stubs"}`
- `npm run seo:audit`：PASS，`ok:true`，`failures: []`
- `git diff --check`：PASS
- `npm run build`：PASS，OpenNext worker generated at `.open-next/worker.js`

## 视觉证据

截图目录：`/root/.hermes/reports/site-aieditorrsp-20260528/screenshots/08f5/`

关键文件：
- `contact-sheet.png`
- `desktop-ai-photo-prompt-editor.png`
- `desktop-prompt-library.png`
- `desktop-pricing.png`
- `desktop-ai-photo-editing-prompts.png`
- `desktop-chatgpt-photo-editing-prompts.png`
- `mobile390-ai-photo-prompt-editor.png`
- `mobile390-prompt-library.png`
- `mobile390-pricing.png`
- `mobile390-ai-photo-editing-prompts.png`
- `mobile390-chatgpt-photo-editing-prompts.png`

## 渲染检查结论

- 5 个核心 route desktop 首屏均为 styled industrial Stitch treatment，不再是 raw/uncompiled HTML。
- 5 个核心 route mobile 使用官方 mobile Stitch screen，不再强行挤压 desktop HTML。
- rendered DOM 中 `lh3.googleusercontent.com` 计数为 0，Stitch 临时图已本地化。
- `document.body.innerText` 仍包含 Material Symbols ligature 文本，这是 icon font 的 DOM/可访问性表现；视觉截图中未看到 raw icon words 直接露出为普通文本。
- prompt-library / pricing / prompt editor first viewport 未见 P0 overlap；移动端存在横向 category chip/标签条，这是设计内横向浏览，不导致 document 横向滚动。

## 待 QA 复核重点

- 严格对照官方 Stitch desktop/mobile HTML 和 screenshots 复核 5 个核心 route。
- 复核 Material Symbols 是否在真实浏览器中显示为 icon glyph，而非普通文字。
- 复核 SEO expansion 与 live bridge 是否在 Stitch 真源之后，且不破坏上方视觉。