feat: 完成70%全局样式与可读性优化

components/AppTabbar.vue

@@ -17,7 +17,7 @@
         mode="aspectFit"
         aria-hidden="true"
       />
-      <text :class="['tab-label', { active: active === item.key }]">{{
+      <text :class="['tab-label', 'app-single-line', { active: active === item.key }]">{{
         item.label
       }}</text>
     </button>
@@ -77,6 +77,7 @@ const switchRoot = (item) => {
 
 .tab-item {
   display: flex;
+  min-width: 0;
   min-height: 88rpx;
   flex: 1;
   flex-direction: column;
@@ -104,10 +105,12 @@ const switchRoot = (item) => {
 }
 
 .tab-label {
+  max-width: 100%;
   color: $ink-muted;
-  font-size: 30rpx;
+  font-size: clamp(17px, 30rpx, 22px);
   letter-spacing: 2rpx;
   line-height: 1.2;
+  text-align: center;
 }
 
 .tab-label.active {