feat: 组件拆分

app/components/SuccessModal.jsx

@@ -0,0 +1,35 @@
+'use client';
+
+import { motion } from 'framer-motion';
+
+export default function SuccessModal({ message, onClose }) {
+  return (
+    <motion.div
+      className="modal-overlay"
+      role="dialog"
+      aria-modal="true"
+      aria-label="成功提示"
+      onClick={onClose}
+      initial={{ opacity: 0 }}
+      animate={{ opacity: 1 }}
+      exit={{ opacity: 0 }}
+    >
+      <motion.div
+        initial={{ opacity: 0, scale: 0.95, y: 20 }}
+        animate={{ opacity: 1, scale: 1, y: 0 }}
+        exit={{ opacity: 0, scale: 0.95, y: 20 }}
+        className="glass card modal"
+        onClick={(e) => e.stopPropagation()}
+      >
+        <div className="success-message" style={{ textAlign: 'center', padding: '20px 0' }}>
+          <div style={{ fontSize: '48px', marginBottom: 16 }}>🎉</div>
+          <h3 style={{ marginBottom: 8 }}>{message}</h3>
+          <p className="muted">操作已完成，您可以继续使用。</p>
+          <button className="button" onClick={onClose} style={{ marginTop: 24, width: '100%' }}>
+            关闭
+          </button>
+        </div>
+      </motion.div>
+    </motion.div>
+  );
+}