调整用户中心移动端卡片顺序

将快捷工具在移动端排列到数据卡片之后，同时保持桌面端三列布局和原有顺序不变。

src/pages/UserCenter/DesktopLayout/index.vue

@@ -4,25 +4,31 @@
     class="mt-4 flex flex-col justify-center gap-[10px] md:mt-0 md:h-[668px] md:flex-row md:gap-[20px]"
   >
     <!-- Left Column -->
-    <div class="h-full w-[345px]">
+    <div class="order-1 h-full w-[345px] md:order-none">
       <Transition name="fade" mode="out-in">
         <UserInfo />
       </Transition>
     </div>
 
     <!-- Middle Column -->
-    <div class="flex h-full w-[345px] flex-col gap-[10px] md:gap-[20px]">
+    <div class="contents md:flex md:h-full md:w-[345px] md:flex-col md:gap-[20px]">
+      <div class="order-2 w-[345px] md:order-none md:w-auto">
         <DownloadStats />
+      </div>
+      <div class="order-last w-[345px] md:order-none md:w-auto">
         <QuickTools />
       </div>
+    </div>
 
     <!-- Right Column -->
-    <div class="flex h-full w-[345px] flex-col gap-[10px] md:gap-[20px]">
+    <div class="contents md:flex md:h-full md:w-[345px] md:flex-col md:gap-[20px]">
+      <div class="order-3 w-[345px] md:order-none md:w-auto">
         <ProxyData />
-      <div class="">
+      </div>
+      <div class="order-4 w-[345px] md:order-none md:w-auto">
         <SalesData @show-history="orderDetailsModalRef?.show()" />
       </div>
-      <div class="">
+      <div class="order-5 w-[345px] md:order-none md:w-auto">
         <RefundData @show-history="refundDetailsModalRef?.show()" />
       </div>
     </div>