Refactor code structure for improved readability and maintainability

src/features/player/player-login-desktop.tsx

@@ -38,32 +38,33 @@ export function PlayerLoginDesktop({
 }: PlayerLoginDesktopProps) {
   return (
     <div
-      className="relative hidden min-h-0 flex-1 overflow-y-auto bg-[#eceef2] lg:flex lg:items-center lg:justify-center lg:px-4 lg:py-4 xl:px-8 xl:py-10"
+      className="relative hidden min-h-0 flex-1 overflow-y-auto lg:flex lg:items-center lg:justify-center lg:px-4 lg:py-4 xl:px-8 xl:py-10"
       data-login-desktop-root
     >
-      <div
+      <div className="pointer-events-none absolute inset-0" aria-hidden>
-        className="pointer-events-none absolute inset-0 opacity-40"
+        <Image
-        aria-hidden
+          src="/entry/login-pc-bg.png"
-        style={{
+          alt=""
-          backgroundImage:
+          fill
-            "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%)",
+          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-login-desktop-card
       >
-        {/* 左侧插画：暂用移动端同款 image1，后续可替换 */}
         <div
-          className="relative w-[min(42%,340px)] shrink-0 overflow-hidden bg-[#f8fafc] xl:w-[min(46%,400px)]"
+          className="relative w-[min(48%,400px)] shrink-0 self-stretch overflow-hidden bg-[#f8fafc] xl:w-[min(50%,460px)]"
           data-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
           />