From 9d7af32e25e9da8eee808b7143ac40560b5c94ee Mon Sep 17 00:00:00 2001
From: Ad-closeNN <1709301095@qq.com>
Date: Sun, 19 Apr 2026 23:27:22 +0800
Subject: [PATCH] =?UTF-8?q?chore(ui):=20PostCard=20=E8=BF=87=E6=B8=A1?=
 =?UTF-8?q?=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/transition.css | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/styles/transition.css b/src/styles/transition.css
index 76884a2..b51ee67 100644
--- a/src/styles/transition.css
+++ b/src/styles/transition.css
@@ -1,27 +1,31 @@
 /* Page transition animations with Swup */
 html.is-changing .transition-swup-fade {
-    @apply transition-all duration-200
+    transition-property: opacity, transform;
+    transition-duration: 180ms;
+    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
+    will-change: opacity, transform;
 }
 html.is-animating .transition-swup-fade {
-    @apply opacity-0 translate-y-4
+    opacity: 0;
+    transform: scale(0.985);
 }
 
 /* Fade-in animations for components */
-@keyframes fade-in-up {
+@keyframes fade-in-soft {
     0% {
-        transform: translateY(2rem);
         opacity: 0;
+        transform: scale(0.992);
     }
     100% {
-        transform: translateY(0);
         opacity: 1;
+        transform: scale(1);
     }
 }
 
 /* Main components */
 .onload-animation {
     opacity: 0;
-    animation: 300ms fade-in-up;
+    animation: 220ms fade-in-soft cubic-bezier(0.22, 1, 0.36, 1);
     animation-fill-mode: forwards;
 }
 #navbar {