refact: update ui

content/docs/en/faq.md

@@ -0,0 +1,62 @@
+---
+title: FAQ
+description: Frequently asked questions about TexPixel
+slug: faq
+date: 2026-03-25
+tags: [reference]
+order: 3
+---
+
+# Frequently Asked Questions
+
+## General
+
+### Is TexPixel free?
+
+Yes! You can use TexPixel for free with up to 3 uploads per day. No sign-up or credit card is required. For unlimited uploads and additional features, check our Pro plan.
+
+### Do I need to create an account?
+
+No. You can start using TexPixel immediately as a guest. Creating an account (free) lets you sync history across devices.
+
+### What languages are supported?
+
+TexPixel recognizes mathematical formulas regardless of the surrounding language. The user interface is available in English and Chinese.
+
+## Recognition
+
+### How accurate is the recognition?
+
+TexPixel achieves 90-98% accuracy depending on image quality and formula complexity. Clean, high-contrast images of typed formulas typically achieve the highest accuracy.
+
+### Can it recognize handwritten formulas?
+
+Yes. TexPixel handles both printed and handwritten formulas. For best results with handwriting, use dark ink on white paper and keep characters well-spaced.
+
+### What about complex multi-line equations?
+
+TexPixel can recognize multi-line equations, equation arrays, and systems of equations. Each line is captured and formatted correctly in the output.
+
+### Does it support matrices and tables?
+
+Yes. Matrices, determinants, and tabular expressions are supported and output as proper LaTeX `\begin{matrix}` or `\begin{pmatrix}` environments.
+
+## Export & Integration
+
+### Can I use the output in Overleaf?
+
+Absolutely. Copy the LaTeX output and paste it directly into your Overleaf project. It works immediately.
+
+### How do I use the output in Word?
+
+Use the DOCX export option. This creates a Word file with properly formatted equations that you can edit normally in Microsoft Word or Google Docs.
+
+## Privacy & Data
+
+### Are my uploaded images stored?
+
+Uploaded images are processed for recognition and temporarily cached. They are automatically deleted after processing. We do not use your images for training.
+
+### Is my data encrypted?
+
+Yes. All data is transmitted over HTTPS. Uploaded files and results are handled securely.

content/docs/en/supported-formats.md

@@ -0,0 +1,50 @@
+---
+title: Supported Formats
+description: Input and output formats supported by TexPixel
+slug: supported-formats
+date: 2026-03-25
+tags: [reference]
+order: 2
+---
+
+# Supported Formats
+
+## Input Formats
+
+TexPixel accepts the following file types for formula recognition:
+
+### Images
+- **JPEG / JPG** — Photos from cameras or phones
+- **PNG** — Screenshots, scanned images, or digital drawings
+
+### Documents
+- **PDF** — Single or multi-page documents. All pages are processed and formulas are extracted from each page.
+
+**File size limit:** 10 MB per file.
+
+**Resolution tips:** For best results, use images at least 300 DPI. Phone photos work well when the formula fills most of the frame.
+
+## Output Formats
+
+After recognition, you can export results in multiple formats:
+
+### Code Formats
+- **LaTeX** — Standard math typesetting syntax, compatible with Overleaf, TeXmaker, and Markdown editors
+- **MathML** — XML-based format for web pages and screen readers
+
+### Document Formats
+- **Markdown** — Ready to paste into Markdown files with inline math notation
+- **Word (DOCX)** — Editable Word document with properly formatted equations
+
+### Image Formats
+- **PNG** — High-resolution rendered formula image
+
+## Format Comparison
+
+| Format | Best For | Editable | Web-Ready |
+|--------|----------|----------|-----------|
+| LaTeX | Papers, Markdown | Yes | With MathJax |
+| MathML | Websites, Accessibility | Yes | Native |
+| Markdown | Notes, Docs | Yes | With renderer |
+| Word | Assignments | Yes | No |
+| PNG | Sharing | No | Yes |

content/docs/zh/faq.md

@@ -0,0 +1,62 @@
+---
+title: 常见问题
+description: 关于 TexPixel 的常见问题解答
+slug: faq
+date: 2026-03-25
+tags: [参考]
+order: 3
+---
+
+# 常见问题
+
+## 基本信息
+
+### TexPixel 是免费的吗？
+
+是的！你可以每天免费使用 3 次上传。无需注册或绑定信用卡。如需无限上传和更多功能，请查看我们的专业版。
+
+### 需要创建账号吗？
+
+不需要。你可以立即以访客身份使用 TexPixel。创建免费账号后可以跨设备同步历史记录。
+
+### 支持哪些语言？
+
+TexPixel 可以识别任何语言环境中的数学公式。用户界面支持中文和英文。
+
+## 识别相关
+
+### 识别准确率如何？
+
+根据图片质量和公式复杂度，TexPixel 的准确率在 90-98% 之间。清晰、高对比度的印刷体公式通常能达到最高准确率。
+
+### 能识别手写公式吗？
+
+可以。TexPixel 支持印刷体和手写公式。手写公式建议使用深色墨水在白纸上书写，并保持字符间距适当。
+
+### 支持复杂的多行方程吗？
+
+TexPixel 可以识别多行方程、方程组和方程数组。每一行都会被准确捕获并正确格式化输出。
+
+### 支持矩阵和表格吗？
+
+支持。矩阵、行列式和表格表达式都能识别，并输出为正确的 LaTeX `\begin{matrix}` 或 `\begin{pmatrix}` 环境。
+
+## 导出与集成
+
+### 输出可以在 Overleaf 中使用吗？
+
+当然可以。复制 LaTeX 输出，直接粘贴到你的 Overleaf 项目中即可使用。
+
+### 如何在 Word 中使用？
+
+使用 DOCX 导出选项。这会创建一个包含格式正确的公式的 Word 文件，你可以在 Microsoft Word 或 Google Docs 中正常编辑。
+
+## 隐私与数据
+
+### 上传的图片会被存储吗？
+
+上传的图片仅用于识别处理并临时缓存，处理完成后会自动删除。我们不会使用你的图片进行训练。
+
+### 数据是加密的吗？
+
+是的。所有数据通过 HTTPS 传输。上传的文件和结果都经过安全处理。

content/docs/zh/supported-formats.md

@@ -0,0 +1,50 @@
+---
+title: 支持的格式
+description: TexPixel 支持的输入和输出格式
+slug: supported-formats
+date: 2026-03-25
+tags: [参考]
+order: 2
+---
+
+# 支持的格式
+
+## 输入格式
+
+TexPixel 接受以下文件类型进行公式识别：
+
+### 图片
+- **JPEG / JPG** — 相机或手机拍摄的照片
+- **PNG** — 截图、扫描图片或数字绘图
+
+### 文档
+- **PDF** — 单页或多页文档。所有页面都会被处理，每一页中的公式都会被提取。
+
+**文件大小限制：** 每个文件最大 10 MB。
+
+**分辨率建议：** 为获得最佳效果，建议使用至少 300 DPI 的图片。手机拍照时让公式占据画面的大部分即可。
+
+## 输出格式
+
+识别完成后，你可以将结果导出为多种格式：
+
+### 代码格式
+- **LaTeX** — 标准数学排版语法，兼容 Overleaf、TeXmaker 和 Markdown 编辑器
+- **MathML** — 基于 XML 的格式，适用于网页和屏幕阅读器
+
+### 文档格式
+- **Markdown** — 可直接粘贴到 Markdown 文件中，包含内联数学符号
+- **Word (DOCX)** — 可编辑的 Word 文档，公式格式完整
+
+### 图片格式
+- **PNG** — 高分辨率渲染的公式图片
+
+## 格式对比
+
+| 格式 | 最适合 | 可编辑 | 网页就绪 |
+|------|--------|--------|---------|
+| LaTeX | 论文、Markdown | 是 | 需 MathJax |
+| MathML | 网站、无障碍 | 是 | 原生支持 |
+| Markdown | 笔记、文档 | 是 | 需渲染器 |
+| Word | 作业 | 是 | 否 |
+| PNG | 分享 | 否 | 是 |