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/components/dev-training-entry/index.vue

@@ -2,7 +2,7 @@
     <view v-if="visible" class="dev-entry-wrap" :style="{ bottom: props.bottom + 'rpx' }">
         <!-- 展开后的菜单卡片(从下往上动画) -->
         <view v-if="expanded" class="menu-list" @click.stop>
-            <!-- "练一练" 暂时隐藏,后续恢复时取消注释即可
+            <!-- "练一练" 暂时隐藏,后续恢复时取消注释即可 -->
             <view class="menu-item" @click="goto('/training/pages/index')">
                 <view class="menu-icon menu-icon&#45;&#45;train">
                     <text class="menu-icon-text">💪</text>
@@ -13,7 +13,18 @@
                 </view>
                 <view class="menu-arrow">›</view>
             </view>
-            -->
+
+            <view class="menu-item" @click="goto('/training/pages/grip-ring')">
+                <view class="menu-icon menu-icon--grip">
+                    <text class="menu-icon-text">🟢</text>
+                </view>
+                <view class="menu-info">
+                    <text class="menu-title">握力环</text>
+                    <text class="menu-sub">握力训练</text>
+                </view>
+                <view class="menu-arrow">›</view>
+            </view>
+
             <view class="menu-item" @click="goto('/training/pages/metronome')">
                 <view class="menu-icon menu-icon--metro">
                     <view class="metro-bar metro-bar-1" />
@@ -21,7 +32,7 @@
                     <view class="metro-bar metro-bar-3" />
                 </view>
                 <view class="menu-info">
-                    <text class="menu-title">节拍器</text>
+                    <text class="menu-title">耗糖节拍器</text>
                     <text class="menu-sub">健走配速</text>
                 </view>
                 <view class="menu-arrow">›</view>
@@ -251,6 +262,10 @@ $brand-light: #34d399;
     &--train {
         background: linear-gradient(140deg, $brand-light, $brand-deep);
     }
+    &--grip {
+        background: linear-gradient(140deg, #86efac, #22c55e);
+        box-shadow: 0 2rpx 8rpx rgba(34, 197, 94, 0.36);
+    }
     &--metro {
         background: linear-gradient(140deg, #fbbf24, #d97706);
         box-shadow: 0 2rpx 8rpx rgba(245, 158, 11, 0.36);