Initial commit

src/styles/brainwave-colors.css

@@ -0,0 +1,83 @@
+/* Brainwave 色彩变量定义 */
+:root {
+  /* 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;
+  
+  /* 描边色 */
+  --stroke-1: #26242C;
+}
+
+/* CSS类名映射到变量 */
+.bg-n-8 { background-color: var(--color-n-8) !important; }
+.bg-n-7 { background-color: var(--color-n-7) !important; }
+.bg-n-6 { background-color: var(--color-n-6) !important; }
+
+.text-n-1 { color: var(--color-n-1) !important; }
+.text-n-2 { color: var(--color-n-2) !important; }
+.text-n-3 { color: var(--color-n-3) !important; }
+.text-n-4 { color: var(--color-n-4) !important; }
+
+.border-n-6 { border-color: var(--color-n-6) !important; }
+.border-n-1\/10 { border-color: rgba(255, 255, 255, 0.1) !important; }
+.border-n-2\/5 { border-color: rgba(202, 198, 221, 0.05) !important; }
+.border-n-2\/10 { border-color: rgba(202, 198, 221, 0.1) !important; }
+
+.bg-stroke-1 { background-color: var(--stroke-1) !important; }
+
+/* 渐变背景 */
+.bg-conic-gradient {
+  background: conic-gradient(from 225deg, #FFC876, #79FFF7, #9F53FF, #FF98E2, #FFC876) !important;
+}
+
+.bg-gradient-to-br {
+  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)) !important;
+}
+
+.from-n-8 { --tw-gradient-from: var(--color-n-8); --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+.via-n-7 { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-from), var(--color-n-7), var(--tw-gradient-to); }
+.to-n-6 { --tw-gradient-to: var(--color-n-6); }
+
+/* 文字渐变 */
+.bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; }
+.from-color-1 { --tw-gradient-from: var(--color-1); --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+.to-color-2 { --tw-gradient-to: var(--color-2); }
+.from-color-2 { --tw-gradient-from: var(--color-2); --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
+.to-color-1 { --tw-gradient-to: var(--color-1); }
+
+.bg-clip-text { 
+  -webkit-background-clip: text !important;
+  background-clip: text !important;
+}
+.text-transparent { 
+  color: transparent !important;
+}
+
+/* 其他样式增强 */
+.backdrop-blur-sm { backdrop-filter: blur(8px) !important; }
+.backdrop-blur { backdrop-filter: blur(16px) !important; }
+
+/* 确保body有深色背景 */
+body {
+  background-color: var(--color-n-8) !important;
+}
+
+/* z-index 修复 */
+.z-50 { z-index: 50 !important; }
+.z-10 { z-index: 10 !important; }
+.z-2 { z-index: 2 !important; }
+.z-1 { z-index: 1 !important; }