diff --git a/.gitignore b/.gitignore
index aa7478ff..0b7d94d3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,7 +8,6 @@ node_modules
 #build
 /dist/
 /dist-doc-only/
-/dist-doc-embedded/
 
 # CI/本地经 downloadFile.js 下载生成的 Agent 配置页(downloadFile.json)
 /docs/07-configuration/
@@ -17,7 +16,7 @@ node_modules
 # vitepress
 .vitepress/cache/
 /cache/
-
-# Local preview and design files
-/.impeccable.md
-/docs/zh/markdown-style-preview.md
+
+# Local preview and design files
+/.impeccable.md
+/docs/zh/markdown-style-preview.md
diff --git a/.vitepress/config.mts b/.vitepress/config.mts
index 34fb3470..a55e8ab1 100644
--- a/.vitepress/config.mts
+++ b/.vitepress/config.mts
@@ -11,15 +11,13 @@ import { legacyLinks } from './markdown/legacy-links'
 const GITHUB_DOCS = 'https://github.com/deepflowio/docs'
 
 // 构建变体(由 package.json 的 dev:doc-only / build:doc-only /
-// preview:doc-only 注入 DOCS_MODE=doc-only;产品内嵌模式为 doc-embedded):
+// preview:doc-only 注入 DOCS_MODE=doc-only):
 //   默认    —— 供主站嵌入,全站导航栏/页脚始终隐藏(产物 dist);
 //   doc-only —— 独立文档站,渲染 doc 专属顶栏(DocHeader)、无页脚
-//              (产物 dist-doc-only);
-//   doc-embedded —— 产品内嵌文档,无 Logo/站名,搜索位于左侧,正文顶距 32px
-//              (产物 dist-doc-embedded)。差异均由构建期写进 head 的
-//              html 类标记驱动,见下方 head 与 theme/custom.css
+//              (产物 dist-doc-only)。产品内嵌同一份产物:页面在 iframe
+//              中打开时 head 脚本标记 embedded,custom.css 据此去掉
+//              顶栏品牌区并把搜索移到左侧(见下方 head 与 theme/custom.css)
 const DOC_ONLY = process.env.DOCS_MODE === 'doc-only'
-const DOC_EMBEDDED = process.env.DOCS_MODE === 'doc-embedded'
 
 export default withMermaid(
   defineConfig({
@@ -31,8 +29,8 @@ export default withMermaid(
     srcDir: 'docs',
     // 产物输出到仓库根 dist(默认是 .vitepress/dist),与 Dockerfile 的 COPY ./dist
     // 及 df-help 企业版 CI 的 mv ./docs/dist/* 对齐;doc-only 变体单独输出到
-    // dist-doc-only / dist-doc-embedded,避免不同形态互相覆盖
-    outDir: DOC_EMBEDDED ? 'dist-doc-embedded' : DOC_ONLY ? 'dist-doc-only' : 'dist',
+    // dist-doc-only,避免两种形态互相覆盖
+    outDir: DOC_ONLY ? 'dist-doc-only' : 'dist',
     base: '/docs/',
     // 主题默认 dark(旧站观感)。'dark' 下 VitePress 优先读 localStorage
     // (vitepress-theme-appearance),无记录时回退此默认值,切换时写回;
@@ -103,21 +101,19 @@ export default withMermaid(
       ['meta', { name: 'theme-color', content: '#0a72ef' }],
       // html 类标记(内联在 head 中于首帧前执行,无闪烁),配合
       // theme/custom.css 控制全站 chrome 的显隐:
-      //   - embedded:隐藏全站导航栏/页脚(SiteNavbar/SiteFooter)并清空其
-      //     占位。首行的 iframe 检测保留(参考 eaf3930)——后续若恢复
-      //     "仅 iframe 嵌入时隐藏"的策略,删掉下方无条件标记即可;
-      //     目前常规构建也始终隐藏
-      //   - doc-only:独立站与产品内嵌变体共用,恢复 doc 专属顶栏(DocHeader)
-      //     的高度占位,页脚保持隐藏
-      //   - doc-embedded:产品内嵌变体添加,在共用布局上调整品牌区和间距
+      //   - embedded:真实 iframe 环境(head 首行检测,参考 eaf3930)。常规
+      //     构建供主站嵌入、无论如何都隐藏全站导航栏/页脚,故额外无条件
+      //     标记;doc-only 构建则只在真的嵌入 iframe(产品内嵌文档)时
+      //     带上此类,custom.css 据此微调 doc 专属顶栏
+      //   - doc-only:doc-only 变体添加,恢复 doc 专属顶栏(DocHeader)的
+      //     高度占位,页脚保持隐藏
       [
         'script',
         {},
         [
           "if (window.self !== window.top) document.documentElement.classList.add('embedded');",
-          "document.documentElement.classList.add('embedded');",
-          DOC_ONLY || DOC_EMBEDDED ? "document.documentElement.classList.add('doc-only');" : '',
-          DOC_EMBEDDED ? "document.documentElement.classList.add('doc-embedded');" : ''
+          DOC_ONLY ? '' : "document.documentElement.classList.add('embedded');",
+          DOC_ONLY ? "document.documentElement.classList.add('doc-only');" : ''
         ]
           .filter(Boolean)
           .join('')
diff --git a/.vitepress/theme/components/DocBreadcrumb.vue b/.vitepress/theme/components/DocBreadcrumb.vue
index c19e32ef..f12954a7 100644
--- a/.vitepress/theme/components/DocBreadcrumb.vue
+++ b/.vitepress/theme/components/DocBreadcrumb.vue
@@ -61,7 +61,6 @@ const parents = computed(() => crumbs.value.slice(0, -1))
   max-width: var(--df-md-reading-width);
   margin: 0 auto 28px;
   color: var(--df-md-text-3);
-  font-family: var(--df-md-font-sans);
   font-size: 13px;
   line-height: 1.6;
   overflow-wrap: anywhere;
diff --git a/.vitepress/theme/components/DocHeader.vue b/.vitepress/theme/components/DocHeader.vue
index e076ac13..2d78dcc7 100644
--- a/.vitepress/theme/components/DocHeader.vue
+++ b/.vitepress/theme/components/DocHeader.vue
@@ -93,13 +93,14 @@
 
 <script setup lang="ts">
 import { computed, ref } from 'vue'
-import { useData, useRouter } from 'vitepress'
-import darkLogo from '../assets/docs-logo-dark.png'
-import lightLogo from '../assets/docs-logo-light.png'
+import { useData, useRouter, withBase } from 'vitepress'
 
 const { lang, site, isDark } = useData()
 const router = useRouter()
 const base = site.value.base // '/docs/'
+// 深色图案用于浅色主题,浅色图案用于深色主题(统一存放于 public/img)
+const darkLogo = withBase('/img/docs-logo-dark.png')
+const lightLogo = withBase('/img/docs-logo-light.png')
 
 const isZh = computed(() => lang.value?.startsWith('zh'))
 const currentType = computed(() => (isZh.value ? 'zh' : 'en'))
diff --git a/.vitepress/theme/custom.css b/.vitepress/theme/custom.css
index fb6d4e44..c0c4188d 100644
--- a/.vitepress/theme/custom.css
+++ b/.vitepress/theme/custom.css
@@ -34,13 +34,13 @@
 
 /* ===== embedded:全站 chrome 隐藏(参考 eaf3930) =====
    <html> 带 embedded 类时隐藏全站导航栏(SiteNavbar)/页脚(SiteFooter)
-   并清空其占位间距;移动端以内容区左上角的悬浮按钮
-   (EmbeddedSidebarButton,doc-top 插槽)展开侧边栏。
-   该类由 head 内联脚本标记(见 config.mts):iframe 检测保留,但目前
-   常规构建也无条件标记,即导航栏/页脚始终隐藏;doc-only 变体在此基础上
-   通过 doc-only 类恢复 doc 专属顶栏(见下方 doc-only 段) */
-html.embedded .df-navbar,
-html.embedded .df-footer {
+   并清空其占位间距;移动端以面包屑同行的目录按钮
+   (EmbeddedSidebarButton,doc-before 插槽)展开侧边栏。
+   该类由 head 内联脚本标记(见 config.mts):常规构建无条件标记(主站
+   嵌入形态,始终隐藏);doc-only 变体仅在真实 iframe 环境(产品内嵌
+   文档)标记,独立访问时不带此类,导航栏/页脚由下方 doc-only 段隐藏 */
+html:is(.embedded, .doc-only) .df-navbar,
+html:is(.embedded, .doc-only) .df-footer {
   display: none;
 }
 html.embedded {
@@ -49,8 +49,9 @@ html.embedded {
   --df-nav-height-mobile: 0px;
 }
 /* 嵌入式下隐藏"菜单"吸顶条:桌面端侧边栏常驻可见无需它,
-   移动端由悬浮按钮承担(该条隐藏后其菜单按钮仍在 DOM 中,供程序化点击) */
-html.embedded .VPLocalNav {
+   移动端由目录按钮承担(该条隐藏后其菜单按钮仍在 DOM 中,供程序化点击)。
+   doc-only 变体同样隐藏,保持独立站与产品内嵌一致的观感 */
+html:is(.embedded, .doc-only) .VPLocalNav {
   display: none;
 }
 /* 嵌入式桌面端导航高度归零后侧边栏内容会顶到视口边缘,
@@ -69,21 +70,23 @@ html.embedded .Layout .VPHero.VPHero {
   html.embedded .VPContent {
     padding-top: 48px;
   }
-  html.embedded .embedded-sidebar-button {
+  html:is(.embedded, .doc-only) .embedded-sidebar-button {
     display: flex;
   }
   /* 侧边栏展开后隐藏按钮,通过点击蒙层关闭 */
-  html.embedded:has(.VPSidebar.open) .embedded-sidebar-button {
+  html:is(.embedded, .doc-only):has(.VPSidebar.open) .embedded-sidebar-button {
     display: none;
   }
 }
 
 /* ===== doc-only 变体(build:doc-only,独立文档站形态) =====
-   该形态下 <html> 同时带 embedded 与 doc-only 类(构建期写死,见
-   config.mts 的 head 脚本):复用上方 embedded 的导航栏/页脚隐藏与占位
-   清零,页脚保持隐藏;doc 专属顶栏(DocHeader,layout-top 插槽)为固定
+   该形态下 <html> 带 doc-only 类(构建期写死,见 config.mts 的 head
+   脚本):站点导航栏/页脚的隐藏已并入上方 embedded 段(:is 选择器),
+   页脚保持隐藏;doc 专属顶栏(DocHeader,layout-top 插槽)为固定
    定位,其高度写回 --vp-nav-height / --df-nav-height-mobile 后,内容区/
-   侧边栏/首页 hero 的顶部留白机制与 SiteNavbar 在位时一致 */
+   侧边栏/首页 hero 的顶部留白机制与 SiteNavbar 在位时一致。
+   产品内嵌同一份产物:页面在 iframe 中打开时 head 脚本追加 embedded
+   类,顶栏去掉品牌区、搜索移到左侧(见本段末尾) */
 html.doc-only {
   --df-doc-header-height: 64px;
   --vp-nav-height: var(--df-doc-header-height);
@@ -132,6 +135,22 @@ html.doc-only .sidebar-actions {
   }
 }
 
+/* ===== 产品内嵌(doc-only 产物在 iframe 中打开) =====
+   embedded 类由 head 内联脚本在真实 iframe 环境下添加(首帧前,无闪烁):
+   顶栏去掉 Logo/站名,搜索从居中移到左侧 */
+html.doc-only.embedded .doc-header .doc-brand {
+  display: none;
+}
+
+html.doc-only.embedded .doc-header .doc-header-inner {
+  grid-template-columns: minmax(0, 1fr) auto;
+}
+
+html.doc-only.embedded .doc-header .doc-search-trigger {
+  justify-self: start;
+  width: min(320px, 100%);
+}
+
 /* ===== 首页:对齐旧版 vdoing Home 布局 =====
    覆盖默认主题组件的 scoped 样式,选择器多带一层祖先保证优先级 */
 .VPHero .container {
@@ -209,3 +228,8 @@ html.doc-only .sidebar-actions {
 .vp-doc .mermaid svg {
   max-width: 100%;
 }
+
+
+.medium-zoom-overlay, .medium-zoom-image--opened {
+  z-index: 100;
+}
\ No newline at end of file
diff --git a/.vitepress/theme/doc-embedded.css b/.vitepress/theme/doc-embedded.css
deleted file mode 100644
index 2e33b91e..00000000
--- a/.vitepress/theme/doc-embedded.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/* Product iframe build: reuse the doc-only header and navigation controls.
-   This class is set in head before the first frame, including outside an iframe. */
-html.doc-embedded .doc-header .doc-brand {
-  display: none;
-}
-
-html.doc-embedded .doc-header .doc-header-inner {
-  grid-template-columns: minmax(0, 1fr) auto;
-}
-
-html.doc-embedded .doc-header .doc-search-trigger {
-  justify-self: start;
-  width: min(320px, 100%);
-}
diff --git a/.vitepress/theme/document-ui.css b/.vitepress/theme/document-ui.css
index aa0a0dbf..6dffee30 100644
--- a/.vitepress/theme/document-ui.css
+++ b/.vitepress/theme/document-ui.css
@@ -4,98 +4,95 @@
   --df-doc-layout-width: 1360px;
   --df-doc-side-space: max(24px, calc((100vw - var(--df-doc-layout-width)) / 2));
   --df-doc-top-space: 32px;
-  --vp-font-family-base: var(--df-md-font-sans);
-  --vp-font-family-mono: var(--df-md-font-mono);
   font-weight: var(--df-md-font-normal);
 }
 
 /* Count the header height once, then apply the same content gap at every width.
    Builds without a visible header use a zero navigation height. */
-.Layout:has(.VPDoc) .VPContent {
+.Layout .VPContent.has-sidebar {
   padding-top: var(--vp-nav-height);
 }
 
-.Layout:has(.VPDoc) .VPDoc {
+.Layout .VPDoc {
   padding-top: var(--df-doc-top-space);
 }
 
-.Layout:has(.VPDoc) .VPDoc > .container > .content {
+.Layout .VPDoc > .container > .content {
   min-width: 0;
 }
 
-.Layout:has(.VPDoc) .VPDoc .content-container {
+.Layout .VPDoc .content-container {
   max-width: var(--df-md-reading-width);
 }
 
-.Layout:has(.VPDoc) .VPDoc > .container {
+.Layout .VPDoc > .container {
   max-width: 1056px;
 }
 
-.Layout:has(.VPDoc) .VPDoc .aside {
+.Layout .VPDoc .aside {
   max-width: 240px;
   padding-left: 40px;
 }
 
-.Layout:has(.VPDoc) .VPDoc .aside-container,
-.Layout:has(.VPDoc) .VPDoc .aside-curtain {
+.Layout .VPDoc .aside-container,
+.Layout .VPDoc .aside-curtain {
   width: 200px;
 }
 
-.Layout:has(.VPDoc) .VPDoc .aside-container {
+.Layout .VPDoc .aside-container {
   padding-top: calc(var(--vp-nav-height) + var(--df-doc-top-space));
 }
 
-.Layout:has(.VPDoc) .VPDocAsideOutline > .content {
+.Layout .VPDoc .VPDocAsideOutline > .content {
   padding: 0 0 0 16px;
   border-color: var(--df-md-border-1);
   font-weight: var(--df-md-font-normal);
 }
 
-.Layout:has(.VPDoc) .VPDocAsideOutline .outline-title {
+.Layout .VPDoc .VPDocAsideOutline .outline-title {
   margin-bottom: 8px;
   color: var(--df-md-text-1);
   font-weight: var(--df-md-font-strong);
 }
 
-.Layout:has(.VPDoc) .VPDocAsideOutline .outline-link {
+.Layout .VPDoc .VPDocAsideOutline .outline-link {
   color: var(--df-md-text-2);
   line-height: 28px;
   font-size: 13px;
 }
 
-.Layout:has(.VPDoc) .VPDocAsideOutline .outline-link:hover {
+.Layout .VPDoc .VPDocAsideOutline .outline-link:hover {
   color: var(--df-md-text-1);
 }
 
-.Layout:has(.VPDoc) .VPDocAsideOutline .outline-link.active {
+.Layout .VPDoc .VPDocAsideOutline .outline-link.active {
   color: var(--df-md-text-1);
   font-weight: var(--df-md-font-normal);
 }
 
-.Layout:has(.VPDoc) .VPDocAsideOutline .outline-marker {
+.Layout .VPDoc .VPDocAsideOutline .outline-marker {
   background-color: var(--df-md-primary-6);
 }
 
-.Layout:has(.VPDoc) .VPSidebar {
-  font-family: var(--df-md-font-sans);
+.Layout .VPSidebar {
   border-right: 1px solid var(--df-md-layout-divider);
 }
 
-.Layout:has(.VPDoc) .VPSidebar .group {
+.Layout .VPSidebar .group {
   width: 100%;
   padding: 12px 0 0;
   border-top: 0;
 }
 
-.Layout:has(.VPDoc) .VPSidebar .group ~ .group {
+.Layout .VPSidebar .group ~ .group {
   padding-top: 0;
 }
 
-.Layout:has(.VPDoc) .VPSidebar .VPSidebarItem.level-0 {
+.Layout .VPSidebar .VPSidebarItem.level-0 {
   padding-bottom: 0;
 }
 
-.Layout:has(.VPDoc) .VPSidebar .VPSidebarItem.level-0 > .item .text {
+.Layout .VPSidebar .VPSidebarItem.level-0 > .item .text {
   padding: 8px 0;
   font-size: 13px;
   line-height: 20px;
@@ -103,7 +100,7 @@
   color: var(--df-md-text-2);
 }
 
-.Layout:has(.VPDoc) .VPSidebar .VPSidebarItem > .item {
+.Layout .VPSidebar .VPSidebarItem > .item {
   width: calc(100% + 8px);
   margin-left: -8px;
   padding-left: 8px;
@@ -111,72 +108,72 @@
   border-radius: 8px;
 }
 
-.Layout:has(.VPDoc) .VPSidebar .VPSidebarItem:not(.level-0) > .item .text {
+.Layout .VPSidebar .VPSidebarItem:not(.level-0) > .item .text {
   padding: 8px 8px 8px 0;
   line-height: 20px;
   font-size: 14px;
   font-weight: var(--df-md-font-normal);
 }
 
-.Layout:has(.VPDoc) .VPSidebar .VPSidebarItem > .item:hover,
-.Layout:has(.VPDoc) .VPSidebar .VPSidebarItem.is-active > .item {
+.Layout .VPSidebar .VPSidebarItem > .item:hover,
+.Layout .VPSidebar .VPSidebarItem.is-active > .item {
   background-color: var(--df-md-fill-2);
 }
 
-.Layout:has(.VPDoc) .VPSidebar .VPSidebarItem.is-active > .item .text {
+.Layout .VPSidebar .VPSidebarItem.is-active > .item .text {
   color: var(--df-md-text-1);
   font-weight: var(--df-md-font-normal);
 }
 
-.Layout:has(.VPDoc) .VPSidebar .VPSidebarItem .items {
+.Layout .VPSidebar .VPSidebarItem .items {
   border-color: var(--df-md-sidebar-guide);
 }
 
-.Layout:has(.VPDoc) .VPSidebar .VPSidebarItem.level-0 > .items {
+.Layout .VPSidebar .VPSidebarItem.level-0 > .items {
   border-left: 1px solid var(--df-md-sidebar-guide);
   padding-left: 16px;
 }
 
-.Layout:has(.VPDoc) .VPSidebar .VPSidebarItem .caret {
+.Layout .VPSidebar .VPSidebarItem .caret {
   align-self: center;
   margin-right: -7px;
   color: var(--df-md-text-3);
 }
 
-.Layout:has(.VPDoc) .VPSidebar .sidebar-actions {
+.Layout .VPSidebar .sidebar-actions {
   width: 100%;
   padding-bottom: 12px;
   border-bottom: 0;
 }
 
-.Layout:has(.VPDoc) .sidebar-actions .search-box {
+.Layout .sidebar-actions .search-box {
   border-radius: 8px;
   border-color: var(--df-md-search-border);
   background: var(--df-md-search-bg);
 }
 
-.Layout:has(.VPDoc) .sidebar-actions .search-box:hover {
+.Layout .sidebar-actions .search-box:hover {
   border-color: var(--df-md-search-hover-border);
   background: var(--df-md-search-hover-bg);
 }
 
-.Layout:has(.VPDoc) :is(.sidebar-actions, .doc-header) .search-icon,
-.Layout:has(.VPDoc) .sidebar-actions .search-box::placeholder,
-.Layout:has(.VPDoc) .doc-header .doc-search::placeholder {
+.Layout :is(.sidebar-actions, .doc-header) .search-icon,
+.Layout .sidebar-actions .search-box::placeholder,
+.Layout .doc-header .doc-search::placeholder {
   color: var(--df-md-search-text);
   opacity: 1;
 }
 
-.Layout:has(.VPDoc) .sidebar-actions .search-box:focus {
+.Layout .sidebar-actions .search-box:focus {
   border-color: var(--df-md-primary-6);
 }
 
-.Layout:has(.VPDoc) .sidebar-actions .theme-toggle {
+.Layout .sidebar-actions .theme-toggle {
   border-radius: 8px;
   border-color: var(--df-md-border-1);
 }
 
-.Layout:has(.VPDoc) .doc-header {
+.Layout .doc-header {
   border-bottom-color: var(--df-md-layout-divider);
   --vp-c-text-1: var(--df-md-text-1);
   --vp-c-text-2: var(--df-md-text-2);
@@ -185,63 +182,61 @@
   --vp-c-brand-1: var(--df-md-primary-6);
   --vp-c-bg: var(--df-md-bg-1);
   --vp-c-bg-soft: var(--df-md-fill-1);
-  font-family: var(--df-md-font-sans);
 }
 
-.Layout:has(.VPDoc) .doc-header .doc-search,
-.Layout:has(.VPDoc) .doc-header .theme-toggle,
-.Layout:has(.VPDoc) .doc-header .lang-switch-trigger {
+.Layout .doc-header .doc-search,
+.Layout .doc-header .theme-toggle,
+.Layout .doc-header .lang-switch-trigger {
   border-radius: 8px;
   border-color: var(--df-md-border-1);
 }
 
-.Layout:has(.VPDoc) .doc-header .doc-search {
+.Layout .doc-header .doc-search {
   border-color: var(--df-md-search-border);
   background: var(--df-md-search-bg);
 }
 
-.Layout:has(.VPDoc) .doc-header .doc-search:hover,
-.Layout:has(.VPDoc) .doc-header .theme-toggle:hover,
-.Layout:has(.VPDoc) .doc-header .lang-switch-trigger:hover {
+.Layout .doc-header .doc-search:hover,
+.Layout .doc-header .theme-toggle:hover,
+.Layout .doc-header .lang-switch-trigger:hover {
   border-color: var(--df-md-border-2);
   background-color: var(--df-md-fill-1);
 }
 
-.Layout:has(.VPDoc) .doc-header .doc-search:hover {
+.Layout .doc-header .doc-search:hover {
   border-color: var(--df-md-search-hover-border);
   background-color: var(--df-md-search-hover-bg);
 }
 
-.Layout:has(.VPDoc) .doc-header .doc-search:focus {
+.Layout .doc-header .doc-search:focus {
   border-color: var(--df-md-primary-6);
 }
 
-.Layout:has(.VPDoc) .VPDocFooter {
+.Layout .VPDoc .VPDocFooter {
   margin-top: 56px;
-  font-family: var(--df-md-font-sans);
 }
 
-.Layout:has(.VPDoc) .VPDocFooter .edit-link-button {
+.Layout .VPDoc .VPDocFooter .edit-link-button {
   color: var(--df-md-text-3);
   font-weight: var(--df-md-font-normal);
 }
 
-.Layout:has(.VPDoc) .VPDocFooter .edit-link-button:hover {
+.Layout .VPDoc .VPDocFooter .edit-link-button:hover {
   color: var(--df-md-primary-6);
 }
 
-.Layout:has(.VPDoc) .VPDocFooter .VPLastUpdated {
+.Layout .VPDoc .VPDocFooter .VPLastUpdated {
   color: var(--df-md-text-3);
   font-size: 13px;
   font-weight: var(--df-md-font-normal);
 }
 
-.Layout:has(.VPDoc) .VPDocFooter .prev-next {
+.Layout .VPDoc .VPDocFooter .prev-next {
   border-color: var(--df-md-border-1);
   padding-top: 24px;
 }
 
-.Layout:has(.VPDoc) .VPDocFooter .pager-link {
+.Layout .VPDoc .VPDocFooter .pager-link {
   padding: 16px 20px;
   border-color: var(--df-md-border-1);
   border-radius: 12px;
@@ -249,50 +244,50 @@
   transition: background-color 0.2s, border-color 0.2s;
 }
 
-.Layout:has(.VPDoc) .VPDocFooter .pager-link:hover {
+.Layout .VPDoc .VPDocFooter .pager-link:hover {
   border-color: var(--df-md-border-2);
   background-color: var(--df-md-fill-1);
 }
 
-.Layout:has(.VPDoc) .VPDocFooter .pager-link .desc {
+.Layout .VPDoc .VPDocFooter .pager-link .desc {
   margin-bottom: 8px;
   color: var(--df-md-text-3);
   font-size: 13px;
   font-weight: var(--df-md-font-normal);
 }
 
-.Layout:has(.VPDoc) .VPDocFooter .pager-link .title {
+.Layout .VPDoc .VPDocFooter .pager-link .title {
   color: var(--df-md-text-1);
   font-size: 16px;
   line-height: 1.5;
   font-weight: 500;
 }
 
-.Layout:has(.VPDoc) .VPDocFooter .pager-link:hover .title {
+.Layout .VPDoc .VPDocFooter .pager-link:hover .title {
   color: var(--df-md-primary-6);
 }
 
-.Layout:has(.VPDoc) .embedded-sidebar-button,
-.Layout:has(.VPDoc) :is(.sidebar-actions, .doc-header) .theme-toggle {
+.Layout .VPDoc .embedded-sidebar-button,
+.Layout :is(.sidebar-actions, .doc-header) .theme-toggle {
   color: var(--df-md-text-2);
   background: var(--df-md-search-bg);
   border-color: var(--df-md-search-border);
 }
 
-.Layout:has(.VPDoc) .embedded-sidebar-button:hover,
-.Layout:has(.VPDoc) :is(.sidebar-actions, .doc-header) .theme-toggle:hover {
+.Layout .VPDoc .embedded-sidebar-button:hover,
+.Layout :is(.sidebar-actions, .doc-header) .theme-toggle:hover {
   color: var(--df-md-text-1);
   background: var(--df-md-search-hover-bg);
   border-color: var(--df-md-search-hover-border);
 }
 
-.Layout:has(.VPDoc) .embedded-sidebar-button:focus-visible,
-.Layout:has(.VPDoc) :is(.sidebar-actions, .doc-header) .theme-toggle:focus-visible {
+.Layout .VPDoc .embedded-sidebar-button:focus-visible,
+.Layout :is(.sidebar-actions, .doc-header) .theme-toggle:focus-visible {
   outline: 2px solid var(--df-md-primary-6);
   outline-offset: 2px;
 }
 
-.Layout:has(.VPDoc) .doc-heading-row {
+.Layout .VPDoc .doc-heading-row {
   position: relative;
   display: flex;
   align-items: center;
@@ -301,13 +296,13 @@
   margin: 0 auto 28px;
 }
 
-.Layout:has(.VPDoc) .doc-heading-row .doc-breadcrumb {
+.Layout .VPDoc .doc-heading-row .doc-breadcrumb {
   flex: 1;
   min-width: 0;
   margin: 0;
 }
 
-.Layout:has(.VPDoc) .doc-heading-row .embedded-sidebar-button {
+.Layout .VPDoc .doc-heading-row .embedded-sidebar-button {
   position: absolute;
   top: 50%;
   /* Keep the menu at the viewport's left edge beside the centered reading column. */
@@ -317,38 +312,38 @@
 }
 
 @media (max-width: 959px) {
-  .Layout:has(.VPDoc) .doc-heading-row {
+  .Layout .VPDoc .doc-heading-row {
     min-height: 34px;
     margin-bottom: 24px;
   }
 
-  html.embedded .Layout:has(.VPDoc) .doc-heading-row .doc-breadcrumb {
+  html:is(.embedded, .doc-only) .Layout .doc-heading-row .doc-breadcrumb {
     /* Reserve space only when the centered column approaches the menu button. */
     padding-left: max(0px, calc(58px - (100vw - 100%) / 2));
   }
 }
 
-.Layout:has(.VPDoc) :is(.VPSidebar, .VPDocFooter, .doc-header, .embedded-sidebar-button) :is(a, button):focus-visible {
+.Layout :is(.VPSidebar, .VPDocFooter, .doc-header, .embedded-sidebar-button) :is(a, button):focus-visible {
   outline: 2px solid var(--df-md-primary-6);
   outline-offset: 2px;
 }
 
 @media (min-width: 960px) {
   /* Center the sidebar, reading column and outline using the same outer gutters. */
-  .Layout:has(.VPDoc) .VPContent.has-sidebar {
+  .Layout .VPContent.has-sidebar {
     padding-left: calc(var(--df-doc-side-space) + var(--vp-sidebar-width));
     padding-right: var(--df-doc-side-space);
   }
 
-  .Layout:has(.VPDoc) .VPDoc {
+  .Layout .VPDoc {
     padding: var(--df-doc-top-space) 24px 0;
   }
 
-  .Layout:has(.VPDoc) .VPDoc > .container > .content {
+  .Layout .VPDoc > .container > .content {
     padding: 0 16px 96px;
   }
 
-  .Layout:has(.VPDoc) .VPSidebar {
+  .Layout .VPSidebar {
     left: var(--df-doc-side-space);
     width: var(--vp-sidebar-width);
     padding-left: 24px;
@@ -357,37 +352,37 @@
 
   /* Exclude both 24px paddings and the 1px divider; keep this width when
      a vertical scrollbar reduces the sidebar's available content width. */
-  .Layout:has(.VPDoc) .VPSidebar .nav {
+  .Layout .VPSidebar .nav {
     width: calc(var(--vp-sidebar-width) - 48px - 1px);
   }
 
   /* Align the first label with the breadcrumb after the group's 12px
      top padding and the label's 8px top padding. */
-  html.doc-only .Layout:has(.VPDoc) .VPSidebar .nav {
+  html.doc-only .Layout .VPSidebar .nav {
     padding-top: calc(var(--df-doc-top-space) - 12px - 8px);
   }
 }
 
 @media (min-width: 1280px) {
-  .Layout:has(.VPDoc) .VPDoc > .container > .content {
+  .Layout .VPDoc > .container > .content {
     flex: 1 1 680px;
     max-width: 744px;
   }
 }
 
 @media (max-width: 639px) {
-  .Layout:has(.VPDoc) .VPDoc {
+  .Layout .VPDoc {
     padding-left: 24px;
     padding-right: 24px;
   }
 
-  .Layout:has(.VPDoc) .VPDocFooter .pager-link {
+  .Layout .VPDoc .VPDocFooter .pager-link {
     padding: 14px 16px;
   }
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .Layout:has(.VPDoc) *,
+  .Layout *,
   .VPLocalSearchBox * {
     scroll-behavior: auto;
     transition-duration: 0.01ms;
diff --git a/.vitepress/theme/index.ts b/.vitepress/theme/index.ts
index 1a3cc0d0..6e41fe51 100644
--- a/.vitepress/theme/index.ts
+++ b/.vitepress/theme/index.ts
@@ -13,7 +13,6 @@ import './custom.css'
 import './markdown.css'
 import './document-ui.css'
 import './search.css'
-import './doc-embedded.css'
 
 export default {
   extends: DefaultTheme,
diff --git a/.vitepress/theme/markdown.css b/.vitepress/theme/markdown.css
index 20ddca3f..1c1d1243 100644
--- a/.vitepress/theme/markdown.css
+++ b/.vitepress/theme/markdown.css
@@ -1,7 +1,5 @@
 /* Documentation colors sampled from LobeHub docs (light and dark modes). */
 :root {
-  --df-md-font-sans: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, "HarmonyOS Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
-  --df-md-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, "Cascadia Code", Consolas, "Liberation Mono", monospace;
   --df-md-font-normal: 400;
   --df-md-font-strong: 600;
   --df-md-font-heading: 700;
@@ -118,7 +116,7 @@ body:has(.VPDoc) {
   --shadow-1: none;
 }
 
-.Layout:has(.VPDoc) .VPDoc {
+.Layout .VPDoc {
   --vp-c-brand-1: var(--df-md-primary-link);
   --vp-c-brand-2: var(--df-md-link-hover);
   --vp-c-text-1: var(--df-md-text-1);
@@ -127,10 +125,9 @@ body:has(.VPDoc) {
   --vp-c-divider: var(--df-md-border-1);
   --vp-c-border: var(--df-md-border-2);
   --vp-c-bg-soft: var(--df-md-fill-1);
-  font-family: var(--df-md-font-sans);
 }
 
-.Layout:has(.VPDoc) .vp-doc {
+.Layout .vp-doc {
   --vp-code-font-size: 1em;
   --vp-code-line-height: 1.8;
   --vp-code-color: var(--df-md-text-1);
@@ -155,14 +152,14 @@ body:has(.VPDoc) {
   --vp-code-copy-code-hover-border-color: var(--df-md-primary-6);
   --vp-code-copy-code-hover-bg: var(--df-md-fill-2);
   color: var(--df-md-text-1);
-  font-family: var(--df-md-font-sans);
+  font-family: "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
   font-weight: var(--df-md-font-normal);
   font-size: 16px;
   line-height: 1.8;
   overflow-wrap: break-word;
 }
 
-.Layout:has(.VPDoc) .vp-doc .df-md-kicker {
+.Layout .vp-doc .df-md-kicker {
   margin: 0 0 16px;
   color: var(--df-md-primary-link);
   font-size: 12px;
@@ -171,28 +168,28 @@ body:has(.VPDoc) {
   line-height: 1.5;
 }
 
-.Layout:has(.VPDoc) .vp-doc h1,
-.Layout:has(.VPDoc) .vp-doc h2,
-.Layout:has(.VPDoc) .vp-doc h3,
-.Layout:has(.VPDoc) .vp-doc h4,
-.Layout:has(.VPDoc) .vp-doc h5,
-.Layout:has(.VPDoc) .vp-doc h6 {
+.Layout .vp-doc h1,
+.Layout .vp-doc h2,
+.Layout .vp-doc h3,
+.Layout .vp-doc h4,
+.Layout .vp-doc h5,
+.Layout .vp-doc h6 {
   color: var(--df-md-text-1);
   font-weight: var(--df-md-font-heading);
   letter-spacing: normal;
 }
 
-.Layout:has(.VPDoc) .vp-doc h1 {
+.Layout .vp-doc h1 {
   margin: 0 0 24px;
   font-size: 40px;
   line-height: 1.25;
 }
 
-.Layout:has(.VPDoc) .vp-doc h1 ~ h1 {
+.Layout .vp-doc h1 ~ h1 {
   margin-top: 48px;
 }
 
-.Layout:has(.VPDoc) .vp-doc h2 {
+.Layout .vp-doc h2 {
   --df-md-heading-padding-top: 0px;
   margin: 40px 0 20px;
   padding-top: var(--df-md-heading-padding-top);
@@ -201,44 +198,44 @@ body:has(.VPDoc) {
   line-height: 1.25;
 }
 
-.Layout:has(.VPDoc) .vp-doc h2 .header-anchor {
+.Layout .vp-doc h2 .header-anchor {
   top: var(--df-md-heading-padding-top);
 }
 
-.Layout:has(.VPDoc) .vp-doc h3 {
+.Layout .vp-doc h3 {
   margin: 32px 0 16px;
   font-size: 24px;
   line-height: 1.25;
 }
 
-.Layout:has(.VPDoc) .vp-doc h4 {
+.Layout .vp-doc h4 {
   margin: 28px 0 12px;
   font-size: 20px;
   line-height: 1.4;
 }
 
-.Layout:has(.VPDoc) .vp-doc h5,
-.Layout:has(.VPDoc) .vp-doc h6 {
+.Layout .vp-doc h5,
+.Layout .vp-doc h6 {
   margin: 24px 0 12px;
   font-size: 16px;
   line-height: 1.5;
 }
 
-.Layout:has(.VPDoc) .vp-doc p,
-.Layout:has(.VPDoc) .vp-doc li {
+.Layout .vp-doc p,
+.Layout .vp-doc li {
   line-height: 1.8;
 }
 
-.Layout:has(.VPDoc) .vp-doc p {
+.Layout .vp-doc p {
   margin: 16px 0;
 }
 
-.Layout:has(.VPDoc) .vp-doc strong {
+.Layout .vp-doc strong {
   color: var(--df-md-text-1);
   font-weight: var(--df-md-font-strong);
 }
 
-.Layout:has(.VPDoc) .vp-doc a:not(.header-anchor) {
+.Layout .vp-doc a:not(.header-anchor) {
   color: var(--df-md-primary-link);
   font-weight: inherit;
   text-decoration-color: var(--df-md-primary-link);
@@ -246,19 +243,19 @@ body:has(.VPDoc) {
   text-underline-offset: 3px;
 }
 
-.Layout:has(.VPDoc) .vp-doc a:not(.header-anchor):hover {
+.Layout .vp-doc a:not(.header-anchor):hover {
   color: var(--df-md-link-hover);
   text-decoration-color: var(--df-md-link-hover);
 }
 
-.Layout:has(.VPDoc) .vp-doc a:focus-visible,
-.Layout:has(.VPDoc) .vp-doc button:focus-visible,
-.Layout:has(.VPDoc) .vp-doc .vp-code-group input:focus-visible + label {
+.Layout .vp-doc a:focus-visible,
+.Layout .vp-doc button:focus-visible,
+.Layout .vp-doc .vp-code-group input:focus-visible + label {
   outline: 2px solid var(--df-md-primary-6);
   outline-offset: 3px;
 }
 
-.Layout:has(.VPDoc) .vp-doc :not(pre) > code {
+.Layout .vp-doc :not(pre) > code {
   padding: 0.14em 0.34em;
   border: 1px solid var(--df-md-inline-code-border);
   border-radius: 4px;
@@ -269,44 +266,44 @@ body:has(.VPDoc) {
   overflow-wrap: break-word;
 }
 
-.Layout:has(.VPDoc) .vp-doc blockquote {
+.Layout .vp-doc blockquote {
   margin: 24px 0;
   padding: 8px 0 8px 16px;
   border-left: 2px solid var(--df-md-border-3);
   color: var(--df-md-text-2);
 }
 
-.Layout:has(.VPDoc) .vp-doc blockquote p {
+.Layout .vp-doc blockquote p {
   color: inherit;
 }
 
-.Layout:has(.VPDoc) .vp-doc blockquote > :first-child {
+.Layout .vp-doc blockquote > :first-child {
   margin-top: 0;
 }
 
-.Layout:has(.VPDoc) .vp-doc blockquote > :last-child {
+.Layout .vp-doc blockquote > :last-child {
   margin-bottom: 0;
 }
 
-.Layout:has(.VPDoc) .vp-doc ul,
-.Layout:has(.VPDoc) .vp-doc ol {
+.Layout .vp-doc ul,
+.Layout .vp-doc ol {
   padding-left: 1.4em;
 }
 
-.Layout:has(.VPDoc) .vp-doc li {
+.Layout .vp-doc li {
   padding-left: 0.2em;
   margin: 5px 0;
 }
 
-.Layout:has(.VPDoc) .vp-doc li::marker {
+.Layout .vp-doc li::marker {
   color: var(--df-md-text-3);
 }
 
-.Layout:has(.VPDoc) .vp-doc input[type='checkbox'] {
+.Layout .vp-doc input[type='checkbox'] {
   accent-color: var(--df-md-primary-6);
 }
 
-.Layout:has(.VPDoc) .vp-doc div[class*='language-'] {
+.Layout .vp-doc div[class*='language-'] {
   margin: 20px 0 24px;
   border: 1px solid var(--df-md-border-1);
   border-radius: 12px;
@@ -314,27 +311,27 @@ body:has(.VPDoc) {
   box-shadow: none;
 }
 
-.Layout:has(.VPDoc) .vp-doc div[class*='language-'] pre {
+.Layout .vp-doc div[class*='language-'] pre {
   font-size: 14px;
   line-height: 1.8;
 }
 
-.Layout:has(.VPDoc) .vp-doc .vp-code-group {
+.Layout .vp-doc .vp-code-group {
   margin: 20px 0 24px;
 }
 
-.Layout:has(.VPDoc) .vp-doc .vp-code-group .tabs {
+.Layout .vp-doc .vp-code-group .tabs {
   border: 1px solid var(--df-md-border-1);
   border-bottom: 0;
   border-radius: 12px 12px 0 0;
 }
 
-.Layout:has(.VPDoc) .vp-doc .vp-code-group div[class*='language-'] {
+.Layout .vp-doc .vp-code-group div[class*='language-'] {
   margin: 0;
   border-radius: 0 0 12px 12px;
 }
 
-.Layout:has(.VPDoc) .vp-doc table {
+.Layout .vp-doc table {
   display: block;
   width: fit-content;
   max-width: 100%;
@@ -347,14 +344,14 @@ body:has(.VPDoc) {
   font-size: 16px;
 }
 
-.Layout:has(.VPDoc) .vp-doc tr,
-.Layout:has(.VPDoc) .vp-doc tr:nth-child(2n) {
+.Layout .vp-doc tr,
+.Layout .vp-doc tr:nth-child(2n) {
   border: 0;
   background-color: var(--df-md-bg-1);
 }
 
-.Layout:has(.VPDoc) .vp-doc th,
-.Layout:has(.VPDoc) .vp-doc td {
+.Layout .vp-doc th,
+.Layout .vp-doc td {
   padding: 12px 16px;
   border: 0;
   border-bottom: 1px solid var(--df-md-border-1);
@@ -363,18 +360,18 @@ body:has(.VPDoc) {
   vertical-align: top;
 }
 
-.Layout:has(.VPDoc) .vp-doc th {
+.Layout .vp-doc th {
   background-color: var(--df-md-fill-1);
   color: var(--df-md-text-1);
   font-size: inherit;
   font-weight: var(--df-md-font-heading);
 }
 
-.Layout:has(.VPDoc) .vp-doc tr:last-child td {
+.Layout .vp-doc tr:last-child td {
   border-bottom: 0;
 }
 
-.Layout:has(.VPDoc) .vp-doc .custom-block {
+.Layout .vp-doc .custom-block {
   margin: 20px 0;
   padding: 12px 16px;
   border: 1px solid var(--df-md-border-1);
@@ -384,75 +381,75 @@ body:has(.VPDoc) {
   box-shadow: none;
 }
 
-.Layout:has(.VPDoc) .vp-doc .custom-block:is(.tip, .success, .warning, .danger) {
+.Layout .vp-doc .custom-block:is(.tip, .success, .warning, .danger) {
   padding-block: 12px;
 }
 
-.Layout:has(.VPDoc) .vp-doc .custom-block:is(.tip, .success, .warning, .danger) .custom-block-title {
+.Layout .vp-doc .custom-block:is(.tip, .success, .warning, .danger) .custom-block-title {
   margin: 0;
 }
 
-.Layout:has(.VPDoc) .vp-doc .custom-block:is(.tip, .success, .warning, .danger) .custom-block-title + p {
+.Layout .vp-doc .custom-block:is(.tip, .success, .warning, .danger) .custom-block-title + p {
   margin: 8px 0 0;
 }
 
-.Layout:has(.VPDoc) .vp-doc .custom-block.details {
+.Layout .vp-doc .custom-block.details {
   padding-block: 12px;
 }
 
-.Layout:has(.VPDoc) .vp-doc .custom-block.details > summary {
+.Layout .vp-doc .custom-block.details > summary {
   margin: 0;
 }
 
-.Layout:has(.VPDoc) .vp-doc .custom-block.details[open] > summary + p {
+.Layout .vp-doc .custom-block.details[open] > summary + p {
   margin: 8px 0 0;
 }
 
-.Layout:has(.VPDoc) .vp-doc .custom-block.tip,
-.Layout:has(.VPDoc) .vp-doc .custom-block.success {
+.Layout .vp-doc .custom-block.tip,
+.Layout .vp-doc .custom-block.success {
   --df-md-callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
   border-color: var(--df-md-success-border);
   background-color: var(--df-md-success-bg);
 }
 
-.Layout:has(.VPDoc) .vp-doc .custom-block.warning {
+.Layout .vp-doc .custom-block.warning {
   --df-md-callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10.29 3.86-8.82 14.14A2 2 0 0 0 3.17 21h17.66a2 2 0 0 0 1.7-3L13.7 3.86a2 2 0 0 0-3.41 0Z'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
   border-color: var(--df-md-warning-border);
   background-color: var(--df-md-warning-bg);
 }
 
-.Layout:has(.VPDoc) .vp-doc .custom-block.danger {
+.Layout .vp-doc .custom-block.danger {
   --df-md-callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.86 2h8.28L22 7.86v8.28L16.14 22H7.86L2 16.14V7.86L7.86 2Z'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E");
   border-color: var(--df-md-danger-border);
   background-color: var(--df-md-danger-bg);
 }
 
-.Layout:has(.VPDoc) .vp-doc .custom-block-title {
+.Layout .vp-doc .custom-block-title {
   color: var(--df-md-text-1);
   font-size: 14px;
   font-weight: var(--df-md-font-strong);
 }
 
-.Layout:has(.VPDoc) .vp-doc .custom-block.tip .custom-block-title,
-.Layout:has(.VPDoc) .vp-doc .custom-block.success .custom-block-title {
+.Layout .vp-doc .custom-block.tip .custom-block-title,
+.Layout .vp-doc .custom-block.success .custom-block-title {
   color: var(--df-md-success-text);
 }
 
-.Layout:has(.VPDoc) .vp-doc .custom-block.tip .custom-block-title,
-.Layout:has(.VPDoc) .vp-doc .custom-block.info .custom-block-title,
-.Layout:has(.VPDoc) .vp-doc .custom-block.warning .custom-block-title,
-.Layout:has(.VPDoc) .vp-doc .custom-block.success .custom-block-title,
-.Layout:has(.VPDoc) .vp-doc .custom-block.danger .custom-block-title {
+.Layout .vp-doc .custom-block.tip .custom-block-title,
+.Layout .vp-doc .custom-block.info .custom-block-title,
+.Layout .vp-doc .custom-block.warning .custom-block-title,
+.Layout .vp-doc .custom-block.success .custom-block-title,
+.Layout .vp-doc .custom-block.danger .custom-block-title {
   display: flex;
   align-items: center;
   gap: 8px;
 }
 
-.Layout:has(.VPDoc) .vp-doc .custom-block.tip .custom-block-title::before,
-.Layout:has(.VPDoc) .vp-doc .custom-block.info .custom-block-title::before,
-.Layout:has(.VPDoc) .vp-doc .custom-block.success .custom-block-title::before,
-.Layout:has(.VPDoc) .vp-doc .custom-block.warning .custom-block-title::before,
-.Layout:has(.VPDoc) .vp-doc .custom-block.danger .custom-block-title::before {
+.Layout .vp-doc .custom-block.tip .custom-block-title::before,
+.Layout .vp-doc .custom-block.info .custom-block-title::before,
+.Layout .vp-doc .custom-block.success .custom-block-title::before,
+.Layout .vp-doc .custom-block.warning .custom-block-title::before,
+.Layout .vp-doc .custom-block.danger .custom-block-title::before {
   content: '';
   flex: none;
   width: 18px;
@@ -463,48 +460,48 @@ body:has(.VPDoc) {
   mask: var(--df-md-callout-icon) center / contain no-repeat;
 }
 
-.Layout:has(.VPDoc) .vp-doc .custom-block.warning .custom-block-title {
+.Layout .vp-doc .custom-block.warning .custom-block-title {
   color: var(--df-md-warning-text);
 }
 
-.Layout:has(.VPDoc) .vp-doc .custom-block.danger .custom-block-title {
+.Layout .vp-doc .custom-block.danger .custom-block-title {
   color: var(--df-md-danger-text);
 }
 
-.Layout:has(.VPDoc) .vp-doc .custom-block p {
+.Layout .vp-doc .custom-block p {
   color: var(--df-md-text-2);
   line-height: 1.8;
 }
 
-.Layout:has(.VPDoc) .vp-doc .footnotes {
+.Layout .vp-doc .footnotes {
   color: var(--df-md-text-3);
   font-size: 14px;
 }
 
-.Layout:has(.VPDoc) .vp-doc .footnotes-sep {
+.Layout .vp-doc .footnotes-sep {
   border-color: var(--df-md-border-1);
 }
 
 /* Smaller Markdown elements, media and legacy content use the same palette. */
-.Layout:has(.VPDoc) .vp-doc :is(hr, .footnotes-sep) {
+.Layout .vp-doc :is(hr, .footnotes-sep) {
   height: 0;
   margin: 32px 0;
   border: 0;
   border-top: 1px solid var(--df-md-border-1);
 }
 
-.Layout:has(.VPDoc) .vp-doc :is(h1, h2, h3, h4, h5, h6) .header-anchor {
+.Layout .vp-doc :is(h1, h2, h3, h4, h5, h6) .header-anchor {
   color: var(--df-md-primary-link);
   font-weight: var(--df-md-font-heading);
 }
 
-.Layout:has(.VPDoc) .vp-doc li + li { margin-top: 6px; }
-.Layout:has(.VPDoc) .vp-doc li > :is(ul, ol) { margin: 8px 0; }
-.Layout:has(.VPDoc) .vp-doc .contains-task-list { list-style: none; padding-left: 0; }
-.Layout:has(.VPDoc) .vp-doc .task-list-item { padding-left: 0; }
-.Layout:has(.VPDoc) .vp-doc .task-list-item input { margin-right: 8px; }
+.Layout .vp-doc li + li { margin-top: 6px; }
+.Layout .vp-doc li > :is(ul, ol) { margin: 8px 0; }
+.Layout .vp-doc .contains-task-list { list-style: none; padding-left: 0; }
+.Layout .vp-doc .task-list-item { padding-left: 0; }
+.Layout .vp-doc .task-list-item input { margin-right: 8px; }
 
-.Layout:has(.VPDoc) .vp-doc kbd {
+.Layout .vp-doc kbd {
   padding: 2px 6px;
   border: 1px solid var(--df-md-border-2);
   border-radius: 4px;
@@ -513,30 +510,30 @@ body:has(.VPDoc) {
   font-size: 13px;
 }
 
-.Layout:has(.VPDoc) .vp-doc mark {
+.Layout .vp-doc mark {
   padding: 1px 3px;
   border-radius: 3px;
   background: var(--df-md-warning-bg);
   color: var(--df-md-text-1);
 }
 
-.Layout:has(.VPDoc) .vp-doc :is(s, del) { color: var(--df-md-text-3); }
-.Layout:has(.VPDoc) .vp-doc sup,
-.Layout:has(.VPDoc) .vp-doc sub { line-height: 0; }
+.Layout .vp-doc :is(s, del) { color: var(--df-md-text-3); }
+.Layout .vp-doc sup,
+.Layout .vp-doc sub { line-height: 0; }
 
-.Layout:has(.VPDoc) .vp-doc div[class*='language-'] .line-numbers-wrapper {
+.Layout .vp-doc div[class*='language-'] .line-numbers-wrapper {
   border-color: var(--df-md-border-2);
   color: var(--df-md-text-3);
   font-size: 14px;
   line-height: 1.8;
 }
 
-.Layout:has(.VPDoc) .vp-doc div[class*='language-'] > span.lang {
+.Layout .vp-doc div[class*='language-'] > span.lang {
   color: var(--df-md-text-3);
   font-size: 12px;
 }
 
-.Layout:has(.VPDoc) .vp-doc div[class*='language-'] > button.copy {
+.Layout .vp-doc div[class*='language-'] > button.copy {
   width: 32px;
   height: 32px;
   top: 8px;
@@ -544,57 +541,57 @@ body:has(.VPDoc) {
   border-radius: 6px;
 }
 
-.Layout:has(.VPDoc) .vp-doc .vp-code-group .tabs label {
+.Layout .vp-doc .vp-code-group .tabs label {
   font-size: 13px;
   font-weight: 500;
 }
 
-.Layout:has(.VPDoc) .vp-doc :is(img, video, iframe) {
+.Layout .vp-doc :is(img, video, iframe) {
   max-width: 100%;
   border-radius: 12px;
 }
-.Layout:has(.VPDoc) .vp-doc img { height: auto; margin: 24px auto; }
-.Layout:has(.VPDoc) .vp-doc .mermaid { margin: 24px 0; overflow-x: auto; }
-.Layout:has(.VPDoc) .vp-doc .csv-box { display: block; width: 100%; }
-.Layout:has(.VPDoc) .vp-doc .csv-url { color: var(--df-md-text-3); font-size: 13px; }
+.Layout .vp-doc img { height: auto; margin: 24px auto; }
+.Layout .vp-doc .mermaid { margin: 24px 0; overflow-x: auto; }
+.Layout .vp-doc .csv-box { display: block; width: 100%; }
+.Layout .vp-doc .csv-url { color: var(--df-md-text-3); font-size: 13px; }
 
-.Layout:has(.VPDoc) .vp-doc .custom-block > :first-child { margin-top: 0; }
-.Layout:has(.VPDoc) .vp-doc .custom-block > :last-child { margin-bottom: 0; }
-.Layout:has(.VPDoc) .vp-doc .custom-block .custom-block-title + p { margin-top: 8px; }
-.Layout:has(.VPDoc) .vp-doc .custom-block.details > summary {
+.Layout .vp-doc .custom-block > :first-child { margin-top: 0; }
+.Layout .vp-doc .custom-block > :last-child { margin-bottom: 0; }
+.Layout .vp-doc .custom-block .custom-block-title + p { margin-top: 8px; }
+.Layout .vp-doc .custom-block.details > summary {
   color: var(--df-md-text-2);
   font-size: 14px;
   font-weight: var(--df-md-font-strong);
   cursor: pointer;
 }
-.Layout:has(.VPDoc) .vp-doc .custom-block.details > summary:hover { color: var(--df-md-text-1); }
-.Layout:has(.VPDoc) .vp-doc .custom-block.info {
+.Layout .vp-doc .custom-block.details > summary:hover { color: var(--df-md-text-1); }
+.Layout .vp-doc .custom-block.info {
   --df-md-callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E");
   border-color: var(--df-md-info-border);
   background: var(--df-md-info-bg);
 }
-.Layout:has(.VPDoc) .vp-doc .custom-block.info .custom-block-title {
+.Layout .vp-doc .custom-block.info .custom-block-title {
   color: var(--df-md-primary-link);
 }
 
-.Layout:has(.VPDoc) .vp-doc .footnote-ref { font-size: 0.8em; }
-.Layout:has(.VPDoc) .vp-doc .footnotes li::marker { color: var(--df-md-text-3); }
+.Layout .vp-doc .footnote-ref { font-size: 0.8em; }
+.Layout .vp-doc .footnotes li::marker { color: var(--df-md-text-3); }
 
 @media (max-width: 640px) {
-  .Layout:has(.VPDoc) .vp-doc h1 {
+  .Layout .vp-doc h1 {
     font-size: 32px;
   }
 
-  .Layout:has(.VPDoc) .vp-doc h2 {
+  .Layout .vp-doc h2 {
     margin-top: 32px;
     font-size: 26px;
   }
 
-  .Layout:has(.VPDoc) .vp-doc h3 {
+  .Layout .vp-doc h3 {
     font-size: 22px;
   }
 
-  .Layout:has(.VPDoc) .vp-doc table {
+  .Layout .vp-doc table {
     display: block;
     font-size: 14px;
   }
diff --git a/.vitepress/theme/search.css b/.vitepress/theme/search.css
index 756468f9..059a393c 100644
--- a/.vitepress/theme/search.css
+++ b/.vitepress/theme/search.css
@@ -7,7 +7,6 @@
   --vp-c-text-3: var(--df-md-text-3);
   --vp-c-divider: var(--df-md-border-2);
   --vp-code-color: var(--df-md-text-1);
-  --vp-font-family-mono: var(--df-md-font-mono);
   --vp-code-bg: var(--df-md-fill-1);
   --vp-backdrop-bg-color: var(--df-md-mask-bg);
   --vp-local-search-bg: var(--df-md-bg-4);
@@ -18,7 +17,6 @@
   --vp-local-search-highlight-bg: var(--df-md-primary-link);
   --vp-local-search-highlight-text: var(--df-md-bg-1);
   color: var(--df-md-text-1);
-  font-family: var(--df-md-font-sans);
 }
 
 .VPLocalSearchBox.VPLocalSearchBox .shell {
@@ -68,7 +66,6 @@
 
 .VPLocalSearchBox.VPLocalSearchBox .excerpt .vp-doc {
   color: var(--df-md-text-2);
-  font-family: var(--df-md-font-sans);
   --vp-code-block-bg: var(--df-md-fill-1);
   --vp-c-bg: var(--df-md-bg-4);
   --vp-c-bg-soft: var(--df-md-fill-1);
diff --git a/README.md b/README.md
index de333e5a..e4340799 100644
--- a/README.md
+++ b/README.md
@@ -1,13 +1,12 @@
 # [DeepFlow-docs](https://deepflow.yunshan.net/deepflow-docs/)
 
-## Documentation build modes
-
-- `pnpm build`: existing build, output in `dist/`.
-- `pnpm build:doc-only`: standalone docs with Logo and Docs title, output in `dist-doc-only/`.
-- `pnpm build:doc-embedded`: product iframe version with no Logo/title, search at the left of the header, and a 32px gap from the header to the document content; output in `dist-doc-embedded/`.
-
-Use `pnpm dev:doc-embedded` for development, or `pnpm preview:doc-embedded` after building to preview the product version. Serve `dist-doc-embedded/` at `/docs/`; document URLs stay the same in all modes.
-
+## Documentation build modes
+
+- `pnpm build`: existing build served inside the main site, output in `dist/`.
+- `pnpm build:doc-only`: standalone docs with Logo and Docs title, output in `dist-doc-only/`.
+
+The `doc-only` build also covers the product-embedded scenario: when a page is opened inside an iframe, a head script marks `<html>` with `embedded` at runtime, which hides the header brand and moves search to the left. Document URLs stay the same in all modes.
+
 # Notes for writing markdown
 
 1. The HOME file cannot be deleted. It belongs to the content of the home page in each language, and the content in its markdown can be adjusted.
diff --git a/.vitepress/theme/assets/docs-logo-dark.png b/docs/public/img/docs-logo-dark.png
similarity index 100%
rename from .vitepress/theme/assets/docs-logo-dark.png
rename to docs/public/img/docs-logo-dark.png
diff --git a/.vitepress/theme/assets/docs-logo-light.png b/docs/public/img/docs-logo-light.png
similarity index 100%
rename from .vitepress/theme/assets/docs-logo-light.png
rename to docs/public/img/docs-logo-light.png
diff --git a/package.json b/package.json
index aca52df8..19b93a10 100644
--- a/package.json
+++ b/package.json
@@ -14,9 +14,6 @@
     "dev:doc-only": "DOCS_MODE=doc-only vitepress dev",
     "build:doc-only": "DOCS_MODE=doc-only vitepress build",
     "preview:doc-only": "DOCS_MODE=doc-only vitepress preview",
-    "dev:doc-embedded": "DOCS_MODE=doc-embedded vitepress dev",
-    "build:doc-embedded": "DOCS_MODE=doc-embedded vitepress build",
-    "preview:doc-embedded": "DOCS_MODE=doc-embedded vitepress preview",
     "gen:rewrites": "node scripts/gen-rewrites.mjs"
   },
   "devDependencies": {