update pay function

src/styles/brainwave.css

@@ -1,11 +1,33 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
 
-/* Hero UI 源码扫描（Tailwind v4 推荐方式） */
+/* Hero UI 源码扫描（Tailwind v4 语法） */
 @source "../node_modules/@heroui/theme";
 @source "../node_modules/@heroui/react";
 
+/* 自定义主题配置（Tailwind v4 语法） */
+@theme {
+  /* Brainwave 中性色系 */
+  --color-n-1: #FFFFFF;
+  --color-n-2: #CAC6DD;
+  --color-n-3: #ADA8C3;
+  --color-n-4: #757185;
+  --color-n-5: #3F3A52;
+  --color-n-6: #252134;
+  --color-n-7: #15131D;
+  --color-n-8: #0E0C15;
+
+  /* Brainwave 主题色 */
+  --color-1: #AC6AFF;
+  --color-2: #FFC876;
+  --color-3: #FF776F;
+  --color-4: #7ADB78;
+  --color-5: #858DFF;
+  --color-6: #FF98E2;
+
+  /* 描边色 */
+  --color-stroke-1: #26242C;
+}
+
 body {
 }
 

tailwind.config.js

@@ -1,51 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-const { heroui } = require("@heroui/react");
-
-module.exports = {
-  // 只扫描项目源码，不包含 node_modules
-  // Hero UI 通过 @source 指令在 brainwave.css 中声明
-  content: [
-    "./src/**/*.{js,jsx}",
-    "./public/index.html",
-  ],
-
-  darkMode: "class",
-
-  theme: {
-    extend: {
-      // Brainwave 自定义颜色
-      colors: {
-        n: {
-          1: "#FFFFFF",
-          2: "#CAC6DD",
-          3: "#ADA8C3",
-          4: "#757185",
-          5: "#3F3A52",
-          6: "#252134",
-          7: "#15131D",
-          8: "#0E0C15",
-        },
-        color: {
-          1: "#AC6AFF",
-          2: "#FFC876",
-          3: "#FF776F",
-          4: "#7ADB78",
-          5: "#858DFF",
-          6: "#FF98E2",
-        },
-        stroke: {
-          1: "#26242C",
-        },
-      },
-    },
-  },
-
-  plugins: [heroui()],
-
-  safelist: [
-    'bg-gradient-to-br',
-    'from-blue-500',
-    'to-purple-500',
-    'backdrop-blur-xl',
-  ],
-}