MUD6 推广移动统一设计

client/src/pages/MobileReimbursementsPage.tsx

@@ -199,14 +199,14 @@ export function MobileReimbursementsPage() {
         </Tabs>
 
         <div className="mt-4 space-y-3">
-          {listQuery.isLoading ? <div className="rounded-lg border border-dashed border-zinc-200 p-6 text-center text-sm text-zinc-500">加载中...</div> : null}
+          {listQuery.isLoading ? <div className="mobile-empty-state">加载中...</div> : null}
           {listQuery.isError ? (
             <div className="rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-600">
               {resolveErrorMessage(listQuery.error)}
             </div>
           ) : null}
           {!listQuery.isLoading && !listQuery.isError && !items.length ? (
-            <div className="rounded-lg border border-dashed border-zinc-200 p-6 text-center text-sm text-zinc-500">暂无报销记录</div>
+            <div className="mobile-empty-state">暂无报销记录</div>
           ) : null}
           {items.map((item) => (
             <ReimbursementCard