diff --git a/packages/web/src/components/CodePre.vue b/packages/web/src/components/CodePre.vue
index b5cab3a..832934e 100644
--- a/packages/web/src/components/CodePre.vue
+++ b/packages/web/src/components/CodePre.vue
@@ -8,24 +8,14 @@
 </template>
 
 <script setup>
-import { ElMessage } from 'element-plus';
-import { useI18n } from 'vue-i18n';
-
-const { t } = useI18n();
+import { copy } from '@/utils';
 
 const props = defineProps({
   value: String,
 });
 
 const handleCopy = () => {
-  const textarea = document.createElement('textarea');
-  textarea.value = props.value;
-  document.body.appendChild(textarea);
-  textarea.select();
-  document.execCommand('copy');
-  document.body.removeChild(textarea);
-
-  ElMessage.success(t('common.copySuccess'));
+  copy(props.value);
 };
 </script>
 
diff --git a/packages/web/src/components/TextPlus.vue b/packages/web/src/components/TextPlus.vue
index 9776e49..b32a818 100644
--- a/packages/web/src/components/TextPlus.vue
+++ b/packages/web/src/components/TextPlus.vue
@@ -8,12 +8,10 @@
 </template>
 
 <script setup>
-import { ElMessage } from 'element-plus';
 import { useRouter } from 'vue-router';
-import { useI18n } from 'vue-i18n';
+import { copy } from '@/utils';
 
 const router = useRouter();
-const { t } = useI18n();
 
 const props = defineProps({
   text: String,
@@ -22,14 +20,7 @@ const props = defineProps({
 });
 
 const handleCopy = () => {
-  const textarea = document.createElement('textarea');
-  textarea.value = props.text;
-  document.body.appendChild(textarea);
-  textarea.select();
-  document.execCommand('copy');
-  document.body.removeChild(textarea);
-
-  ElMessage.success(t('common.copySuccess'));
+  copy(props.text);
 };
 
 const handleClick = () => {
diff --git a/packages/web/src/locales/en.js b/packages/web/src/locales/en.js
index 1eb9e18..0fd40f3 100644
--- a/packages/web/src/locales/en.js
+++ b/packages/web/src/locales/en.js
@@ -29,6 +29,7 @@ export default {
     requestError: 'Request error',
     tip: 'Tip',
     copySuccess: 'Copy successful',
+    copyFailed: 'Copy failed',
     inputInvalid: 'Invalid input',
     operationSuccess: 'Operation successful',
     messageTip: 'Message',
diff --git a/packages/web/src/locales/zh.js b/packages/web/src/locales/zh.js
index 26c3c53..8e34e0a 100644
--- a/packages/web/src/locales/zh.js
+++ b/packages/web/src/locales/zh.js
@@ -29,6 +29,7 @@ export default {
     requestError: '请求异常',
     tip: '提示',
     copySuccess: '复制成功',
+    copyFailed: '复制失败',
     inputInvalid: '输入不合法',
     operationSuccess: '操作成功',
     messageTip: '消息提示',
diff --git a/packages/web/src/utils/clipboard.js b/packages/web/src/utils/clipboard.js
deleted file mode 100644
index cf5b07a..0000000
--- a/packages/web/src/utils/clipboard.js
+++ /dev/null
@@ -1,32 +0,0 @@
-import Vue from 'vue'
-import Clipboard from 'clipboard'
-
-function clipboardSuccess() {
-  Vue.prototype.$message({
-    message: 'Copy successfully',
-    type: 'success',
-    duration: 1500
-  })
-}
-
-function clipboardError() {
-  Vue.prototype.$message({
-    message: 'Copy failed',
-    type: 'error'
-  })
-}
-
-export default function handleClipboard(text, event) {
-  const clipboard = new Clipboard(event.target, {
-    text: () => text
-  })
-  clipboard.on('success', () => {
-    clipboardSuccess()
-    clipboard.destroy()
-  })
-  clipboard.on('error', () => {
-    clipboardError()
-    clipboard.destroy()
-  })
-  clipboard.onClick(event)
-}
diff --git a/packages/web/src/utils/index.js b/packages/web/src/utils/index.js
index dbbb265..c81d4a4 100644
--- a/packages/web/src/utils/index.js
+++ b/packages/web/src/utils/index.js
@@ -531,15 +531,34 @@ export function daysSince(dateString) {
   return daysDifference;
 }
 
-export function copy(str) {
-  const textarea = document.createElement('textarea');
-  textarea.value = str;
-  document.body.appendChild(textarea);
-  textarea.select();
-  document.execCommand('copy');
-  document.body.removeChild(textarea);
-
-  ElMessage.success(i18n.global.t('common.copySuccess'));
+export async function copy(str) {
+  try {
+    // 优先使用现代 Clipboard API
+    if (navigator.clipboard && window.isSecureContext) {
+      await navigator.clipboard.writeText(str);
+      ElMessage.success(i18n.global.t('common.copySuccess'));
+      return;
+    }
+    
+    // 降级方案：使用 document.execCommand
+    const textarea = document.createElement('textarea');
+    textarea.value = str;
+    textarea.style.cssText = 'position:fixed;opacity:0;left:-9999px;';
+    document.body.appendChild(textarea);
+    textarea.select();
+    
+    const successful = document.execCommand('copy');
+    document.body.removeChild(textarea);
+    
+    if (successful) {
+      ElMessage.success(i18n.global.t('common.copySuccess'));
+    } else {
+      ElMessage.error(i18n.global.t('common.copyFailed') || '复制失败');
+    }
+  } catch (err) {
+    console.error('复制失败:', err);
+    ElMessage.error(i18n.global.t('common.copyFailed') || '复制失败');
+  }
 }
 
 export function roundToDecimal(num, decimalPlaces) {