update pay function

src/index.js

@@ -2,6 +2,10 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import { BrowserRouter as Router } from 'react-router-dom';
+
+// 导入 HeroUI v3 样式（必须在最前面导入，包含 Tailwind CSS）
+import './styles/heroui.css';
+
 // 导入 Brainwave 样式（空文件，保留以避免错误）
 import './styles/brainwave.css';
 

src/providers/AppProviders.js

@@ -3,7 +3,6 @@
 
 import React from 'react';
 import { ChakraProvider } from '@chakra-ui/react';
-import { HeroUIProvider } from '@heroui/react';
 import { Provider as ReduxProvider } from 'react-redux';
 
 // Redux Store
@@ -23,11 +22,11 @@ import { NotificationProvider } from '../contexts/NotificationContext';
  * Provider 层级顺序 (从外到内):
  * 1. ReduxProvider - 状态管理层
  * 2. ChakraProvider - UI 框架层（主要）
- * 3. HeroUIProvider - Hero UI 框架层（AgentChat 专用）
- * 4. NotificationProvider - 通知系统
- * 5. AuthProvider - 认证系统
+ * 3. NotificationProvider - 通知系统
+ * 4. AuthProvider - 认证系统
  *
  * 注意:
+ * - HeroUI v3 不再需要 HeroUIProvider，样式通过 CSS 导入加载 (src/styles/heroui.css)
  * - AuthModal 已迁移到 Redux (authModalSlice + useAuthModal Hook)
  * - ErrorBoundary 在各 Layout 层实现，不在全局层，以实现精细化错误隔离
  *   - MainLayout: PageTransitionWrapper 包含 ErrorBoundary (页面错误不影响导航栏)
@@ -49,13 +48,11 @@ export function AppProviders({ children }) {
                     }
                 }}
             >
-                <HeroUIProvider>
-                    <NotificationProvider>
-                        <AuthProvider>
-                            {children}
-                        </AuthProvider>
-                    </NotificationProvider>
-                </HeroUIProvider>
+                <NotificationProvider>
+                    <AuthProvider>
+                        {children}
+                    </AuthProvider>
+                </NotificationProvider>
             </ChakraProvider>
         </ReduxProvider>
     );

src/styles/heroui.css

@@ -0,0 +1,19 @@
+/* HeroUI v3 样式导入 */
+/* 文档: https://v3.heroui.com/docs/quick-start */
+
+/*
+ * 重要: 必须先导入 tailwindcss，再导入 @heroui/styles
+ * HeroUI v3 不再使用 Tailwind 插件，而是通过 CSS 层叠方式加载样式
+ */
+@import "tailwindcss";
+@import "@heroui/styles";
+
+/*
+ * AgentChat 页面的自定义样式
+ * 这些样式仅在使用 HeroUI 组件的页面生效
+ */
+
+/* 确保深色模式正常工作 */
+.dark {
+  color-scheme: dark;
+}