diff --git a/components/home/lovart-home.tsx b/components/home/lovart-home.tsx
index 579264c60..fd0cd495b 100644
--- a/components/home/lovart-home.tsx
+++ b/components/home/lovart-home.tsx
@@ -116,6 +116,7 @@ const PROMPT_TAGS = [
 ];
 
 const MASONRY_HEIGHTS = [420, 290, 340, 470, 300, 360, 430, 320];
+const UI_SCALE = 0.7;
 
 function formatRelativeTime(value?: string) {
   if (!value) return "更新于今天";
@@ -328,7 +329,7 @@ export function LovartHome({
   };
 
   return (
-    <div className="min-h-svh bg-[#f4f4f4] text-[#171717]">
+    <div className="min-h-svh bg-[#f4f4f4] text-[#171717]" style={{ zoom: UI_SCALE }}>
       <header className="fixed left-0 top-0 z-40 h-[68px] w-full border-b border-black/5 bg-[#f4f4f4]/90 backdrop-blur">
         <div className="mx-auto flex h-full max-w-[1360px] items-center justify-between px-6">
           <button
@@ -702,7 +703,10 @@ export function LovartHome({
       </button>
 
       <Dialog open={upgradeDialogOpen} onOpenChange={setUpgradeDialogOpen}>
-        <DialogContent className="max-h-[92vh] w-[95vw] max-w-[1240px] overflow-hidden rounded-3xl border-black/10 bg-[#f7f7f7] p-0">
+        <DialogContent
+          className="max-h-[92vh] w-[95vw] max-w-[1240px] overflow-hidden rounded-3xl border-black/10 bg-[#f7f7f7] p-0"
+          style={{ zoom: UI_SCALE }}
+        >
           <div className="flex h-full max-h-[92vh] flex-col">
             <DialogHeader className="border-b border-black/6 px-6 py-5">
               <DialogTitle className="text-center text-5xl font-bold text-black">升级您的套餐</DialogTitle>