🎉 feat: animation

Author: SaltyAom

docs/.vitepress/theme/glare-card.vue

@@ -7,7 +7,7 @@
         @pointerleave="handlePointerLeave"
     >
         <div
-            class="duration-[var(--duration)] ease-[var(--easing)] delay-[var(--delay)] grid h-full origin-center overflow-hidden rounded-xl transition-transform will-change-transform [transform:rotateY(var(--r-x))_rotateX(var(--r-y))] hover:filter-none hover:[--duration:200ms] hover:[--easing:linear] hover:[--opacity:0.3] shadow-2xl shadow-black/50"
+            class="duration-[var(--duration)] ease-[var(--easing)] delay-[var(--delay)] grid h-full origin-center overflow-hidden rounded-xl transition-transform will-change-transform [transform:rotateY(var(--r-x))_rotateX(var(--r-y))] hover:filter-none hover:[--duration:200ms] hover:[--easing:linear] hover:[--opacity:0.4] shadow-2xl shadow-black/50"
         >
             <div
                 class="grid size-full mix-blend-soft-light [clip-path:inset(0_0_0_0_round_var(--radius))] [grid-area:1/1]"

docs/.vitepress/theme/layout.vue

@@ -102,13 +102,12 @@ router.onAfterRouteChange = () => {
         href="/assets/shigure-ui-smol.gif"
         fetchpriority="low"
     />
-    <link rel="preload"
-    rel="preload"
-    as="image"
-    	href="/assets/elysia-chan-card.webp"
-     fetchpriority="low"
-
-    >
+    <link
+        rel="preload"
+        as="image"
+        href="/assets/elysia-chan-card.webp"
+        fetchpriority="low"
+    />
     <meta name="theme-color" :content="isDark ? '#0f172a' : '#ffffff'" />
     <AnimatePresence>
         <motion.div