style(desktop): loading 页面改为白色轻盈主题

apps/desktop/src/renderer/styles.css

@@ -1,36 +1,15 @@
 @import "tailwindcss";
 
 @theme {
-  --animate-breathe: breathe 8s ease-in-out infinite alternate;
-  --animate-slide: slide 1.4s cubic-bezier(0.4, 0, 0.2, 1) infinite;
-  --animate-appear: appear 1s ease-out 0.2s both;
-  --animate-pulse-subtle: pulse-subtle 3s ease-in-out infinite;
+  --animate-fade-in: fade-in 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
+  --animate-pulse-slow: pulse-slow 3s ease-in-out infinite;
+  --animate-loading-bar: loading-bar 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
 }
 
-@keyframes breathe {
-  from {
-    transform: scale(0.95);
-    opacity: 0.5;
-  }
-  to {
-    transform: scale(1.05);
-    opacity: 0.8;
-  }
-}
-
-@keyframes slide {
-  0% {
-    transform: translateX(-150%);
-  }
-  100% {
-    transform: translateX(350%);
-  }
-}
-
-@keyframes appear {
+@keyframes fade-in {
   from {
     opacity: 0;
-    transform: translateY(10px);
+    transform: translateY(4px);
   }
   to {
     opacity: 1;
@@ -38,12 +17,24 @@
   }
 }
 
-@keyframes pulse-subtle {
+@keyframes pulse-slow {
   0%,
   100% {
-    opacity: 0.5;
+    opacity: 0.4;
   }
   50% {
     opacity: 0.8;
   }
 }
+
+@keyframes loading-bar {
+  0% {
+    transform: translateX(-100%);
+  }
+  50% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}