feat(media): 灯箱动作胶囊化与正文三媒样式段（T1/T3）

- 原图/下载：裸链 → 与 lbnav 同语言的胶囊按钮（图标+文字+暗底描边）
- global.css 媒体段：正文 img 圆角限宽、*斜体独立段*图注约定、
  video/audio 全宽样式（raw HTML 直书方案，指南随后）

验证: pnpm astro build 21 页 exit 0

Spec: 2026-10-25_add-media-and-polish

Co-authored-by: GLM-5.3

src/styles/global.css

@@ -137,6 +137,40 @@ pre code { background: none; border: none; padding: 0; font-size: inherit; }
 .term-dots { display: flex; gap: 6px; margin-bottom: var(--space-2); }
 .term-dots span { width: 10px; height: 10px; border-radius: 50%; background: #30363d; }
 
+/* ---------- 正文媒体（图/视频/音频，Phase 5 媒体支持） ---------- */
+/* 图片：markdown 相对路径经 Astro 图片服务优化；版心内圆角限宽 */
+.prose-reading img, .prose-tech img {
+  border-radius: 10px;
+  margin-block: 1.2em;
+  max-width: 100%;
+  height: auto;
+}
+/* 图注约定：紧跟媒体的 *斜体独立段* 视为图注（写作指南 docs/写作指南.md） */
+.prose-reading p > em:only-child, .prose-tech p > em:only-child {
+  display: block;
+  text-align: center;
+  font-size: 0.85em;
+  font-family: var(--font-sans);
+  color: var(--ink-3);
+  margin-top: -0.6em;
+  margin-bottom: 1.2em;
+}
+/* 视频与音频：原生标签，markdown raw HTML 直书（指南有模板） */
+.prose-reading video, .prose-tech video,
+.prose-reading audio, .prose-tech audio {
+  display: block;
+  width: 100%;
+  margin-block: 1.2em;
+}
+.prose-reading video, .prose-tech video {
+  border-radius: 10px;
+  background: #000;
+  max-height: 72dvh;
+}
+.prose-reading audio, .prose-tech audio {
+  border-radius: 999px;
+}
+
 /* ---------- 列表/分隔 ---------- */
 hr { border: none; border-top: 1px solid var(--line); margin-block: var(--space-4); }