From 73ab907e096b22b6c7d584010668893cff4aae89 Mon Sep 17 00:00:00 2001
From: tolelom <98kimsungmin@naver.com>
Date: Fri, 27 Mar 2026 09:08:18 +0900
Subject: [PATCH] =?UTF-8?q?revert:=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EA=B2=8C=EC=9E=84=20=EC=97=90?=
 =?UTF-8?q?=EC=85=8B=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EB=A1=A4=EB=B0=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

비주얼 오버홀에서 적용된 로그인 페이지의 배경 이미지, 카드 프레임,
구분선 이미지를 이전 스타일로 되돌림

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/pages/AuthPage.css  | 55 +++++++++++++++--------------------------
 src/pages/LoginPage.jsx |  5 ++--
 2 files changed, 22 insertions(+), 38 deletions(-)

diff --git a/src/pages/AuthPage.css b/src/pages/AuthPage.css
index 8b2a54f..a16860b 100644
--- a/src/pages/AuthPage.css
+++ b/src/pages/AuthPage.css
@@ -3,36 +3,20 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background:
-    radial-gradient(ellipse at center, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%),
-    url('/images/bg_login.webp') center/cover no-repeat;
-  background-color: #1a1a1a;
+  background-color: #2E2C2F;
+  background-image:
+    radial-gradient(ellipse at 20% 50%, rgba(186, 205, 176, 0.08) 0%, transparent 50%),
+    radial-gradient(ellipse at 80% 50%, rgba(186, 205, 176, 0.05) 0%, transparent 50%);
 }
 
 .login-panel {
-  position: relative;
   width: 100%;
-  max-width: 420px;
+  max-width: 400px;
   padding: 48px 40px;
-  background: rgba(0, 0, 0, 0.6);
+  background: rgba(255, 255, 255, 0.04);
+  border: 1px solid rgba(186, 205, 176, 0.15);
   border-radius: 12px;
-  backdrop-filter: blur(12px);
-  overflow: hidden;
-  border: none;
-}
-
-.login-panel::before {
-  content: '';
-  position: absolute;
-  inset: -8px;
-  background: url('/images/card_frame.webp') center/100% 100% no-repeat;
-  pointer-events: none;
-  z-index: 0;
-}
-
-.login-panel > * {
-  position: relative;
-  z-index: 1;
+  backdrop-filter: blur(10px);
 }
 
 .login-header {
@@ -132,15 +116,21 @@
 .login-divider {
   display: flex;
   align-items: center;
-  justify-content: center;
+  gap: 16px;
   margin: 24px 0;
 }
 
-.login-divider-img {
-  width: 100%;
-  max-width: 250px;
-  height: 16px;
-  background: url('/images/divider.webp') center/contain no-repeat;
+.login-divider::before,
+.login-divider::after {
+  content: '';
+  flex: 1;
+  height: 1px;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.login-divider span {
+  font-size: 0.8rem;
+  color: rgba(255, 255, 255, 0.35);
 }
 
 .btn-ssafy {
@@ -222,11 +212,6 @@
     padding: 32px 20px;
     margin: 0 12px;
     border-radius: 8px;
-    border: 1px solid rgba(186, 205, 176, 0.3);
-  }
-
-  .login-panel::before {
-    display: none;
   }
 
   .game-title {
diff --git a/src/pages/LoginPage.jsx b/src/pages/LoginPage.jsx
index dc54a07..8d4316a 100644
--- a/src/pages/LoginPage.jsx
+++ b/src/pages/LoginPage.jsx
@@ -36,7 +36,6 @@ export default function LoginPage() {
     <div className="login-page">
       <div className="login-panel">
         <div className="login-header">
-          <img src="/images/logo.webp" alt="One of the Plans" style={{maxWidth: 120, height: 'auto', margin: '0 auto 16px', display: 'block'}} />
           <h1 className="game-title">One of the plans</h1>
           <p className="game-subtitle">MULTIPLAYER</p>
         </div>
@@ -73,13 +72,13 @@ export default function LoginPage() {
           {justRegistered && <p className="login-success">회원가입이 완료되었습니다. 로그인해주세요.</p>}
           {error && <p id="login-error" className="login-error" role="alert">{error}</p>}
 
-          <button type="submit" className="btn-login btn-game" disabled={loading}>
+          <button type="submit" className="btn-login" disabled={loading}>
             {loading ? '로그인 중...' : '로그인'}
           </button>
         </form>
 
         <div className="login-divider">
-          <div className="login-divider-img"></div>
+          <span>또는</span>
         </div>
 
         <button