refactor: replace flex-full with flex-1 and standardize scrollbar styles

- replace all outdated flex-full utility classes with modern flex-1 across Vue components
- standardize scrollbar hiding by using scrollbar-none utility instead of verbose vendor prefixes
- update order detail page layout and scroll container styling
- add scrollbar-none usage guidelines to AGENTS.md documentation

src/pages/home/components/MoreService/index.vue

@@ -2,7 +2,7 @@
   <van-popup ref="popup" position="bottom" v-model:show="show">
     <div class="popup-content  pt-[12px] pl-12 pr-12">
       <div class="header flex flex-items-center pb-[12px]">
-        <div class="title flex-full text-center text-[17px] text-black font-medium ml-24">更多服务</div>
+        <div class="title flex-1 text-center text-[17px] text-black font-medium ml-24">更多服务</div>
         <van-icon name="cross" size="24" color="#CACFD8" @click="close" />
       </div>
 
@@ -10,7 +10,7 @@
         <div class="item  border-bottom pt-20 pb-20" v-for="(item, index) in list" :key="index">
           <div class="flex flex-items-center flex-justify-center">
             <img v-if="item.icon" class="left" :src="item.icon" />
-            <div class="center flex-full">
+            <div class="center flex-1">
               <div class="text-[16px] text-black leading-[24px] font-medium">
                 {{ item.title }}
               </div>