WCM6 收口企业微信多手机移动渲染稳定化

client/src/pages/MobileReimbursementDetailPage.tsx

@@ -31,6 +31,7 @@ import type { PrecheckResponse } from "../api/feeControl";
 import { useAuth } from "../auth/AuthContext";
 import { hasPermission } from "../auth/permissions";
 import { ConfirmDialog } from "../components/common/ConfirmDialog";
+import { MobileIcon } from "../components/mobile/MobileIcon";
 import { PageScaffold } from "../components/patterns/PageScaffold";
 import { Button } from "../components/ui/button";
 import {
@@ -1175,7 +1176,7 @@ export function MobileReimbursementDetailPage() {
                   htmlFor="mobile-reimbursement-invoice-upload-pdf"
                   className="flex min-h-28 cursor-pointer flex-col items-center justify-center rounded-lg border border-dashed border-zinc-300 bg-zinc-50 px-3 py-4 text-center"
                 >
-                  <span className="material-symbols-outlined text-[28px] text-zinc-700">picture_as_pdf</span>
+                  <MobileIcon name="picture_as_pdf" className="size-7 text-zinc-700" />
                   <span className="mt-2 text-sm font-semibold text-zinc-900">选择 PDF 发票</span>
                   <span className="mt-1 text-xs text-zinc-500">仅支持 PDF，减少拍照模糊和错传</span>
                 </label>