From c4ae1ab3e614d48eb32cb0a994ad713651008057 Mon Sep 17 00:00:00 2001
From: king <heoseungpil@gmail.com>
Date: Fri, 22 May 2026 02:04:54 +0900
Subject: [PATCH] =?UTF-8?q?UI:=20King=20=ED=85=8D=EC=8A=A4=ED=8A=B8=20?=
 =?UTF-8?q?=EC=9B=80=EC=A7=81=EC=9E=84=20=EB=B2=94=EC=9C=84=20=ED=99=95?=
 =?UTF-8?q?=EC=9E=A5,=20=EB=B3=84=20=EB=8F=84=ED=98=95=20=EC=A0=9C?=
 =?UTF-8?q?=EA=B1=B0,=20=EB=8F=84=ED=98=95=20=EB=B0=9D=EA=B8=B0=20?=
 =?UTF-8?q?=EC=A1=B0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- kingFloat 애니메이션 translate 범위를 ±16px → ±70px 로 확장
- login.html / denied.html 에서 shape-7(별) div 제거
- shape-1~6 도형 밝기 은은하게 감소 (이전 수준으로 복구)
- .shape-king text-transform: none → "King" 으로 표시

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/static/styles.css     | 38 ++++++++++++++------------------------
 app/templates/denied.html |  1 -
 app/templates/login.html  |  1 -
 3 files changed, 14 insertions(+), 26 deletions(-)

diff --git a/app/static/styles.css b/app/static/styles.css
index dfd7202..30d3870 100644
--- a/app/static/styles.css
+++ b/app/static/styles.css
@@ -601,19 +601,19 @@ a { color: inherit; text-decoration: none; }
 .shape-1 {
   width: 360px;
   height: 360px;
-  border: 4px solid rgba(99, 179, 237, .45);
+  border: 3px solid rgba(30, 86, 160, .28);
   border-radius: 50%;
   top: -90px;
   right: -70px;
   animation: shapeFloat1 16s ease-in-out infinite;
 }
 
-/* 2. 다이아몬드 (채움) — 좌측 하단 */
+/* 2. 다이아몬드 — 좌측 하단 */
 .shape-2 {
   width: 130px;
   height: 130px;
-  background: rgba(99, 179, 237, .2);
-  border: 3px solid rgba(99, 179, 237, .5);
+  background: rgba(30, 86, 160, .12);
+  border: 3px solid rgba(30, 86, 160, .3);
   border-radius: 20px;
   bottom: 90px;
   left: -45px;
@@ -624,7 +624,7 @@ a { color: inherit; text-decoration: none; }
 .shape-3 {
   width: 80px;
   height: 80px;
-  border: 3px solid rgba(255, 255, 255, .3);
+  border: 3px solid rgba(255, 255, 255, .14);
   border-radius: 50%;
   top: 40%;
   right: 12%;
@@ -635,7 +635,7 @@ a { color: inherit; text-decoration: none; }
 .shape-4 {
   width: 200px;
   height: 200px;
-  border: 3px solid rgba(99, 179, 237, .35);
+  border: 3px solid rgba(30, 86, 160, .22);
   border-radius: 36px;
   bottom: -60px;
   right: 16%;
@@ -646,8 +646,8 @@ a { color: inherit; text-decoration: none; }
 .shape-5 {
   width: 44px;
   height: 44px;
-  background: rgba(147, 197, 253, .35);
-  border: 2px solid rgba(147, 197, 253, .6);
+  background: rgba(30, 86, 160, .2);
+  border: 2px solid rgba(30, 86, 160, .35);
   border-radius: 50%;
   top: 20%;
   left: 16%;
@@ -658,31 +658,20 @@ a { color: inherit; text-decoration: none; }
 .shape-6 {
   width: 90px;
   height: 90px;
-  background: rgba(99, 179, 237, .22);
+  background: rgba(30, 86, 160, .14);
   clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
   bottom: 28%;
   right: 6%;
   animation: shapeFloat6 12s ease-in-out infinite;
 }
 
-/* 7. 별 — 우측 중앙 (녹색 화살표 위치) */
-.shape-7 {
-  width: 64px;
-  height: 64px;
-  background: rgba(253, 224, 71, .38);
-  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
-  top: 50%;
-  right: 9%;
-  animation: shapeFloat7 10s ease-in-out infinite;
-}
-
 /* King 텍스트 — 반짝이며 유동 */
 .shape-king {
   font-size: 30px;
   font-weight: 700;
   color: rgba(255, 255, 255, .9);
   letter-spacing: 4px;
-  text-transform: uppercase;
+  text-transform: none;
   top: 28%;
   right: 7%;
   animation: kingFloat 13s ease-in-out infinite, kingSparkle 2.4s ease-in-out infinite;
@@ -727,9 +716,10 @@ a { color: inherit; text-decoration: none; }
 }
 @keyframes kingFloat {
   0%, 100% { transform: translate(0, 0); }
-  25%       { transform: translate(-12px, 16px); }
-  50%       { transform: translate(8px, 10px); }
-  75%       { transform: translate(-6px, -12px); }
+  20%       { transform: translate(-65px, 50px); }
+  40%       { transform: translate(55px, -40px); }
+  60%       { transform: translate(-45px, -60px); }
+  80%       { transform: translate(70px, 30px); }
 }
 @keyframes kingSparkle {
   0%, 100% {
diff --git a/app/templates/denied.html b/app/templates/denied.html
index 64c6b31..5db9994 100644
--- a/app/templates/denied.html
+++ b/app/templates/denied.html
@@ -19,7 +19,6 @@
           <div class="shape shape-4"></div>
           <div class="shape shape-5"></div>
           <div class="shape shape-6"></div>
-          <div class="shape shape-7"></div>
           <div class="shape shape-king">King</div>
         </div>
 
diff --git a/app/templates/login.html b/app/templates/login.html
index 2776e16..a5865f0 100644
--- a/app/templates/login.html
+++ b/app/templates/login.html
@@ -19,7 +19,6 @@
           <div class="shape shape-4"></div>
           <div class="shape shape-5"></div>
           <div class="shape shape-6"></div>
-          <div class="shape shape-7"></div>
           <div class="shape shape-king">King</div>
         </div>