fix: 指标卡金额字号随屏宽伸缩，修复小程序 web-view 窄屏溢出卡片

src/components/feature/MetricCard.vue

@@ -13,9 +13,10 @@ defineProps<{
     :class="feature ? 'p-5' : 'p-4'"
     :class="feature ? 'p-5' : 'p-4'"
   >
   >
     <div class="text-xs text-slate-500">{{ label }}</div>
     <div class="text-xs text-slate-500">{{ label }}</div>
+    <!-- 金额无空格不可断行，字号随屏宽伸缩，防止小屏（小程序 web-view）溢出卡片 -->
     <div
     <div
       class="tnum mt-2 font-semibold tracking-tight text-slate-900"
       class="tnum mt-2 font-semibold tracking-tight text-slate-900"
-      :class="feature ? 'text-[28px] leading-tight' : 'text-xl'"
+      :class="feature ? 'text-[clamp(20px,6.4vw,28px)] leading-tight' : 'text-[clamp(13px,4.2vw,20px)]'"
     >{{ value }}</div>
     >{{ value }}</div>
     <div v-if="hint" class="mt-1 text-xs text-slate-400">{{ hint }}</div>
     <div v-if="hint" class="mt-1 text-xs text-slate-400">{{ hint }}</div>
   </div>
   </div>