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,11 +130,10 @@
     "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": "^3.4.17",
+    "tailwindcss": "next",
     "ts-node": "^10.9.2",
     "webpack-bundle-analyzer": "^4.10.2",
     "yn": "^5.1.0"

postcss.config.js

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

src/styles/heroui.css

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

tailwind.config.js

@@ -1,19 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-
-module.exports = {
-  // 只扫描项目源码，不扫描 node_modules
-  // HeroUI v3 的样式通过 @import "@heroui/styles" 加载，无需扫描
-  content: [
-    "./src/views/AgentChat/index.js",
-    "./src/views/AgentChat/components/**/*.{js,jsx}",
-    "./src/providers/AppProviders.js",
-  ],
-
-  darkMode: "class",
-
-  theme: {
-    extend: {},
-  },
-
-  plugins: [],
-}