From 1ada9579ce85855c34aea2e7029fbeb494ce10c6 Mon Sep 17 00:00:00 2001
From: sendevia <me@sendevia.top>
Date: Mon, 9 Feb 2026 23:30:43 +0800
Subject: [PATCH] style(layout): improve transition effects

---
 .vitepress/theme/styles/animation.scss       | 17 -----------------
 .vitepress/theme/styles/layouts/Default.scss | 19 +++++++++++++++++++
 2 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/.vitepress/theme/styles/animation.scss b/.vitepress/theme/styles/animation.scss
index 658287e..4b820c3 100644
--- a/.vitepress/theme/styles/animation.scss
+++ b/.vitepress/theme/styles/animation.scss
@@ -1,20 +1,3 @@
-.layout-enter-active {
-  transition: opacity var(--md-sys-motion-spring-fast-effect-duration) var(--md-sys-motion-spring-fast-effect),
-    transform var(--md-sys-motion-spring-fast-spatial-duration) var(--md-sys-motion-spring-fast-spatial)
-      var(--md-sys-motion-duration-short1);
-}
-
-.layout-leave-active {
-  transition: opacity var(--md-sys-motion-spring-default-effect-duration) var(--md-sys-motion-spring-default-effect),
-    transform var(--md-sys-motion-spring-fast-spatial-duration) var(--md-sys-motion-spring-fast-spatial);
-}
-
-.layout-enter-from,
-.layout-leave-to {
-  opacity: 0;
-  transform: translateY(10px);
-}
-
 @keyframes fade-out {
   0% {
     opacity: 0;
diff --git a/.vitepress/theme/styles/layouts/Default.scss b/.vitepress/theme/styles/layouts/Default.scss
index 4199239..b912d81 100644
--- a/.vitepress/theme/styles/layouts/Default.scss
+++ b/.vitepress/theme/styles/layouts/Default.scss
@@ -258,3 +258,22 @@
     }
   }
 }
+
+.layout-enter-active {
+  transition:
+    opacity var(--md-sys-motion-spring-fast-effect-duration) var(--md-sys-motion-spring-fast-effect),
+    transform var(--md-sys-motion-spring-fast-spatial-duration) var(--md-sys-motion-spring-fast-spatial)
+      var(--md-sys-motion-duration-short1);
+}
+
+.layout-leave-active {
+  transition:
+    opacity var(--md-sys-motion-spring-default-effect-duration) var(--md-sys-motion-spring-default-effect),
+    transform var(--md-sys-motion-spring-fast-spatial-duration) var(--md-sys-motion-spring-fast-spatial);
+}
+
+.layout-enter-from,
+.layout-leave-to {
+  opacity: 0;
+  transform: scale(0.99);
+}