feat: optimize docs pages and add 4 new doc articles (en + zh)

- Rewrote DocsListPage and DocDetailPage with landing.css aesthetic
  (icon cards, skeleton loader, prose styles, CTA box)
- Added docs-specific CSS to landing.css
- Created image-to-latex, copy-to-word, ocr-accuracy, pdf-extraction
  articles in both English and Chinese
- Updated DocsSeoSection guide cards to link to real doc slugs

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

content/docs/zh/image-to-latex.md

@@ -0,0 +1,80 @@
+---
+title: 图片转 LaTeX
+description: 如何使用 TexPixel 将任意公式图片转换为干净的 LaTeX 代码
+slug: image-to-latex
+date: 2026-03-25
+tags: [LaTeX, 教程]
+order: 2
+---
+
+# 图片转 LaTeX
+
+TexPixel 的核心功能是将公式图片——来自照片、扫描件或截图——直接转换为可以粘贴到任何地方的 LaTeX 代码。
+
+## 使用方法
+
+1. **上传图片** — 将 JPG 或 PNG 拖拽到上传区域，或点击浏览文件。也可以直接从剪贴板粘贴。
+2. **AI 处理** — 模型检测公式区域，运行 OCR，在不到一秒内生成结构化 LaTeX。
+3. **复制结果** — 点击 LaTeX 输出旁的复制按钮，直接粘贴到 Overleaf、VS Code、Word 或任意 LaTeX 编辑器。
+
+## 输入要求
+
+| 要求 | 详情 |
+|---|---|
+| 文件格式 | JPG、PNG |
+| 最大文件大小 | 10 MB |
+| 推荐分辨率 | 150 DPI 或更高 |
+| 背景 | 白色或浅色背景效果最佳 |
+
+## 支持识别的内容
+
+TexPixel 可处理多种数学内容：
+
+- **代数** — 方程、不等式、多项式
+- **微积分** — 导数、积分、极限
+- **矩阵** — 2×2 到大型数组
+- **希腊字母** — α、β、γ、Σ、Π 等
+- **上下标** — `x_i^2`、`a_{n+1}`
+- **分数** — `\frac{a}{b}`、嵌套分数
+- **根号** — `\sqrt{x}`、`\sqrt[n]{x}`
+
+## 示例
+
+上传二次公式图片，输出：
+
+```latex
+x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
+```
+
+上传积分图片：
+
+```latex
+\int_0^\infty e^{-x^2}\, dx = \frac{\sqrt{\pi}}{2}
+```
+
+## 获得最佳结果的技巧
+
+- **使用清晰图片** — 避免模糊、阴影或低对比度
+- **紧密裁剪** — 背景越少，焦点越准确
+- **白纸深色墨水** — 手写公式的理想条件
+- **避免旋转图片** — 保持公式水平
+- **每张图片一个公式** — 对于复杂的多部分作业，分别裁剪每个公式
+
+## 局限性
+
+- 非常淡或铅笔书写的公式准确率可能较低
+- 公式外的手绘箭头或注释标记可能被忽略
+- 非常大的矩阵（10×10 以上）可能准确率降低
+
+## 复制选项
+
+识别完成后，可以多种格式复制输出：
+
+- **LaTeX** — 原始 LaTeX 字符串
+- **MathML** — 用于网页嵌入
+- **Markdown** — 行内 `$...$` 或块级 `$$...$$`
+- **纯文本** — Unicode 近似表示
+
+---
+
+准备好了吗？[立即上传公式图片 →](/app)