diff --git a/public/entry/login-pc-bg.png b/public/entry/login-pc-bg.png
new file mode 100644
index 0000000..8b11d42
Binary files /dev/null and b/public/entry/login-pc-bg.png differ
diff --git a/public/entry/login-pc-hero.png b/public/entry/login-pc-hero.png
new file mode 100644
index 0000000..2d99f43
Binary files /dev/null and b/public/entry/login-pc-hero.png differ
diff --git a/src/components/admin/login-form.tsx b/src/components/admin/login-form.tsx
index 060af7f..6dcfd2d 100644
--- a/src/components/admin/login-form.tsx
+++ b/src/components/admin/login-form.tsx
@@ -167,31 +167,33 @@ export function LoginForm() {
 
   return (
     <div
-      className="relative flex h-dvh max-h-dvh w-full min-h-0 items-center justify-center overflow-y-auto bg-[#eceef2] px-4 py-4 xl:px-8 xl:py-10"
+      className="relative flex h-dvh max-h-dvh w-full min-h-0 items-center justify-center overflow-y-auto px-4 py-4 xl:px-8 xl:py-10"
       data-admin-login-root
     >
-      <div
-        className="pointer-events-none absolute inset-0 opacity-40"
-        aria-hidden
-        style={{
-          backgroundImage:
-            "radial-gradient(circle at 12% 50%, rgba(220,38,38,0.08), transparent 28%), radial-gradient(circle at 88% 50%, rgba(220,38,38,0.08), transparent 28%)",
-        }}
-      />
+      <div className="pointer-events-none absolute inset-0" aria-hidden>
+        <Image
+          src="/entry/login-pc-bg.png"
+          alt=""
+          fill
+          sizes="100vw"
+          className="object-cover object-center"
+          priority
+        />
+      </div>
 
       <div
         className="relative z-10 flex min-h-[min(560px,calc(100dvh-2rem))] w-full max-w-[960px] overflow-hidden rounded-[1.5rem] bg-white shadow-[0_24px_80px_rgba(15,23,42,0.12)] xl:min-h-[min(640px,88vh)] xl:max-w-[1080px] xl:rounded-[2rem]"
         data-admin-login-card
       >
         <div
-          className="relative hidden w-[min(42%,340px)] shrink-0 overflow-hidden bg-[#f8fafc] md:block xl:w-[min(46%,400px)]"
+          className="relative hidden w-[min(48%,400px)] shrink-0 self-stretch overflow-hidden bg-[#f8fafc] md:block xl:w-[min(50%,460px)]"
           data-admin-login-hero-slot
         >
           <Image
-            src="/entry/image1.png"
+            src="/entry/login-pc-hero.png"
             alt=""
             fill
-            sizes="(max-width: 1280px) 340px, 400px"
+            sizes="(max-width: 1280px) 400px, 460px"
             className="object-cover object-center"
             priority
           />