refactor: replace legacy flex utility classes and remove flex.scss

Replace all instances of prefixed flex utility classes (like flex-items-center, flex-justify-between, flex-full, flex-shrink-0) with their standard un-prefixed counterparts (items-center, justify-between, flex-1, shrink-0) across the codebase. Remove the deprecated src/static/scss/flex.scss partial file as it is no longer needed after these updates.

src/pages/ChatMain/ChatMainList/index.vue

@@ -6,26 +6,26 @@
         @showDrawer="handleShowDrawer" />
     </view>
 
-    <view class="home-hero relative flex-shrink-0">
+    <view class="home-hero relative shrink-0">
       <image class="home-hero-bg w-full block" :src="mainPageDataModel?.initPageImages?.backgroundImageUrl"
         mode="aspectFill" />
       <SpriteAnimator v-if="homeSpriteStyle.ipLargeImage" class="home-hero-sprite" :src="homeSpriteStyle.ipLargeImage"
         :frameWidth="homeSpriteStyle.frameWidth" :frameHeight="homeSpriteStyle.frameHeight"
         :totalFrames="homeSpriteStyle.totalFrames" :columns="homeSpriteStyle.columns"
         :displayWidth="homeSpriteStyle.displayWidth" :fps="16" />
-      <view class="home-tabs-layer absolute bottom-0 left-0 right-0 flex-full">
+      <view class="home-tabs-layer absolute bottom-0 left-0 right-0 flex-1">
         <view style="margin-bottom: -1px;">
           <AiTabSwitch v-model="tabIndex" :list="tabList" @change="handleChange" />
         </view>
       </view>
     </view>
 
-    <view v-show="tabIndex === 0" class="discovery-shell flex-full" @touchstart.capture="handleDiscoveryPanelTouchStart"
+    <view v-show="tabIndex === 0" class="discovery-shell flex-1" @touchstart.capture="handleDiscoveryPanelTouchStart"
       @touchstart="handleDiscoveryPanelTouchStart" @touchmove.capture="handleDiscoveryPanelTouchMove"
       @touchmove="handleDiscoveryPanelTouchMove" @touchend="handleDiscoveryPanelTouchEnd"
       @touchcancel="handleDiscoveryPanelTouchEnd">
       <view class="home-welcome-panel">
-        <HomeWelcome class="flex-shrink-0" :mainPageDataModel="mainPageDataModel" />
+        <HomeWelcome class="shrink-0" :mainPageDataModel="mainPageDataModel" />
       </view>
 
       <view class="discovery-panel" :class="{ 'is-collapsed': isDiscoveryPanelCollapsed }">
@@ -34,14 +34,14 @@
     </view>
 
     <!-- 消息列表（可滚动区域） -->
-    <scroll-view v-show="tabIndex === 1" class="main main-scroll-area flex-full overflow-hidden " scroll-y
+    <scroll-view v-show="tabIndex === 1" class="main main-scroll-area flex-1 overflow-hidden " scroll-y
       :scroll-top="scrollTop" :scroll-with-animation="true" @scroll="handleScroll" @scrolltolower="handleScrollToLower"
       @touchstart.capture="handleScrollAreaTouchStart" @touchstart="handleScrollAreaTouchStart"
       @touchmove="handleScrollAreaTouchMove">
 
       <view class="area-msg-list-content" v-for="item in chatMsgList" :key="item.msgId" :id="item.msgId">
         <template v-if="item.msgType === MessageRole.AI">
-          <ChatCardAI class="flex flex-justify-start" :key="`ai-${item.msgId}-${item.msg ? item.msg.length : 0}`" :text="item.componentName && isLongTextCard(item.componentName)
+          <ChatCardAI class="flex justify-start" :key="`ai-${item.msgId}-${item.msg ? item.msg.length : 0}`" :text="item.componentName && isLongTextCard(item.componentName)
             ? ''
             : item.msg || ''
             " :isLoading="item.isLoading">
@@ -115,11 +115,11 @@
         </template>
 
         <template v-else-if="item.msgType === MessageRole.ME">
-          <ChatCardMine class="flex flex-justify-end" :text="item.msg" />
+          <ChatCardMine class="flex justify-end" :text="item.msg" />
         </template>
 
         <template v-else>
-          <ChatCardOther class="flex flex-justify-center" :text="item.msg">
+          <ChatCardOther class="flex justify-center" :text="item.msg">
             <ChatGuide v-if="chatMsgList.length < 2" />
             <ActivityListComponent v-if="
               mainPageDataModel.activityList &&