diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index eaa6d03..e064ae4 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -114,6 +114,9 @@ importers:
       vite-plugin-vue-devtools:
         specifier: ^7.5.2
         version: 7.5.2(@nuxt/kit@3.13.2(rollup@4.20.0)(webpack-sources@3.2.3))(rollup@4.20.0)(vite@5.4.9(sass@1.79.3))(vue@3.5.12(typescript@5.5.4))
+      vue3-intro-step:
+        specifier: ^1.0.5
+        version: 1.0.5(vue@3.5.12(typescript@5.5.4))
 
 packages:
 
@@ -3296,6 +3299,12 @@ packages:
     peerDependencies:
       vue: ^3.2.0
 
+  vue3-intro-step@1.0.5:
+    resolution: {integrity: sha512-MV+Y2VZCRVWGFgmwxaAFq0opANe7Yj/xEyL5Zox2z+8JNbU1Y6vkbGivT+yKbqc4o+Q/ui0z45zizI7GCouDmw==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      vue: ^3.0.5
+
   vue@3.5.12:
     resolution: {integrity: sha512-CLVZtXtn2ItBIi/zHZ0Sg1Xkb7+PU32bJJ8Bmy7ts3jxXTcbfsEfBivFYYWz1Hur+lalqGAh65Coin0r+HRUfg==}
     peerDependencies:
@@ -6972,6 +6981,10 @@ snapshots:
       '@vue/devtools-api': 6.6.4
       vue: 3.5.12(typescript@5.5.4)
 
+  vue3-intro-step@1.0.5(vue@3.5.12(typescript@5.5.4)):
+    dependencies:
+      vue: 3.5.12(typescript@5.5.4)
+
   vue@3.5.12(typescript@5.5.4):
     dependencies:
       '@vue/compiler-dom': 3.5.12
diff --git a/src/layouts/components/BeginnerGuide.vue b/src/layouts/components/BeginnerGuide.vue
index cc597a7..0598bf5 100644
--- a/src/layouts/components/BeginnerGuide.vue
+++ b/src/layouts/components/BeginnerGuide.vue
@@ -16,12 +16,12 @@
     :config="config"
   >
     <template #prev="{ tipItem, index }">
-      <NButton type="primary" color="#fff" text-color="#fff" ghost round size="small" @click="prev(tipItem, index)">
+      <NButton class="mr-12" type="primary" color="#fff" text-color="#fff" ghost round size="small" @click="prev(tipItem, index)">
         上一步
       </NButton>
     </template>
     <template #next="{ tipItem }">
-      <NButton type="primary" color="#fff" text-color="#fff" ghost round size="small" @click="next(tipItem)">
+      <NButton class="mr-12" type="primary" color="#fff" text-color="#fff" ghost round size="small" @click="next(tipItem)">
         下一步
       </NButton>
     </template>
@@ -128,11 +128,3 @@ function prev() {
   myIntroStep.value.prev()
 }
 </script>
-
-<style lang="scss" scoped>
-.beginner-guide {
-  .n-button {
-    margin-right: 12px;
-  }
-}
-</style>