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/PoiCompareCard/index.vue

@@ -5,7 +5,7 @@
         <div class="poi-compare-card__mark flex flex-items-center flex-justify-center rounded-full flex-shrink-0">
           {{ data.icon }}
         </div>
-        <div class="poi-compare-card__title color-1E293B text-[18px] font-900 truncate flex-full">
+        <div class="poi-compare-card__title color-1E293B text-[18px] font-900 truncate flex-1">
           {{ data.title }}
         </div>
       </div>
@@ -42,7 +42,7 @@
           @click="closeDetail">
           <uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
         </div>
-        <div class="poi-compare-card__detail-title color-1E293B font-size-20 font-900 flex-full">
+        <div class="poi-compare-card__detail-title color-1E293B font-size-20 font-900 flex-1">
           {{ detail.title }}
         </div>
         <div class="poi-compare-card__compare-label color-94A3B8 text-[12px] font-900">