diff --git a/app/.vitepress/src/assets/style/markdown.scss b/app/.vitepress/src/assets/style/markdown.scss
index 6cbd87b6ff34f0a55f7d8c87528f26d77e53ca62..967cbf44655d8e667f3582589acabd7eafe8552d 100644
--- a/app/.vitepress/src/assets/style/markdown.scss
+++ b/app/.vitepress/src/assets/style/markdown.scss
@@ -59,7 +59,7 @@
   min-height: auto;
   @include text1;
 
-  &>div *:first-child {
+  & > div *:first-child {
     margin-top: 0 !important;
   }
 
@@ -87,7 +87,7 @@
     margin-top: var(--o-gap-2);
   }
 
-  li+li {
+  li + li {
     margin-top: 0;
   }
 
@@ -147,10 +147,15 @@
 
   a {
     color: var(--o-color-link1);
+    transition: color var(--o-duration-m1) var(--o-easing-standard-in);
 
     @include hover {
       color: var(--o-color-link2);
     }
+
+    &:active {
+      color: var(--o-color-link3);
+    }
   }
 
   img {
@@ -184,7 +189,7 @@
   }
 
   code .diff.remove {
-    background-color: rgba(244, 63, 94, .14);
+    background-color: rgba(244, 63, 94, 0.14);
     opacity: 0.8;
   }
 
@@ -194,7 +199,7 @@
   }
 
   code .diff.add {
-    background-color: rgba(16, 185, 129, .14);
+    background-color: rgba(16, 185, 129, 0.14);
   }
 
   code .diff.add::before {
@@ -203,21 +208,23 @@
   }
 
   code .highlighted {
-    background-color: rgba(142, 150, 170, .14);
+    background-color: rgba(142, 150, 170, 0.14);
   }
 
   code .highlighted.error {
-    background-color: rgba(244, 63, 94, .14);
+    background-color: rgba(244, 63, 94, 0.14);
   }
 
   code .highlighted.warning {
-    background-color: rgba(234, 179, 8, .14);
+    background-color: rgba(234, 179, 8, 0.14);
   }
 
   .has-focused-lines .line:not(.has-focus) {
-    opacity: .8;
-    transition: filter .35s, opacity .35s;
-    filter: blur(.095rem);
+    opacity: 0.8;
+    transition:
+      filter 0.35s,
+      opacity 0.35s;
+    filter: blur(0.095rem);
   }
 
   p code:first-child {
@@ -257,10 +264,10 @@
       border: 1px solid var(--o-color-control4);
     }
 
-    >*:last-child {
+    > *:last-child {
       margin-bottom: 0;
-      
-      >*:last-child {
+
+      > *:last-child {
         margin-bottom: 0;
       }
     }
@@ -349,7 +356,7 @@
       margin-bottom: 0;
     }
 
-    *+* {
+    * + * {
       margin-top: var(--o-gap-2);
     }
 
@@ -467,7 +474,7 @@
       }
     }
 
-    >*:not(.custom-block-title) {
+    > *:not(.custom-block-title) {
       margin-left: 32px;
 
       @include respond-to('laptop') {
@@ -487,7 +494,7 @@
       }
     }
 
-    >*:not(.custom-block-title):last-child {
+    > *:not(.custom-block-title):last-child {
       margin-bottom: 0;
     }
 
@@ -531,4 +538,4 @@
       background-image: url('@/assets/category/docs/icon-copy-dark.svg');
     }
   }
-}
\ No newline at end of file
+}
diff --git a/app/.vitepress/src/assets/style/theme/breadcrumb.scss b/app/.vitepress/src/assets/style/theme/breadcrumb.scss
new file mode 100644
index 0000000000000000000000000000000000000000..4e2f6271f8db7eb46b4f82d51cc9c9fd6ca97e1f
--- /dev/null
+++ b/app/.vitepress/src/assets/style/theme/breadcrumb.scss
@@ -0,0 +1,5 @@
+.o-breadcrumb {
+  --breadcrumb-color-hover: var(--o-color-primary1);
+  --breadcrumb-color-active: var(--o-color-primary1);
+  --breadcrumb-color-selected: var(--o-color-primary1);
+}
diff --git a/app/.vitepress/src/assets/style/theme/index.scss b/app/.vitepress/src/assets/style/theme/index.scss
index b0555a333f55396f41af3e40df654e543b38acfa..424bea698da2c6e531e0be3c5cd157af94a7e4fa 100644
--- a/app/.vitepress/src/assets/style/theme/index.scss
+++ b/app/.vitepress/src/assets/style/theme/index.scss
@@ -13,3 +13,5 @@
 @use './rate.scss' as *;
 @use './result.scss' as *;
 @use './textarea.scss' as *;
+@use './link.scss' as *;
+@use './breadcrumb.scss' as *;
diff --git a/app/.vitepress/src/assets/style/theme/link.scss b/app/.vitepress/src/assets/style/theme/link.scss
new file mode 100644
index 0000000000000000000000000000000000000000..81e9b182a1bce1d35e8ecf6e45eb8a7a2d234108
--- /dev/null
+++ b/app/.vitepress/src/assets/style/theme/link.scss
@@ -0,0 +1,19 @@
+@use '../mixin/screen.scss' as *;
+
+.o-link {
+  --link-underline-color: var(--link-color-hover);
+}
+
+.o-link:active {
+  --link-underline-color: var(--link-color-active);
+}
+
+.o-link.o-link-hover-underline .o-link-label {
+  background: linear-gradient(0deg, var(--link-underline-color), var(--link-underline-color)) no-repeat var(--link-underline-x) bottom;
+  background-size: 0 1px;
+
+  @include hover {
+    background-size: var(--link-underline-x) 1px;
+    background-position-x: left;
+  }
+}
diff --git a/app/.vitepress/src/components/doc/DocBreadCrumb.vue b/app/.vitepress/src/components/doc/DocBreadCrumb.vue
index 6a0ce194b54e026477a62a5c56c6343b7ec8a77c..8440c57654b261e4e3c98fc565d16ce864315e6f 100644
--- a/app/.vitepress/src/components/doc/DocBreadCrumb.vue
+++ b/app/.vitepress/src/components/doc/DocBreadCrumb.vue
@@ -61,11 +61,5 @@ const goToPage = (href: string) => {
   @include respond-to('<=laptop') {
     height: 18px;
   }
-
-  .o-breadcrumb {
-    --breadcrumb-color-hover: var(--o-color-primary1);
-    --breadcrumb-color-active: var(--o-color-primary1);
-    --breadcrumb-color-selected: var(--o-color-primary1);
-  }
 }
 </style>
diff --git a/app/.vitepress/src/components/menu/RecursionMenuItem.vue b/app/.vitepress/src/components/menu/RecursionMenuItem.vue
index 7a3ed69b8adc6d1b5463eb81bb71cb8496734ec2..9a762d71b4655e909caf52809af29fa9305c4c4b 100644
--- a/app/.vitepress/src/components/menu/RecursionMenuItem.vue
+++ b/app/.vitepress/src/components/menu/RecursionMenuItem.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { inject, onBeforeUnmount, onMounted, ref, watch, type PropType } from 'vue';
 import { isArray, OMenuItem, OSubMenu } from '@opensig/opendesign';
+
+import { useLocale } from '@/composables/useLocale';
 import type { DocMenuNodeT } from '@/utils/tree';
 
 const props = defineProps({
@@ -10,6 +12,8 @@ const props = defineProps({
   },
 });
 
+const { isZh } = useLocale();
+
 const itemRef = ref();
 const emits = defineEmits(['click']);
 const parentProps = inject<{
@@ -45,7 +49,7 @@ onBeforeUnmount(() => {
       el.removeEventListener('click', stopPropagation);
     }
   }
-})
+});
 </script>
 
 <template>
@@ -55,13 +59,15 @@ onBeforeUnmount(() => {
     class="recursion-sub-menu"
     :value="node.id"
     :selectable="node.type === 'page'"
-    :title="node.label"
+    :title="!isZh ? node.label : ''"
     @click="emits('click', node)"
   >
     <template #title>{{ node.label }}</template>
     <RecursionMenuItem v-for="item in node.children" :node="item" @click="(el) => emits('click', el)" />
   </OSubMenu>
-  <OMenuItem v-else ref="itemRef" class="recursion-menu-item" :value="node.id" @click="emits('click', node)" :title="node.label">{{ node.label }}</OMenuItem>
+  <OMenuItem v-else ref="itemRef" class="recursion-menu-item" :value="node.id" @click="emits('click', node)" :title="!isZh ? node.label : ''">{{
+    node.label
+  }}</OMenuItem>
 </template>
 
 <style lang="scss" scoped>
diff --git a/scripts/pre-dev.js b/scripts/pre-dev.js
index bdbb17d021777556fde476ec4ec6df7514793d56..34c6f8af06937a686ae303726806d766167c55ed 100644
--- a/scripts/pre-dev.js
+++ b/scripts/pre-dev.js
@@ -118,6 +118,7 @@ if (args.length === 0) {
   console.error('请提供分支名称');
   process.exit(1);
 } else {
+  let branchAlias;
   if (args[1] == 'as' && args.length === 3) {
     branchAlias = args[2];
   }