From 5402722ceab3257af799cfd69442193ef82fceaf Mon Sep 17 00:00:00 2001
From: jiangchen <1703935164@qq.com>
Date: Tue, 1 Sep 2026 20:52:32 +0800
Subject: [PATCH] fix: bottom-anchored height squash (wrapper flex-end) so
 Q-bounce shrinks top-down reliably

---
 src/pages/index/index.ux | 36 +++++++++++++++---------------------
 1 file changed, 15 insertions(+), 21 deletions(-)

diff --git a/src/pages/index/index.ux b/src/pages/index/index.ux
index 24e5f77..8020d8b 100644
--- a/src/pages/index/index.ux
+++ b/src/pages/index/index.ux
@@ -23,7 +23,9 @@
             <text class="bubble-text">{{bubbleText}}</text>
           </div>
         </div>
-        <image class="mascot step{{animStep}}" src="/common/dsniang.png" onclick="onTap" />
+        <div class="mascot-wrap">
+          <image class="mascot mh{{animStep}}" src="/common/dsniang.png" onclick="onTap" />
+        </div>
         <text class="peak {{isPeak ? 'peak-red' : 'peak-green'}}">{{peakLabel}}</text>
         <text class="stats">余额 {{balance}}</text>
         <text class="stats">今日 {{todayTokens}} tokens · 预估 ¥{{todayCost}}</text>
@@ -269,32 +271,24 @@ export default {
 }
 
 /* 吉祥物：比之前大一点 + 敲击 Q 弹 */
-.mascot {
+.mascot-wrap {
   width: 360px;
   height: 318px;
-  transform-origin: center bottom;
-  transition: transform 0.14s cubic-bezier(0.33, 1.12, 0.68, 1);
+  flex-direction: column;
+  justify-content: flex-end;
+  align-items: center;
 }
 
-.step0 {
-  transform: scaleY(1);
+.mascot {
+  width: 360px;
+  transition: height 0.14s cubic-bezier(0.33, 1.12, 0.68, 1);
 }
 
-.step1 {
-  transform: scaleY(0.92);
-}
-
-.step2 {
-  transform: scaleY(0.82);
-}
-
-.step3 {
-  transform: scaleY(0.95);
-}
-
-.step4 {
-  transform: scaleY(1.05);
-}
+.mh0 { height: 318px; }
+.mh1 { height: 292px; }
+.mh2 { height: 262px; }
+.mh3 { height: 302px; }
+.mh4 { height: 322px; }
 
 .peak {
   font-size: 22px;