diff --git a/docs/.vitepress/src/components/feedback/FeedbackSlider.vue b/docs/.vitepress/src/components/feedback/FeedbackSlider.vue
index 96c0dcb7fb3cb238048db9a71471fce57011837f..9e799aca9361bc42a004e2253b4b70b5a2ce8027 100644
--- a/docs/.vitepress/src/components/feedback/FeedbackSlider.vue
+++ b/docs/.vitepress/src/components/feedback/FeedbackSlider.vue
@@ -39,9 +39,11 @@ const infoData = {
   placeholder1: t('feedback.placeholder1'),
   placeholder2: t('feedback.placeholder2'),
   placeholder3: t('feedback.placeholder3'),
-  more1: t('feedback.more1'),
-  submit: t('feedback.submit'),
+  submit: '提交',
   cancel: t('feedback.cancel'),
+  more1: '感谢您的反馈，如需帮助，可论坛',
+  more2: '发帖求助',
+  more2Link: 'https://forum.openeuler.org/',
 };
 
 const placeholder = computed(() => {
@@ -135,10 +137,13 @@ const submitFeedback = () => {
     <div v-show="isShow" class="reason">
       <OTextarea v-model="inputText" :placeholder="placeholder" resize="none" :max-length="500" :input-on-outlimit="false" />
       <p class="more-info">
-        {{ infoData.more1 }}
+        {{ infoData.more1
+        }}<a :href="infoData.more2Link" target="_blank"
+          >{{ infoData.more2 }}
+        </a>
       </p>
       <div class="submit-btn">
-        <OButton type="outline" class="submit" @click="submitFeedback">
+        <OButton color="primary" size="medium" class="submit" @click="submitFeedback">
           {{ infoData.submit }}
         </OButton>
       </div>
@@ -163,7 +168,7 @@ const submitFeedback = () => {
 }
 
 .slider-body {
-  padding-top: 22px;
+  padding-top: 28px;
   position: relative;
   z-index: 3;
   @include respond-to('<=pad_v') {
@@ -201,8 +206,74 @@ const submitFeedback = () => {
     }
   }
 
-  :deep(.el-slider__marks) {
-    display: none;
+  :deep(.el-slider) {
+    height: auto;
+    height: 10px;
+
+    .el-slider__marks {
+      display: none;
+    }
+
+    .el-slider__runway {
+      height: 8px;
+      border-radius: var(--o-radius-xs);
+      background-color: var(--o-color-control1-light);
+    }
+
+    .el-slider__bar {
+      height: 10px;
+      background-image: linear-gradient(270deg, #002fa7 0%, #21a9fc 100%);
+      top: -1px;
+      border-radius: 5px;
+    }
+
+    .el-slider__button-wrapper + div {
+      position: relative;
+      transform: translateY(2px);
+      z-index: 2;
+
+      & + div {
+        transform: translateY(2px);
+        & > .el-slider__stop:nth-of-type(1) {
+          transform: translatex(2px);
+        }
+      }
+    }
+
+    .el-slider__stop {
+      width: 2px;
+      height: 2px;
+      background-color: var(--o-color-control2);
+      top: 1px;
+    }
+
+    .el-slider__marks-stop {
+      background-color: var(--o-color-fill2);
+
+      &:nth-last-of-type(1) {
+        transform: translateX(-4px);
+        background-color: var(--o-color-control2);
+      }
+    }
+
+    .el-slider__button {
+      position: relative;
+      border: solid 8px var(--o-color-white);
+      box-shadow: var(--o-shadow-2);
+
+      &::after {
+        display: block;
+        content: '';
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        background-color: var(--o-color-primary1);
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+      }
+    }
   }
 }
 
@@ -225,17 +296,32 @@ const submitFeedback = () => {
     --textarea-radius-pill: 8px;
 
     width: 100%;
+    height: 88px;
   }
 
   .more-info {
     color: var(--o-color-info3);
     margin-top: 8px;
+    text-align: center;
     @include tip2;
   }
 
   .submit-btn {
     text-align: center;
     margin-top: 16px;
+
+    :deep(.o-btn) {
+      padding: 6px 26px;
+      border-color: var(--o-color-primary1);
+      color: var(--o-color-primary1);
+
+      @include hover {
+        border-color: var(--o-color-primary1);
+        background-color: var(--o-color-primary1);
+        color: var(--o-color-white);
+      }
+    }
+
     @include respond-to('<=pad_v') {
       display: flex;
       justify-content: space-evenly;
@@ -259,9 +345,9 @@ const submitFeedback = () => {
       }
     }
 
-    .submit {
-      --btn-min-width: 60px;
-      --btn-bd-color: var(--o-color-control3);
+    /* .submit {
+      padding: 6px 26px;
+
       @include hover {
         --btn-color-hover: var(--o-color-white);
         --btn-bd-color-hover: var(--o-color-primary1);
@@ -273,7 +359,7 @@ const submitFeedback = () => {
         color: var(--o-color-primary2-light);
         border-color: var(--o-color-primary1);
       }
-    }
+    } */
   }
 }
 </style>
diff --git a/docs/.vitepress/src/components/feedback/FloatingButtonHome.vue b/docs/.vitepress/src/components/feedback/FloatingButtonHome.vue
index 0faf3e607654ac2f7849c5ef66b6a8944235b996..6e89277997f87cec3befc0511713ea0eba4f462d 100644
--- a/docs/.vitepress/src/components/feedback/FloatingButtonHome.vue
+++ b/docs/.vitepress/src/components/feedback/FloatingButtonHome.vue
@@ -162,7 +162,7 @@ const floatData = ref([
   }
 
   .popup-feedback {
-    padding: 16px 24px;
+    padding: 16px 30px;
     background-color: var(--o-color-fill2);
     box-shadow: var(--o-shadow-2);
     border-radius: var(--o-radius-xs);
diff --git a/docs/.vitepress/src/components/header/HeaderNav.vue b/docs/.vitepress/src/components/header/HeaderNav.vue
index 532640285340c4cde0d964723295cbdb792ca91e..ded389d5549b845bdf1e5414244028078894d1f4 100644
--- a/docs/.vitepress/src/components/header/HeaderNav.vue
+++ b/docs/.vitepress/src/components/header/HeaderNav.vue
@@ -300,7 +300,7 @@ const linkClick = () => {
   transform-origin: top;
 
   &.light {
-    box-shadow: 0 3px 8px 0 rgba(var(--o-kleinblue-10), 0.1);
+    box-shadow: 0 3px 8px 0 rgba(var(--o-kleinblue-10), 0.08);
   }
 
   @include respond-to('laptop') {
@@ -449,6 +449,7 @@ const linkClick = () => {
         height: 16px;
         width: 16px;
         padding-left: 6px;
+        border-radius: 50%;
       }
       .extra {
         margin-top: var(--o-gap-5);
diff --git a/docs/.vitepress/src/components/header/NavContent.vue b/docs/.vitepress/src/components/header/NavContent.vue
index f61b2b3cc18e4e706367df0f071fcf3303f9c279..5ad14723f3cc4b3a80e8a298f75dcb6ea87d6d8b 100644
--- a/docs/.vitepress/src/components/header/NavContent.vue
+++ b/docs/.vitepress/src/components/header/NavContent.vue
@@ -142,6 +142,7 @@ const descMouseenter = (e: MouseEvent) => {
     }
     .content-tag {
       margin-left: var(--o-gap-2);
+      border-radius: 32px;
     }
   }
   .desc-container {
@@ -196,6 +197,7 @@ const descMouseenter = (e: MouseEvent) => {
 
   .content-tag {
     margin-left: var(--o-gap-2);
+    border-radius: 32px;
   }
 
   .desc-container {
diff --git a/docs/.vitepress/src/i18n/header/header-zh.ts b/docs/.vitepress/src/i18n/header/header-zh.ts
index a2ae21260978475f178bc0e880564526ae9f0ada..7297eab2627f983999b5d45d3f5c036980412bec 100644
--- a/docs/.vitepress/src/i18n/header/header-zh.ts
+++ b/docs/.vitepress/src/i18n/header/header-zh.ts
@@ -317,7 +317,7 @@ export default {
               URL: 'https://www.openeuler.org/zh/faq/',
             },
             {
-              NAME: '贡献指南',
+              NAME: '文档开发指南',
               DESCRIPTION: '参与文档贡献的方式',
               URL: 'https://openeuler-docs.test.osinfra.cn/zh/Contribute/directory_structure_introductory.html',
             },