feat: 炫酷的登录页

src/App.tsx

@@ -1,5 +1,6 @@
 import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom'
 import { useAuthStore } from '@/store/auth'
+import { useAppStore } from '@/store/app'
 import AdminLayout from '@/layouts/AdminLayout'
 import LoginPage from '@/pages/LoginPage'
 import ErrorBoundary from '@/components/ErrorBoundary'
@@ -77,9 +78,27 @@ function AppRoutes() {
 }
 
 export default function App() {
+  const themeHue = useAppStore(s => s.themeHue)
+  
+  useEffect(() => {
+    document.documentElement.style.setProperty('--theme-hue', themeHue)
+    if (themeHue === '45') {
+      document.documentElement.style.setProperty('--theme-l', '0.65')
+      document.documentElement.style.setProperty('--theme-c', '0.18')
+      document.documentElement.style.setProperty('--theme-l-dark', '0.70')
+      document.documentElement.style.setProperty('--theme-c-dark', '0.16')
+    } else {
+      document.documentElement.style.removeProperty('--theme-l')
+      document.documentElement.style.removeProperty('--theme-c')
+      document.documentElement.style.removeProperty('--theme-l-dark')
+      document.documentElement.style.removeProperty('--theme-c-dark')
+    }
+  }, [themeHue])
+
   return (
     <BrowserRouter>
       <AppRoutes />
     </BrowserRouter>
   )
 }
+