初始化项目结构

tailwind.config.js

@@ -0,0 +1,34 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{vue,js,ts,jsx,tsx}",
+  ],
+  darkMode: 'class',
+  theme: {
+    extend: {
+      colors: {
+        primary: '#6366f1', // Indigo
+        dark: '#0f172a',    // Slate 900
+        panel: '#1e293b',   // Slate 800
+        input: '#334155',   // Slate 700
+        'msg-self': '#4f46e5',
+        'msg-other': '#334155',
+        danger: '#ef4444',
+        success: '#22c55e'
+      },
+      animation: {
+        'ripple': 'ripple 2s cubic-bezier(0, 0.2, 0.8, 1) infinite',
+      },
+      keyframes: {
+        ripple: {
+          '0%': { boxShadow: '0 0 0 0 rgba(99, 102, 241, 0.3)' },
+          '70%': { boxShadow: '0 0 0 20px rgba(99, 102, 241, 0)' },
+          '100%': { boxShadow: '0 0 0 0 rgba(99, 102, 241, 0)' },
+        }
+      }
+    },
+  },
+  plugins: [],
+}
+