diff --git a/contact-frontend/package.json b/contact-frontend/package.json
index b3c40843..6810c8fe 100644
--- a/contact-frontend/package.json
+++ b/contact-frontend/package.json
@@ -21,6 +21,7 @@
     "@vicons/ionicons5": "^0.12.0",
     "@vueuse/core": "^10.2.1",
     "axios": "^1.4.0",
+    "idb": "^7.1.1",
     "pinia": "^2.1.4",
     "vue": "^3.3.4",
     "vue-router": "^4.2.4"
diff --git a/contact-frontend/packages/apps/web/src/layouts/NavLayout.vue b/contact-frontend/packages/apps/web/src/layouts/NavLayout.vue
index 0215e75f..eda2351b 100644
--- a/contact-frontend/packages/apps/web/src/layouts/NavLayout.vue
+++ b/contact-frontend/packages/apps/web/src/layouts/NavLayout.vue
@@ -105,6 +105,7 @@ const active = ref(false)
           <div class="text-sm">默认客服部门</div>
         </div>
       </template>
+
       <RouterLink class="text-sm text-green-600" to="/index">
         使用教程
       </RouterLink>
@@ -116,6 +117,7 @@ const active = ref(false)
           @click="active = !active"
         />
       </n-badge>
+
       <template #dropMenuAppend>
         <div class="flex justify-between items-center">
           <div class="flex justify-between items-center space-x-2">
@@ -144,6 +146,7 @@ const active = ref(false)
         </div>
       </template>
     </Nav>
+
     <div class="grow relative overflow-hidden">
       <router-view></router-view>
     </div>
diff --git a/contact-frontend/pnpm-lock.yaml b/contact-frontend/pnpm-lock.yaml
index c00c532d..f184f31e 100644
--- a/contact-frontend/pnpm-lock.yaml
+++ b/contact-frontend/pnpm-lock.yaml
@@ -17,6 +17,9 @@ importers:
       axios:
         specifier: ^1.4.0
         version: 1.4.0
+      idb:
+        specifier: ^7.1.1
+        version: 7.1.1
       pinia:
         specifier: ^2.1.4
         version: 2.1.4(typescript@5.1.6)(vue@3.3.4)
@@ -2999,6 +3002,10 @@ packages:
       safer-buffer: 2.1.2
     dev: true
 
+  /idb@7.1.1:
+    resolution: {integrity: sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ==}
+    dev: false
+
   /ieee754@1.2.1:
     resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
     dev: true