diff --git a/src/page/UserCenter.tsx b/src/page/UserCenter.tsx
index 6f4a22b..884f36b 100644
--- a/src/page/UserCenter.tsx
+++ b/src/page/UserCenter.tsx
@@ -8,6 +8,7 @@ import useAutoLogin from "../hooks/useAutoLogin";
 import { LOGTO_DOMAIN } from "../utils/common";
 import { useAppVersion } from "../hooks/useAppVersion";
 import { BindKaiqiuAccount } from "../components/BindKaiqiuAccount";
+import { ChangeBackground } from "../components/ChangeBackground";
 
 enum modifyRoutes {
   username = '/account/username',
@@ -77,6 +78,7 @@ export const UserCenter = () => {
   }
   return (
     <>
+      <ChangeBackground url={user?.picture ?? ''} />
       <Flex className="app" gap={12} vertical align="center" style={{ maxWidth: 600 }}>
         <Avatar size={128} src={user?.picture ?? user?.name} />
         <Flex>