update

TUICallKit-Vue3/components/dev-training-entry/index.vue

@@ -16,7 +16,7 @@
 
             <view class="menu-item" @click="goto('/training/pages/grip-ring')">
                 <view class="menu-icon menu-icon--grip">
-                    <text class="menu-icon-text">🟢</text>
+                    <view class="grip-ring-shape" />
                 </view>
                 <view class="menu-info">
                     <text class="menu-title">握力环</text>
@@ -263,8 +263,8 @@ $brand-light: #34d399;
         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);
+        background: linear-gradient(140deg, #5eead4, #14b8a6);
+        box-shadow: 0 2rpx 8rpx rgba(20, 184, 166, 0.36);
     }
     &--metro {
         background: linear-gradient(140deg, #fbbf24, #d97706);
@@ -278,6 +278,17 @@ $brand-light: #34d399;
     line-height: 1;
 }
 
+/* 握力环小 icon: 白色描边的环（甜甜圈） */
+.grip-ring-shape {
+    width: 32rpx;
+    height: 32rpx;
+    border-radius: 50%;
+    border: 7rpx solid #fff;
+    box-shadow:
+        0 1rpx 2rpx rgba(0, 0, 0, 0.18),
+        inset 0 1rpx 2rpx rgba(255, 255, 255, 0.6);
+}
+
 /* 节拍器小 icon: 3 根高低柱模拟均衡器/节拍 */
 .metro-bar {
     width: 4rpx;