update pay function

tailwind.config.js

@@ -2,21 +2,18 @@
 const { heroui } = require("@heroui/react");
 
 module.exports = {
+  // 最小化扫描范围 - 只包含绝对必要的文件
   content: [
-    // 只扫描 src 和 public 目录（不使用 glob，精确指定）
-    "src/**/*.js",
-    "src/**/*.jsx",
-    "public/index.html",
-
-    // Hero UI 组件库（仅必需文件）
-    "node_modules/@heroui/theme/dist/components/*.js",
-    "node_modules/@heroui/react/dist/index.js",
+    "./src/views/AgentChat/**/*.{js,jsx}",  // 只扫描 AgentChat（使用 Hero UI 的页面）
+    "./src/index.js",                        // 入口文件
+    "./public/index.html",                   // HTML 模板
   ],
 
   darkMode: "class",
 
   theme: {
     extend: {
+      // Brainwave 自定义颜色
       colors: {
         n: {
           1: "#FFFFFF",
@@ -45,10 +42,22 @@ module.exports = {
 
   plugins: [heroui()],
 
+  // 预加载所有可能用到的 Hero UI 类名
   safelist: [
-    'bg-gradient-to-br',
-    'from-blue-500',
-    'to-purple-500',
-    'backdrop-blur-xl',
+    // 布局
+    'flex', 'flex-1', 'flex-col', 'grid', 'overflow-hidden',
+    // 渐变
+    'bg-gradient-to-br', 'from-blue-500', 'to-purple-500',
+    'from-gray-900', 'to-gray-800', 'via-slate-900',
+    // 毛玻璃
+    'backdrop-blur-xl', 'bg-white/80', 'bg-gray-900/95', 'bg-gray-800/80',
+    // 边框
+    'border-gray-200', 'border-gray-700', 'border-gray-800',
+    // 文字颜色
+    'text-gray-100', 'text-gray-300', 'text-gray-400',
+    // 背景颜色
+    'bg-gray-800', 'bg-gray-900', 'bg-blue-500',
+    // 悬停状态
+    'hover:bg-gray-700', 'hover:border-blue-500',
   ],
 }