From 49d2ef387902b10a031454afd459421acf49a003 Mon Sep 17 00:00:00 2001
From: Bot <bot@example.com>
Date: Fri, 1 May 2026 14:00:37 +0800
Subject: [PATCH] fix: stabilize background scaling and positioning

---
 src/App.tsx | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 79d3932..a68fd75 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -96,20 +96,28 @@ const MainApp: React.FC = () => {
 			{customBackgroundImage && (
 				<div
 					className={cn(
-						"fixed inset-0 z-0 bg-cover min-h-lvh bg-no-repeat bg-center dark:brightness-75",
+						"fixed inset-0 z-0 bg-cover w-screen h-screen bg-no-repeat bg-center transition-none dark:brightness-75",
 						{
 							"hidden sm:block": customMobileBackgroundImage,
 						},
 					)}
-					style={{ backgroundImage: `url(${customBackgroundImage})` }}
+					style={{ 
+						backgroundImage: `url(${customBackgroundImage})`,
+						backfaceVisibility: 'hidden',
+						perspective: '1000px'
+					}}
 				/>
 			)}
 			{customMobileBackgroundImage && (
 				<div
 					className={cn(
-						"fixed inset-0 z-0 bg-cover min-h-lvh bg-no-repeat bg-center sm:hidden dark:brightness-75",
+						"fixed inset-0 z-0 bg-cover w-screen h-screen bg-no-repeat bg-center transition-none sm:hidden dark:brightness-75",
 					)}
-					style={{ backgroundImage: `url(${customMobileBackgroundImage})` }}
+					style={{ 
+						backgroundImage: `url(${customMobileBackgroundImage})`,
+						backfaceVisibility: 'hidden',
+						perspective: '1000px'
+					}}
 				/>
 			)}
 			<div