diff --git a/app/.vitepress/src/components/doc/DocMenu.vue b/app/.vitepress/src/components/doc/DocMenu.vue
index 57988e985bea32170667d82b7a2247f72bbe212b..ab3c3d267f5b65165a9c0db738c0a2c22c01c377 100644
--- a/app/.vitepress/src/components/doc/DocMenu.vue
+++ b/app/.vitepress/src/components/doc/DocMenu.vue
@@ -7,6 +7,7 @@ import RecursionMenu from '@/components/menu/RecursionMenu.vue';
 import RecursionMenuItem from '@/components/menu/RecursionMenuItem.vue';
 
 import { getNodeHrefSafely, type DocMenuNodeT } from '@/utils/tree';
+import { getDomId } from '@/utils/common'; 
 
 const props = defineProps({
   // 绑定值
@@ -84,7 +85,7 @@ const expanded = useVModel(props, 'expanded', emits);
             </a>
           </template>
           <template v-else>
-            <p :id="chapter.label" class="chapter-title" :class="{ 'chapter-title-active': nodeIndex === i }" @click="emits('click-title', chapter)">
+            <p :id="getDomId(chapter.label)" class="chapter-title" :class="{ 'chapter-title-active': nodeIndex === i }" @click="emits('click-title', chapter)">
               {{ chapter.label }}
             </p>
             <template v-if="isArray(chapter.children) && chapter.children?.length">
@@ -257,7 +258,6 @@ const expanded = useVModel(props, 'expanded', emits);
         left: 0;
         top: 4px;
         bottom: 4px;
-        border-left: 1px solid var(--o-color-control4);
       }
       &:last-of-type {
         &::before {
@@ -288,7 +288,6 @@ const expanded = useVModel(props, 'expanded', emits);
 
     .sub-menu-children {
       margin-left: 16px;
-      border-left: 1px solid var(--o-color-control4);
 
       @include respond-to('<=laptop') {
         margin-left: 13px;
diff --git a/app/.vitepress/src/components/menu/RecursionMenuItem.vue b/app/.vitepress/src/components/menu/RecursionMenuItem.vue
index 41409b019335910b072d8675835fdb6806a75506..96566a01ee4effb32a67d5f91e3ab6c4e7454f43 100644
--- a/app/.vitepress/src/components/menu/RecursionMenuItem.vue
+++ b/app/.vitepress/src/components/menu/RecursionMenuItem.vue
@@ -105,7 +105,6 @@ onBeforeUnmount(() => {
   :deep(.o-sub-menu-children) {
     position: relative;
     padding-left: 16px;
-    margin-top: 0;
 
     @include respond-to('<=laptop') {
       padding-left: 13px;
@@ -141,11 +140,8 @@ onBeforeUnmount(() => {
   }
 }
 
-.o-sub-menu + .o-sub-menu {
-  margin-top: 0;
-}
-.o-menu-item + .o-menu-item {
-  margin-top: 0;
+.o-menu-item + .o-sub-menu,  .o-sub-menu, .o-menu-item {
+  margin-top: 2px;
 }
 
 .o-sub-menu-selected > :deep(.o-sub-menu-title) {
diff --git a/app/.vitepress/src/config/footer.ts b/app/.vitepress/src/config/footer.ts
index 03cc5a5934a7774215763b66321a8695909854ec..f7d30f6b4fa92d3030d3a39af28e21edd3db1d5e 100644
--- a/app/.vitepress/src/config/footer.ts
+++ b/app/.vitepress/src/config/footer.ts
@@ -253,7 +253,7 @@ export const quickNav = {
         },
         {
           title: '论坛',
-          link: import.meta.env.VITE_SERVICE_FORUM_URL,
+          link: `${import.meta.env.VITE_SERVICE_FORUM_URL}`,
         },
       ],
     },
@@ -369,7 +369,7 @@ export const quickNav = {
         },
         {
           title: 'Forum',
-          link: import.meta.env.VITE_SERVICE_FORUM_URL,
+          link: `${import.meta.env.VITE_SERVICE_FORUM_URL}`,
         },
       ],
     },
diff --git a/app/.vitepress/src/i18n/header/header-zh.ts b/app/.vitepress/src/i18n/header/header-zh.ts
index 9a8a4ec1e76f266ec750000fbac7a016d62ca2ae..8aacc0d627fc6ad9ce461df8577a344e11419c31 100644
--- a/app/.vitepress/src/i18n/header/header-zh.ts
+++ b/app/.vitepress/src/i18n/header/header-zh.ts
@@ -625,7 +625,7 @@ export default {
     },
     {
       NAME: 'LFS文件管理',
-      PATH: import.meta.env.VITE_SERVICE_ARTLFS_WEBSITE_URL,
+      PATH: `${import.meta.env.VITE_SERVICE_ARTLFS_WEBSITE_URL}`,
     },
   ],
 };
diff --git a/app/.vitepress/src/layouts/LayoutDoc.vue b/app/.vitepress/src/layouts/LayoutDoc.vue
index 76bbc124c1035def35fa7a69b91ac0024a99b6c3..ea1201f00a7fcc2a6042171aab90151b3a94f0a7 100644
--- a/app/.vitepress/src/layouts/LayoutDoc.vue
+++ b/app/.vitepress/src/layouts/LayoutDoc.vue
@@ -30,6 +30,7 @@ import { useViewStore } from '@/stores/view';
 import { getNodeHrefSafely, type DocMenuNodeT } from '@/utils/tree';
 import { scrollIntoView } from '@/utils/scroll-to';
 import { isElementVisible } from '@/utils/element';
+import { getDomId } from '@/utils/common'; 
 
 const { hash } = useData();
 const { lePad, isPhone, size } = useScreen();
@@ -118,10 +119,11 @@ const onClickMenuItem = (item: DocMenuNodeT, newOpener?: boolean) => {
 };
 
 const onClickMenuTitle = (item: DocMenuNodeT) => {
-  const dom = document.querySelector(`#${item.label}`);
+  const id = getDomId(item.label)
+  const dom = document.querySelector(`#${id}`);
   if (dom) {
     useSearchingStore().isSearching = false;
-    window.history.replaceState({}, '', '#' + item.label);
+    window.history.replaceState({}, '', `#${id}`);
     window.dispatchEvent(new HashChangeEvent('hashchange'));
   }
 };
diff --git a/app/.vitepress/src/utils/common.ts b/app/.vitepress/src/utils/common.ts
index 73d324e2fa97fa43fdfd59c93dd877522a8b5dd7..f81f9daa7a5e32e2ff6936b3068bf1e53c406dea 100644
--- a/app/.vitepress/src/utils/common.ts
+++ b/app/.vitepress/src/utils/common.ts
@@ -127,4 +127,11 @@ export const getGiteeUrl = () => {
 export function getVersionFromUrl(url: string) {
   const arr = url.split('/');
   return arr[url.startsWith('/') ? 3 : 2] || '';
+};
+
+/**
+ * 获取转义后的dom id
+ */
+export function getDomId(str: string) {
+  return str.replace(/[ &]/g, '-');
 };
\ No newline at end of file
diff --git a/app/.vitepress/src/views/docs/TheDocsNode.vue b/app/.vitepress/src/views/docs/TheDocsNode.vue
index f84801c13fd805e58741b08337a48445b7461a40..c47d40eaa81de47609f8aa8a2a1bcede9189ceaa 100644
--- a/app/.vitepress/src/views/docs/TheDocsNode.vue
+++ b/app/.vitepress/src/views/docs/TheDocsNode.vue
@@ -5,6 +5,7 @@ import { ORow, OCol, OLink } from '@opensig/opendesign';
 
 import { getNodeHrefSafely, type DocMenuNodeT } from '@/utils/tree';
 import { getOffsetTop, getScrollRemainingBottom } from '@/utils/element';
+import { getDomId } from '@/utils/common'; 
 import { useScreen } from '@/composables/useScreen';
 import { useNodeStore } from '@/stores/node';
 
@@ -111,7 +112,7 @@ onUnmounted(() => {
   <div class="docs-node">
     <ORow :gap="space" wrap="wrap" class="menu-node">
       <OCol flex="0 0 100%" v-for="item in nodeMenu" :key="item.id">
-        <p v-if="!nodeVisible" class="node-title" :id="item.label">{{ item.label }}</p>
+        <p v-if="!nodeVisible" class="node-title" :id="getDomId(item.label)">{{ item.label }}</p>
         <div v-if="item?.children?.length" class="child-node">
           <div
             v-for="child in item?.children"