diff --git a/app/pages/collectCode/signature/panel/index.vue b/app/pages/collectCode/signature/panel/index.vue
index 8f6e599..8bc05bb 100644
--- a/app/pages/collectCode/signature/panel/index.vue
+++ b/app/pages/collectCode/signature/panel/index.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { VueSignaturePad } from 'vue-signature-pad';
+import {VueSignaturePad}  from 'vue-signature-pad';
 import { showToast } from 'vant';
 import { onMounted } from 'vue';
 import {codeAuthStore} from "~/stores-collect-code/auth/index.js";
@@ -45,11 +45,13 @@ router.push('/collectCode/signature/result')
 <template>
   <div class="signature-container">
     <div class="flex flex-col h-100vh px-20px py-20px bg-gray w-100vw">
-      <VueSignaturePad
-          width="100%"
-          class="signature bg-#fff rounded-10px mb-10px"
-          ref="signaturePad"
-      />
+      <client-only>
+        <VueSignaturePad
+            width="100%"
+            class="signature bg-#fff rounded-10px mb-10px"
+            ref="signaturePad"
+        />
+      </client-only>
       <div class="flex justify-evenly">
         <van-button class="!h-40px mr-15px" type="primary" @click="goBack">
           返回
diff --git a/package.json b/package.json
index 89247a3..9134272 100644
--- a/package.json
+++ b/package.json
@@ -9,18 +9,21 @@
     "dev:prod": "cross-env ENV_FILE=.env.prod nuxt dev",
     "build:test": "cross-env ENV_FILE=.env.test nuxt build",
     "build:prod": "cross-env ENV_FILE=.env.prod nuxt build",
-    "build:test-csr": "cross-env ENV_FILE=.env.test nuxt generate",
-    "build:prod-csr": "cross-env ENV_FILE=.env.prod nuxt generate",
+    "build:test-csr": "cross-env ENV_FILE=.env.test nuxt generate --mode client-only",
+    "build:prod-csr": "cross-env ENV_FILE=.env.prod nuxt generate --mode client-only",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
     "postinstall": "nuxt prepare",
     "typecheck": "vue-tsc --noEmit",
     "release": "bumpp --commit --push --tag",
-    "start": "cross-env ENV_FILE=.env.prod nuxt start"
+    "start": "cross-env ENV_FILE=.env.prod nuxt start",
+    "dev:test-csr": "cross-env ENV_FILE=.env.test NODE_ENV=development nuxt dev --mode client-only",
+    "dev:prod-csr": "cross-env ENV_FILE=.env.prod NODE_ENV=development nuxt dev --mode client-only"
   },
   "dependencies": {
     "@fingerprintjs/fingerprintjs": "^4.5.1",
     "@nuxtjs/i18n": "^9.1.1",
+    "@selemondev/vue3-signature-pad": "^1.1.5",
     "@vueuse/core": "^12.4.0",
     "aliyun-aliplayer": "^2.28.5",
     "axios": "^1.7.9",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8b1fda1..fa9a07a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -17,6 +17,9 @@ importers:
       '@nuxtjs/i18n':
         specifier: ^9.1.1
         version: 9.2.0(@vue/compiler-dom@3.5.13)(eslint@9.20.1(jiti@2.4.2))(magicast@0.3.5)(rollup@4.34.6)(typescript@5.7.3)(vue@3.5.13(typescript@5.7.3))
+      '@selemondev/vue3-signature-pad':
+        specifier: ^1.1.5
+        version: 1.1.5(vue@3.5.13(typescript@5.7.3))
       '@vueuse/core':
         specifier: ^12.4.0
         version: 12.6.1(typescript@5.7.3)
@@ -1256,6 +1259,11 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@selemondev/vue3-signature-pad@1.1.5':
+    resolution: {integrity: sha512-AJxajgLzeKQ/fDr4605vCJt44BucFLLKLmQ1XMUDajFu3C8mkSqmnDzpb6EM1GbZxXxAxEFA4pPHoQ8tuT0Pow==}
+    peerDependencies:
+      vue: ^3.2.0
+
   '@sindresorhus/merge-streams@2.3.0':
     resolution: {integrity: sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==}
     engines: {node: '>=18'}
@@ -3842,6 +3850,9 @@ packages:
   signature_pad@3.0.0-beta.4:
     resolution: {integrity: sha512-cOf2NhVuTiuNqe2X/ycEmizvCDXk0DoemhsEpnkcGnA4kS5iJYTCqZ9As7tFBbsch45Q1EdX61833+6sjJ8rrw==}
 
+  signature_pad@5.0.4:
+    resolution: {integrity: sha512-nngOixbwLAUOuH3QnZwlgwmynQblxmo4iWacKFwfymJfiY+Qt+9icNtcIe/okqXKun4hJ5QTFmHyC7dmv6lf2w==}
+
   simple-git@3.27.0:
     resolution: {integrity: sha512-ivHoFS9Yi9GY49ogc6/YAi3Fl9ROnF4VyubNylgCkA+RVqLaKWnDSzXOVzya8csELIaWaYNutsEuAhZrtOjozA==}
 
@@ -5778,6 +5789,12 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.34.6':
     optional: true
 
+  '@selemondev/vue3-signature-pad@1.1.5(vue@3.5.13(typescript@5.7.3))':
+    dependencies:
+      nanoid: 5.0.9
+      signature_pad: 5.0.4
+      vue: 3.5.13(typescript@5.7.3)
+
   '@sindresorhus/merge-streams@2.3.0': {}
 
   '@tootallnate/quickjs-emscripten@0.23.0':
@@ -8901,6 +8918,8 @@ snapshots:
 
   signature_pad@3.0.0-beta.4: {}
 
+  signature_pad@5.0.4: {}
+
   simple-git@3.27.0:
     dependencies:
       '@kwsites/file-exists': 1.1.1