feat(training): 握力环页面简化重构

## 主要改动

### 1. 连续训练模式
- 移除组数/休息逻辑,只统计总次数和时长
- 训练持续进行直到用户手动暂停
- 实时显示次数、时长、消耗糖分

### 2. 递进式奖励系统
- 鸡蛋(8-12次) → 核桃(15-20次) → 易拉罐(25-30次) → 气球(40-50次)
- 每个奖励在区间内随机触发
- 奖励按顺序递进,不会跳级
- 捏碎粒子特效 + 奖励弹窗

### 3. 糖分计算与食物对比
- 公式: (MET × 体重 × 时长) / 4
- MET = 3.5, 体重 = 60kg
- 食物对比: 苹果/香蕉/米饭/巧克力/可乐

### 4. 视觉设计优化
- 真实握力环造型(完整圆环 + 中空 + 握点)
- 立体渐变和纹理效果
- 挤压动画(训练时整体缩放)
- 简洁交互(整个环可点击,无中心按钮)

### 5. 问题修复
- 修复进入页面时音效预热响声(静音预热)
- 暂时禁用音效URL(避免404错误)
- 修复捏碎特效层级问题

## 技术实现

- 新增: grip-ring.vue (主页面)
- 新增: grip-ring-canvas.vue (画布组件)
- 修改: useMetronome.ts (静音预热)
- 修改: exercises.ts (移除握力环)
- 修改: index.vue (添加头部链接)
- 修改: dev-training-entry/index.vue (添加菜单入口)
- 修改: pages.json (添加路由)

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

TUICallKit-Vue3/training/hooks/useMetronome.ts

@@ -38,9 +38,8 @@ class AudioPool {
     }
 
     /**
-     * 预热：极小音量短暂播放,让音频文件下载/解码到内存
+     * 预热：短暂播放,让音频文件下载/解码到内存
      * 真正首次 play 不会再卡冷启动
-     * 注意:iOS 上 volume = 0 不一定真正解码,所以用 0.01 极小音量
      */
     warmUp() {
         if (this.warmedUp) return
@@ -48,12 +47,12 @@ class AudioPool {
 
         this.list.forEach((ctx) => {
             try {
-                ctx.volume = 0.01
+                ctx.volume = 0 // 静音预热,避免进入页面时响声
                 ctx.play()
                 setTimeout(() => {
                     try {
                         ctx.stop()
-                        ctx.volume = 1
+                        ctx.volume = 1 // 恢复音量
                     } catch (_) {}
                 }, 60)
             } catch (_) {}
@@ -69,8 +68,11 @@ class AudioPool {
         const ctx = this.list[this.cursor]
         this.cursor = (this.cursor + 1) % this.list.length
         try {
+            // 强制停止所有正在播放的音频，避免重叠
+            this.list.forEach(c => {
+                try { c.stop() } catch (_) {}
+            })
             // iOS 上 seek(0) + play() 不一定能从头播放;stop() + play() 更稳
-            ctx.stop()
             ctx.play()
         } catch (_) {
             try { ctx.play() } catch (__) {}
@@ -179,6 +181,43 @@ export function useMetronome(options: MetronomeOptions = {}) {
         beatIndex.value = 0
     }
 
+    /**
+     * 动态更新音频源（用于切换音色）
+     */
+    const updateAudioSrc = (newClickSrc: string, newAccentSrc?: string) => {
+        const wasPlaying = isPlaying.value
+        if (wasPlaying) stop()
+
+        // 销毁旧的音频池
+        clickPool?.destroy()
+        accentPool?.destroy()
+        clickPool = null
+        accentPool = null
+
+        // 创建新的音频池（静默预热，不播放）
+        clickPool = new AudioPool(newClickSrc, poolSize)
+        if (newAccentSrc) {
+            accentPool = new AudioPool(newAccentSrc, Math.max(2, Math.ceil(poolSize / 2)))
+        }
+
+        // 播放一次预览音效（适中音量）
+        const previewCtx = uni.createInnerAudioContext()
+        previewCtx.src = newClickSrc
+        previewCtx.obeyMuteSwitch = false
+        previewCtx.volume = 0.4
+        try {
+            previewCtx.play()
+            setTimeout(() => {
+                try {
+                    previewCtx.destroy?.()
+                } catch (_) {}
+            }, 500)
+        } catch (_) {}
+
+        // 恢复播放状态
+        if (wasPlaying) start()
+    }
+
     /**
      * 主动预加载（推荐在页面 onShow 时调用，让用户进页面就完成预热）
      * 同时再次设置 setInnerAudioOption,防 App.vue 全局设置失效(iOS 静音键)
@@ -214,6 +253,7 @@ export function useMetronome(options: MetronomeOptions = {}) {
         stop,
         setBpm,
         setAccentEvery,
+        updateAudioSrc,
         preload,
     }
 }