# 媒体支持（图/视频/音频）+ 灯箱按钮与评论区美化 - 任务拆解

## 使用规则
- boundary/verify 齐备；verify 只读断言

## 阶段一：实现

- [x] T1 灯箱原图/下载按钮美化
  - claim: orchestrator
  - boundary: 只改 GalleryPage.astro 灯箱 lb-orig 区（升级为与 lbnav 同语言的胶囊按钮：图标+文字+悬停态）
  - verify: `pnpm astro build && grep -q "lb-orig" dist/gallery/index.html`

- [ ] T2 Artalk 评论区美化
  - claim: op-gitea（mesh 车道，预约 src/components/ArtalkComments.astro）
  - boundary: ArtalkComments.astro 内注入页面级覆盖样式（.atk-* 选择器，用 tokens 变量，明暗双态随 [data-theme]）；可调研 Artalk darkMode 配置项并在 init 传参；不改 Artalk 服务端
  - verify: `pnpm astro build && grep -q "atk-" src/components/ArtalkComments.astro`

- [x] T3 markdown 媒体支持
  - claim: orchestrator
  - boundary: src/styles/global.css 增媒体样式段（.prose-reading/.prose-tech 内 img/figure/video/audio：宽度/圆角/居中/图注样式）；验证 raw HTML 透传与图片优化
  - verify: `pnpm astro build`

- [x] T4 三媒样张
  - claim: op-artalk（mesh 车道，预约 content/posts/media-sample.md 与其资产目录）
  - boundary: ffmpeg 生成 3s 测试视频（<1MB）与 3s 音频；一张测试图；写一篇 draft:true 的样例文章（category: tech, draft 置 true 不上线仅构建验证）三媒齐用；不碰既有六篇
  - verify: `pnpm astro build && grep -q "<video" dist/archives/*/index.html -r | head -1`

- [x] T5 写作指南
  - depends-on: task_0003
  - claim: orchestrator
  - boundary: 新建 docs/写作指南.md（三媒插入语法/资产目录约定 content/posts/assets/{slug}/）/体积纪律（图≤1MB 压缩后、音≤5MB、视频>5MB 走仓外 store+绝对 /media/ 路径待 build.sh 同步）
  - verify: `test -s docs/写作指南.md`

- [ ] T6 验证收官
  - depends-on: task_0001, task_0002, task_0004, task_0005
  - claim: orchestrator
  - boundary: E2E 复跑 + 样例页与评论区双主题截图交视觉模型 + 归档推送
  - verify: `node tests/e2e.mjs 2>&1 | grep -q "30/30 PASS"`

---

**当前进度**：由脚本计算，无需手动维护