style(ui): 增大全局字体和图标尺寸以提升可读性

- 全局基础字体大小从默认值增加到 30rpx
- 首页网格导航图标容器从 88rpx 增加到 100rpx
- 首页网格导航图标大小从 24 增加到 28
- 首页网格导航标签文字从 26rpx 增加到 28rpx
- 底部导航栏图标大小从 24 增加到 28
- 底部导航栏文字从 20rpx 增加到 24rpx

这些改动改善了触摸目标和文字可读性，特别是在移动设备上。

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

@@ -14,4 +14,7 @@
 page {
 page {
     --nut-primary-color: #007AFF;
     --nut-primary-color: #007AFF;
     --nut-tabs-horizontal-titles-height: 120rpx;
     --nut-tabs-horizontal-titles-height: 120rpx;
+
+    // 全局字体大小调整（推荐：28rpx - 32rpx）
+    font-size: 30rpx;  // 默认 15px（750设计稿）→ 30rpx
 }
 }

@@ -12,11 +12,11 @@
       <view class="flex-1 flex flex-col items-center justify-center" v-for="(item, index) in tabs" :key="index"
       <view class="flex-1 flex flex-col items-center justify-center" v-for="(item, index) in tabs" :key="index"
         @tap="handleTabClick(item)">
         @tap="handleTabClick(item)">
         <view class="relative">
         <view class="relative">
-          <IconFont :name="item.icon" :class="[current === item.key ? 'text-blue-600' : 'text-gray-400']" size="24" />
+          <IconFont :name="item.icon" :class="[current === item.key ? 'text-blue-600' : 'text-gray-400']" size="28" />
           <!-- 红点提醒标记 -->
           <!-- 红点提醒标记 -->
           <view v-if="badges.includes(item.key)" class="tabbar-badge"></view>
           <view v-if="badges.includes(item.key)" class="tabbar-badge"></view>
         </view>
         </view>
-        <text class="text-[20rpx] mt-[8rpx]" :class="[current === item.key ? 'text-blue-600' : 'text-gray-400']">{{
+        <text class="text-[24rpx] mt-[8rpx]" :class="[current === item.key ? 'text-blue-600' : 'text-gray-400']">{{
           item.label }}</text>
           item.label }}</text>
       </view>
       </view>
     </view>
     </view>

@@ -30,10 +30,10 @@
             :key="index"
             :key="index"
             @tap="handleGridNav(item)"
             @tap="handleGridNav(item)"
           >
           >
-            <view class="w-[88rpx] h-[88rpx] rounded-[24rpx] bg-blue-50 flex items-center justify-center mb-[16rpx]">
-              <IconFont :name="item.icon" class="text-blue-600" size="24" />
+            <view class="w-[100rpx] h-[100rpx] rounded-[24rpx] bg-blue-50 flex items-center justify-center mb-[16rpx]">
+              <IconFont :name="item.icon" class="text-blue-600" size="28" />
             </view>
             </view>
-            <text class="text-gray-800 text-[26rpx]">{{ item.name }}</text>
+            <text class="text-gray-800 text-[28rpx]">{{ item.name }}</text>
           </view>
           </view>
         </view>
         </view>
       </view>
       </view>