update pay function

package.json

@@ -112,13 +112,13 @@
   },
   "devDependencies": {
     "@craco/craco": "^7.1.0",
-    "@tailwindcss/postcss": "next",
     "@types/node": "^20.19.25",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@typescript-eslint/eslint-plugin": "^8.46.4",
     "@typescript-eslint/parser": "^8.46.4",
     "ajv": "^8.17.1",
+    "autoprefixer": "^10.4.20",
     "concurrently": "^8.2.2",
     "env-cmd": "^11.0.0",
     "eslint-config-prettier": "8.3.0",
@@ -130,10 +130,11 @@
     "imagemin-pngquant": "^10.0.0",
     "kill-port": "^2.0.1",
     "msw": "^2.11.5",
+    "postcss": "^8.4.49",
     "prettier": "2.2.1",
     "react-error-overlay": "6.0.9",
     "sharp": "^0.34.4",
-    "tailwindcss": "next",
+    "tailwindcss": "^3.4.17",
     "ts-node": "^10.9.2",
     "webpack-bundle-analyzer": "^4.10.2",
     "yn": "^5.1.0"

postcss.config.js

@@ -1,6 +1,7 @@
-// PostCSS 配置 - Tailwind CSS v4
+// PostCSS 配置 - Tailwind CSS v3
 module.exports = {
   plugins: {
-    '@tailwindcss/postcss': {},
+    tailwindcss: {},
+    autoprefixer: {},
   },
 }

src/styles/heroui.css

@@ -1,10 +1,15 @@
 /**
- * HeroUI v3 + Tailwind CSS v4 配置
+ * HeroUI v3 + Tailwind CSS v3 配置
  * 参考文档: https://v3.heroui.com/docs/quick-start
  *
- * 重要提示：导入顺序很重要！必须先导入 tailwindcss，再导入 @heroui/styles
- * Import order matters. Always import `tailwindcss` first.
+ * 注意：HeroUI v3 同时支持 Tailwind v3 和 v4
+ * 由于 CRACO 兼容性问题，我们使用 Tailwind v3
  */
 
-@import "tailwindcss";
+/* Tailwind CSS v3 基础样式 */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* HeroUI v3 样式 */
 @import "@heroui/styles";

tailwind.config.js

@@ -0,0 +1,19 @@
+/** @type {import('tailwindcss').Config} */
+
+module.exports = {
+  // 扫描所有使用 HeroUI 和 Tailwind 的文件
+  content: [
+    "./src/views/AgentChat/**/*.{js,jsx,ts,tsx}",
+    "./src/providers/AppProviders.js",
+    "./node_modules/@heroui/react/dist/**/*.{js,jsx,ts,tsx}",
+    "./node_modules/@heroui/styles/dist/**/*.{js,jsx,ts,tsx}",
+  ],
+
+  darkMode: "class",
+
+  theme: {
+    extend: {},
+  },
+
+  plugins: [],
+}