feat: 页面切换动画

Author: CodeJudge

frontend/src/App.tsx

@@ -26,7 +26,7 @@ export default function App() {
   return (
     <div className="min-h-screen bg-dark-950">
       <Navbar />
-      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 animate-fadeIn">
         <ErrorBoundary>
           <Suspense fallback={
           <div className="flex items-center justify-center min-h-[60vh]">

frontend/src/index.css

@@ -83,3 +83,9 @@ pre, code {
   100% { transform: translateY(-200px) scale(0.3); opacity: 0; }
 }
 .animate-float-up { animation: float-up ease-out forwards; }
+
+@keyframes fadeIn {
+  0% { opacity: 0; transform: translateY(8px); }
+  100% { opacity: 1; transform: translateY(0); }
+}
+.animate-fadeIn { animation: fadeIn 0.3s ease-out; }