diff --git a/TUICallKit-Vue3/pages.json b/TUICallKit-Vue3/pages.json
index f2e03c0a..885c1cd9 100644
--- a/TUICallKit-Vue3/pages.json
+++ b/TUICallKit-Vue3/pages.json
@@ -80,8 +80,9 @@
 			"path": "pages/training/metronome",
 			"style": {
 				"navigationBarTitleText": "节拍器",
-				"navigationBarBackgroundColor": "#0f172a",
-				"navigationBarTextStyle": "white",
+				"navigationBarBackgroundColor": "#f8fafc",
+				"navigationBarTextStyle": "black",
+				"backgroundColor": "#f8fafc",
 				"disableScroll": true
 			}
 		}
diff --git a/TUICallKit-Vue3/pages/training/metronome.vue b/TUICallKit-Vue3/pages/training/metronome.vue
index 7a2f443a..a2c9eb94 100644
--- a/TUICallKit-Vue3/pages/training/metronome.vue
+++ b/TUICallKit-Vue3/pages/training/metronome.vue
@@ -255,7 +255,7 @@ onUnmounted(() => {
 /* ============================================================
  * 设计 token —— 浅色清爽
  * ============================================================ */
-$bg-grad: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
+$bg-color: #f8fafc;
 $card-bg: #ffffff;
 $card-border: rgba(15, 23, 42, 0.06);
 $text-1: #0f172a;
@@ -279,7 +279,7 @@ $shadow-md: 0 12rpx 28rpx rgba(15, 23, 42, 0.08);
     height: 100vh;
     box-sizing: border-box;
     padding: 30rpx 28rpx 80rpx;
-    background: $bg-grad;
+    background: $bg-color;
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -433,17 +433,25 @@ $shadow-md: 0 12rpx 28rpx rgba(15, 23, 42, 0.08);
 }
 
 .walker-clip {
-    /* 圆形蒙版裁掉 video 的灰白边 + 隐藏右上角原生小窗按钮 */
+    /* 圆形蒙版裁掉 video 的灰白边 + 隐藏右上角原生小窗按钮
+       外圈柔化阴影颜色等于页面背景,圆形边缘自然消融到背景里
+       视觉上不再有硬切感的"边框"
+    */
     width: 220rpx;
     height: 220rpx;
     border-radius: 50%;
     overflow: hidden;
+    box-shadow:
+        0 0 0 6rpx $bg-color,
+        0 0 30rpx 12rpx $bg-color;
 }
 
 .runner-video {
     width: 100%;
     height: 100%;
-    transform: scale(1.1);
+    /* scale 1.4: 把 video 内容放大,让自带的灰白渐变边和右上角原生
+       PIP/小窗按钮全部被推到圆形外,被 overflow:hidden 切掉 */
+    transform: scale(1.4);
     background: transparent;
 }
 
diff --git a/TUICallKit-Vue3/static/training/audio/click-wood.mp3 b/TUICallKit-Vue3/static/training/audio/click-wood.mp3
index 4f89ad7a..a8ca8ef7 100644
Binary files a/TUICallKit-Vue3/static/training/audio/click-wood.mp3 and b/TUICallKit-Vue3/static/training/audio/click-wood.mp3 differ
diff --git a/TUICallKit-Vue3/static/training/audio/click.mp3 b/TUICallKit-Vue3/static/training/audio/click.mp3
index d56c0dd0..ae456fee 100644
Binary files a/TUICallKit-Vue3/static/training/audio/click.mp3 and b/TUICallKit-Vue3/static/training/audio/click.mp3 differ