From 6343b9499e704d2ea684dbd5a15e993a10a9047c Mon Sep 17 00:00:00 2001
From: jiangchen <1703935164@qq.com>
Date: Tue, 1 Sep 2026 20:23:46 +0800
Subject: [PATCH] feat: Q-bounce = squash/stretch (scaleY down + scaleX),
 smooth rebound + delayed duck sound; fill-screen layout

---
 src/pages/index/index.ux | 27 ++++++++++++++-------------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/src/pages/index/index.ux b/src/pages/index/index.ux
index 46c205d..5c2dafa 100644
--- a/src/pages/index/index.ux
+++ b/src/pages/index/index.ux
@@ -152,11 +152,11 @@ export default {
   },
 
   onTap() {
-    playDuckSound()
-    // 敲击一下 Q 弹
+    // Q 弹：先上下压缩，再平滑回弹；回弹时放音效
     this.tapAnim = true
     const self = this
-    setTimeout(() => { self.tapAnim = false }, 130)
+    setTimeout(() => { self.tapAnim = false }, 150)
+    setTimeout(() => { playDuckSound() }, 150)
 
     const idx = Math.floor(Math.random() * this.lines.length)
     const mode = this.isPeak ? '当前是峰时，钱包瑟瑟发抖' : '当前是谷时，薅羊毛好时机'
@@ -215,7 +215,7 @@ export default {
 
 .bubble-zone {
   width: 100%;
-  height: 132px;
+  height: 110px;
   justify-content: center;
   align-items: center;
 }
@@ -262,19 +262,19 @@ export default {
 
 /* 吉祥物：比之前大一点 + 敲击 Q 弹 */
 .mascot {
-  width: 280px;
-  height: 280px;
+  width: 320px;
+  height: 320px;
   transition: transform 0.16s cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 
 .mascot-tap {
-  transform: scale(0.88);
+  transform: scale(1.05, 0.86);
 }
 
 .peak {
-  font-size: 20px;
+  font-size: 22px;
   font-weight: bold;
-  margin-top: 10px;
+  margin-top: 8px;
 }
 
 .peak-green {
@@ -286,14 +286,15 @@ export default {
 }
 
 .stats {
-  color: #b8c7e6;
-  font-size: 15px;
-  margin-top: 7px;
+  color: #c4d2ea;
+  font-size: 16px;
+  margin-top: 6px;
 }
 
 /* 气泡：头像正上方居中，稍微放大 */
 .bubble {
-  width: 240px;
+  width: 256px;
+  flex-direction: column;
   padding: 12px 14px;
   border-radius: 16px;
   background-color: #ffffff;