From bbb7386b4807902b70237787840bb6cdfb8ab91c Mon Sep 17 00:00:00 2001
From: "sungjin.choi" <headporter81@gmail.com>
Date: Fri, 29 May 2026 00:42:15 +0900
Subject: [PATCH] fix : main banner modify

---
 src/views/Main.vue | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/views/Main.vue b/src/views/Main.vue
index 3d4195c..923d8d8 100644
--- a/src/views/Main.vue
+++ b/src/views/Main.vue
@@ -416,6 +416,7 @@ watch(activeTheme, (newTheme) => {
   font-family: 'JetBrains Mono', monospace !important;
 }
 
+/* 🌟 레트로 마스터 테마 컬러 시스템 변수 */
 .theme-green {
   --tui-color: #00ff00;
   --tui-dim: #008800;
@@ -701,4 +702,22 @@ iframe { width: 100%; height: 180px; border-radius: 4px; }
   }
   .monitor-header { padding: 4px 10px; font-size: 10px; }
 }
+@keyframes blink { 0%, 100% { opacity: 0.4; } 50% { opacity: 1; } }
+
+/* 🟢 [★완벽 교정] 모든 주요 타임라인 프레임에 color: var(--tui-color)를 강제 각인하여 테마 실시간 연동 보장 */
+@keyframes once-cyber-glitch-wobble {
+  0%, 25% { transform: translate(0) scale(1) skewX(0deg); color: var(--tui-color); text-shadow: 0 0 8px var(--tui-glow); opacity: 1; }
+  26% { transform: translate(-3px, 1.5px) scale(1.02); color: #ffffff; text-shadow: 2px 0 #ff0000, -2px 0 #0000ff; }
+  27% { transform: translate(3px, -1.5px) skewX(-2deg); color: var(--tui-color); }
+  28% { transform: translate(-5px, 0) skewX(10deg); color: #ff00ff; text-shadow: -3px 0 magenta, 3px 0 cyan;}
+  29% { transform: translate(5px, 0) skewX(-10deg); color: #00ffff; text-shadow: 3px 0 magenta, -3px 0 cyan;}
+  30% { transform: translate(0); color: var(--tui-color); text-shadow: 0 0 15px var(--tui-color);}
+  31%, 50% { transform: translate(0); color: var(--tui-color); text-shadow: 0 0 8px var(--tui-glow); }
+  51% { transform: scale(1.05) skewY(1deg); color: #ffffff; opacity: 0.05; }
+  53% { opacity: 1; transform: translate(0); color: var(--tui-color); text-shadow: 0 0 20px var(--tui-color), 0 0 40px var(--tui-glow); }
+  90% { transform: translate(-2px, 1px); text-shadow: 2px 0 red, -2px 0 blue;}
+  92% { transform: translate(2px, -1px); text-shadow: -2px 0 red, 2px 0 blue;}
+  95% { transform: translate(0); color: var(--tui-color); text-shadow: 0 0 20px var(--tui-color); }
+  100% { transform: translate(0) scale(1) skewX(0deg); color: var(--tui-color); text-shadow: 0 0 15px var(--tui-color), 0 0 30px var(--tui-glow); opacity: 1; }
+}
 </style>
\ No newline at end of file