优化桌面登录表单焦点状态

apps/player/src/components/desktop/DesktopAuthLayout.vue

@@ -112,6 +112,8 @@ withDefaults(
 }
 
 .auth-card {
+  position: relative;
+  isolation: isolate;
   width: 100%;
   max-width: 720px;
   background:
@@ -123,6 +125,48 @@ withDefaults(
   border-radius: 0;
   box-shadow: 0 18px 48px rgba(0, 0, 0, 0.5);
   overflow: hidden;
+  transition:
+    filter 0.22s ease,
+    transform 0.22s ease;
+}
+
+.auth-card::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  pointer-events: none;
+  opacity: 0;
+  background: url('../../assets/images/generated/auth-panel-bg-v1.webp') center / 100% 100% no-repeat;
+  filter: brightness(1.28) saturate(1.16);
+  mix-blend-mode: screen;
+  transition: opacity 0.22s ease;
+}
+
+.auth-card::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  pointer-events: none;
+  opacity: 0;
+  background:
+    linear-gradient(90deg, transparent 8%, rgba(255, 226, 156, 0.08) 50%, transparent 92%),
+    radial-gradient(circle at 72% 48%, rgba(212, 175, 55, 0.1), transparent 34%);
+  transition: opacity 0.22s ease;
+}
+
+.auth-card:focus-within {
+  transform: translateY(-2px);
+  filter: brightness(1.04) saturate(1.05);
+}
+
+.auth-card:focus-within::before {
+  opacity: 0.2;
+}
+
+.auth-card:focus-within::after {
+  opacity: 1;
 }
 
 .auth-card--wide {
@@ -130,12 +174,16 @@ withDefaults(
 }
 
 .form-lang {
+  position: relative;
+  z-index: 1;
   display: flex;
   justify-content: flex-end;
   padding: 14px 24px 0;
 }
 
 .form-body {
+  position: relative;
+  z-index: 1;
   display: grid;
   grid-template-columns: minmax(200px, 260px) 1fr;
   gap: 24px;