style: fix spacing and clean up unused styles

remove the unused CustomEmpty scss stylesheet
inline the empty image dimensions in CustomEmpty component and remove unused mode attribute
replace mt-8 utility classes with explicit mt-[8px] across multiple components
remove the deprecated style import in CustomEmpty

src/components/CustomEmpty/index.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="empty-container flex flex-col items-center justify-center">
+  <div class="flex flex-col items-center justify-center">
-    <img class="empty-image" :src="emptyIcon" mode="aspectFit" />
+    <img class="w-[130px] h-[130px]" :src="emptyIcon" />
-    <span class="text-[12px] text-center text-ink-400 mt-8">
+    <span class="text-[12px] text-center text-ink-400 mt-[8px]">
       {{ statusText }}
     </span>
   </div>
@@ -22,7 +22,3 @@ const props = defineProps({
   },
 });
 </script>
-
-<style scoped lang="scss">
-@import "./styles/index.scss";
-</style>

src/components/CustomEmpty/styles/index.scss

@@ -1,4 +0,0 @@
-.empty-image {
-  height: 130px;
-  width: 130px;
-}

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

@@ -13,7 +13,7 @@
         <ChatMarkdown :text="processedContent" />
       </div>
       <!-- 超过3行时显示...提示 -->
-      <div v-if="!finish" class="flex flex-row items-center mt-8">
+      <div v-if="!finish" class="flex flex-row items-center mt-[8px]">
         <span class="text-[12px] font-normal font-color-600">正在生成</span>
         <ChatLoading />
       </div>

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

@@ -1,5 +1,5 @@
 <template>
-  <div class="info-row flex items-center mt-8">
+  <div class="info-row flex items-center mt-[8px]">
     <span class="label text-[12px] text-ink-400">{{ label }}：</span>
     <span class="value flex-1 text-[12px] text-ink-400">{{ value }}</span>
   </div>

src/pages/order/order/components/VoucherList/index.vue

@@ -11,7 +11,7 @@
     ]" v-for="(item, index) in props.orderData.commodityPackageConfig" :key="item.name">
       <div class="flex flex-col">
         <span class="span-color-900 text-[16px]">{{ item.name }}</span>
-        <div class="flex flex-row mt-8">
+        <div class="flex flex-row mt-[8px]">
           <div class="bg-[#f5f7fa] span-color-600 text-[12px] p-4 rounded-[4px] mr-[4px]">
             总计{{ item.count }}{{ item.unit }}
           </div>