refactor: remove margin utils, use inline pixel spacing

Delete the src/static/scss/margin.scss utility file, update all component templates to replace pre-defined margin classes with inline arbitrary pixel values (e.g. mb-[4px] instead of mb-4), and clean up long template lines for better readability.

src/pages-order/order/components/OrderCard/InfoRow.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="info-row flex items-center mt-8">
+  <view class="info-row flex items-center mt-[8px]">
     <text class="label font-size-12 text-[#99a0ae]">{{ label }}：</text>
     <text class="value flex-full font-size-12 text-[#99a0ae]">{{ value }}</text>
   </view>

src/pages-order/order/components/OrderCard/OrderCardContent.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="card-content pt-[12px]">
     <view class="flex items-center justify-between">
-      <view class="left flex-full font-size-14 leading-[20px] text-[#171717] mr-12">
+      <view class="left flex-full font-size-14 leading-[20px] text-[#171717] mr-[12px]">
         {{ orderData.commodityName }}
       </view>
       <view :class="[

src/pages-order/order/components/OrderCard/index.vue

@@ -1,9 +1,9 @@
 <template>
-  <view class="order-card bg-white p-[12px] rounded-[12px] m-12" @click.stop="handleCardClick">
+  <view class="order-card bg-white p-[12px] rounded-[12px] m-[12px]" @click.stop="handleCardClick">
     <!-- 卡片头部 -->
     <view class="card-header flex items-center">
       <view class="status-info flex items-center flex-full">
-        <image class="status-icon mr-4" :src="getStatusIcon()" />
+        <image class="status-icon mr-[4px]" :src="getStatusIcon()" />
         <view class="order-title font-size-14 leading-[20px] text-[#525866]">
           {{ getOrderTypeName() }}
         </view>