diff --git a/apps/docs/app/page.tsx b/apps/docs/app/page.tsx
index d821d7c35..3b22dfc58 100644
--- a/apps/docs/app/page.tsx
+++ b/apps/docs/app/page.tsx
@@ -1,13 +1,10 @@
 import { source } from "@/lib/source";
-import {
-  DocsPage,
-  DocsBody,
-  DocsDescription,
-  DocsTitle,
-} from "fumadocs-ui/page";
+import { DocsPage, DocsBody } from "fumadocs-ui/page";
 import { notFound } from "next/navigation";
 import defaultMdxComponents from "fumadocs-ui/mdx";
 import type { Metadata } from "next";
+import { DocsHero } from "@/components/hero";
+import { Byline, NumberedCards, NumberedCard, NumberedSteps, Step } from "@/components/editorial";
 
 export default function Page() {
   const page = source.getPage([]);
@@ -17,10 +14,26 @@ export default function Page() {
 
   return (
     <DocsPage toc={page.data.toc}>
-      <DocsTitle>{page.data.title}</DocsTitle>
-      <DocsDescription>{page.data.description}</DocsDescription>
+      <DocsHero
+        eyebrow="Multica 文档"
+        title={
+          <>
+            人与智能体，<em className="font-medium not-italic text-[var(--primary)]">共处一方。</em>
+          </>
+        }
+        subtitle={page.data.description}
+      />
+      <Byline items={["开始使用", "2026 年 4 月更新", "阅读约 6 分钟"]} />
       <DocsBody>
-        <MDX components={{ ...defaultMdxComponents }} />
+        <MDX
+          components={{
+            ...defaultMdxComponents,
+            NumberedCards,
+            NumberedCard,
+            NumberedSteps,
+            Step,
+          }}
+        />
       </DocsBody>
     </DocsPage>
   );
diff --git a/apps/docs/content/docs/index.mdx b/apps/docs/content/docs/index.mdx
index e620c175b..a298044df 100644
--- a/apps/docs/content/docs/index.mdx
+++ b/apps/docs/content/docs/index.mdx
@@ -3,10 +3,9 @@ title: 欢迎
 description: 一个任务协作平台——人类和 AI 智能体在同一个工作区里共同工作。
 ---
 
-import { Cards, Card } from "fumadocs-ui/components/card";
 import { Callout } from "fumadocs-ui/components/callout";
 
-Multica 是一个任务协作平台，让人类和 AI 智能体在同一个工作区里共同工作。你可以像给同事派活一样，把一个任务分配给智能体——由它去执行、汇报进展、在评论里回复你；也可以打开聊天窗口直接和它对话，让它帮你起草任务、回答问题、或完成一次性请求。
+Multica 是一个任务协作平台，让人类和 AI [智能体](/agents) 在同一个 [工作区](/workspaces) 里共同工作。你可以像给同事派活一样，[把一个任务分配给智能体](/assigning-issues) ——由它去执行、汇报进展、在评论里回复你；也可以[打开聊天窗口直接和它对话](/chat)，让它帮你起草任务、回答问题、或完成一次性请求。
 
 这一页讲清楚智能体在哪里运行，以及你有哪几种方式开始使用 Multica。
 
@@ -14,7 +13,7 @@ Multica 是一个任务协作平台，让人类和 AI 智能体在同一个工
 
 智能体执行任务**不**发生在 Multica 服务器上。目前 Multica 支持一种运行方式：
 
-- **本地守护进程** — 你在自己的机器上运行 `multica daemon`，由它调用本地安装的 AI 编程工具。目前内置十种：Claude Code、Codex、Cursor、Copilot、Gemini、Hermes、Kimi、OpenCode、OpenClaw、Pi。你的 API 密钥、工具链、代码目录都保留在本地。
+- **本地 [守护进程](/daemon-runtimes)** — 你在自己的机器上运行 `multica daemon`，由它调用本地安装的 [AI 编程工具](/providers)。目前内置十种：[Claude Code](/providers#claude-code)、[Codex](/providers#codex)、[Cursor](/providers#cursor)、[Copilot](/providers#copilot)、[Gemini](/providers#gemini)、[Hermes](/providers#hermes)、[Kimi](/providers#kimi)、[OpenCode](/providers#opencode)、[OpenClaw](/providers#openclaw)、[Pi](/providers#pi)。你的 API 密钥、工具链、代码目录都保留在本地。
 
 <Callout type="info">
 **云端运行时即将开放**，目前处于等待名单阶段。上线后，你无需在本地运行守护进程，即可在 Multica Cloud 上直接执行智能体任务。在 [下载页面](https://multica.ai/download) 登记邮箱以获取通知。
@@ -24,19 +23,28 @@ Multica 是一个任务协作平台，让人类和 AI 智能体在同一个工
 
 前两张卡是**后端选择**——Multica 服务器运行在哪里；第三张是**客户端选择**——你从哪个界面使用。桌面应用可以搭配前两种后端中的任意一种。
 
-<Cards>
-  <Card title="Multica Cloud" href="/cloud-quickstart">
+<NumberedCards>
+  <NumberedCard number="01" title="Multica Cloud" href="/cloud-quickstart" tag="等待名单">
     托管后端。安装命令行工具并在本地运行守护进程，连接到 Multica 托管的服务器。约 5 分钟完成。
-  </Card>
-  <Card title="自部署" href="/self-host-quickstart">
+  </NumberedCard>
+  <NumberedCard number="02" title="自部署" href="/self-host-quickstart" tag="Docker · Helm">
     用 Docker Compose 在自己的服务器上运行完整后端。数据库、服务器、存储都在你自己的基础设施上。
-  </Card>
-  <Card title="桌面应用" href="/desktop-app">
+  </NumberedCard>
+  <NumberedCard number="03" title="桌面应用" href="/desktop-app" tag="推荐">
     原生多标签窗口。内置命令行工具并在启动时自动拉起守护进程——安装后无需运行任何命令即可使用。可连接 Multica Cloud 或你自部署的后端。
-  </Card>
-</Cards>
+  </NumberedCard>
+</NumberedCards>
 
 ## 下一步
 
-- 想先理解运行模型：[Multica 是如何工作的](/how-multica-works)
-- 想立刻动手：从上方三种使用方式中选一种
+<NumberedSteps>
+  <Step number="01" title="先理解运行模型">
+    [Multica 是怎么工作的](/how-multica-works) — 30 秒读完，把"server 不跑 agent，agent 跑在你本地"这件事一次讲透。
+  </Step>
+  <Step number="02" title="挑一种使用方式开始">
+    上面三种里选一种——大多数人从 [桌面应用](/desktop-app) 起步，零命令行配置，5 分钟跑起来。
+  </Step>
+  <Step number="03" title="派出第一个任务">
+    创建一个 [Issue](/issues)，把执行人选成智能体而不是同事。等它来交活。
+  </Step>
+</NumberedSteps>