diff --git a/src/App.tsx b/src/App.tsx
index 02a5fda..0f8dffe 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -6,11 +6,9 @@ import { DashCommand } from "./components/DashCommand"
 import ErrorBoundary from "./components/ErrorBoundary"
 import Footer from "./components/Footer"
 import Header, { RefreshToast } from "./components/Header"
-import { useBackground } from "./hooks/use-background"
 import { useTheme } from "./hooks/use-theme"
 import { InjectContext } from "./lib/inject"
 import { fetchSetting } from "./lib/nezha-api"
-import { cn } from "./lib/utils"
 import ErrorPage from "./pages/ErrorPage"
 import NotFound from "./pages/NotFound"
 import Server from "./pages/Server"
@@ -25,7 +23,6 @@ const App: React.FC = () => {
   })
   const { setTheme } = useTheme()
   const [isCustomCodeInjected, setIsCustomCodeInjected] = useState(false)
-  const { backgroundImage: customBackgroundImage } = useBackground()
 
   useEffect(() => {
     if (settingData?.data?.config?.custom_code) {
@@ -57,41 +54,31 @@ const App: React.FC = () => {
     return null
   }
 
-  const customMobileBackgroundImage = window.CustomMobileBackgroundImage !== "" ? window.CustomMobileBackgroundImage : undefined
-
   return (
     <Router basename={import.meta.env.BASE_URL}>
       <ErrorBoundary>
-        {/* 固定定位的背景层 */}
-        {customBackgroundImage && (
+        <div className="relative min-h-screen">
+          {/* 固定定位的背景层 */}
           <div
-            className={cn("fixed inset-0 z-0 bg-cover min-h-lvh bg-no-repeat bg-center dark:brightness-75", {
-              "hidden sm:block": customMobileBackgroundImage,
-            })}
-            style={{ backgroundImage: `url(${customBackgroundImage})` }}
+            className="fixed inset-0 bg-cover bg-no-repeat bg-center dark:brightness-75"
+            style={{ 
+              backgroundImage: `url(https://random-api.czl.net/pic/normal)`,
+              zIndex: -1
+            }}
           />
-        )}
-        {customMobileBackgroundImage && (
-          <div
-            className={cn("fixed inset-0 z-0 bg-cover min-h-lvh bg-no-repeat bg-center sm:hidden dark:brightness-75")}
-            style={{ backgroundImage: `url(${customMobileBackgroundImage})` }}
-          />
-        )}
-        <div
-          className={cn("flex min-h-screen w-full flex-col", {
-            "bg-background": !customBackgroundImage,
-          })}
-        >
-          <main className="flex z-20 min-h-[calc(100vh-calc(var(--spacing)*8))] flex-1 flex-col gap-2 p-2 md:p-6 md:pt-4">
+
+          <main className="relative flex min-h-screen flex-col gap-2 p-2 md:p-6 md:pt-4 bg-transparent">
             <RefreshToast />
             <Header />
             <DashCommand />
-            <Routes>
-              <Route path="/" element={<Server />} />
-              <Route path="/server/:id" element={<ServerDetail />} />
-              <Route path="/error" element={<ErrorPage />} />
-              <Route path="*" element={<NotFound />} />
-            </Routes>
+            <div className="flex-1">
+              <Routes>
+                <Route path="/" element={<Server />} />
+                <Route path="/server/:id" element={<ServerDetail />} />
+                <Route path="/error" element={<ErrorPage />} />
+                <Route path="*" element={<NotFound />} />
+              </Routes>
+            </div>
             <Footer />
           </main>
         </div>