종목변경 시 캔들차트 사라지는 현상 수정

frontend/src/styles/splashScreen.css

@@ -1,4 +1,4 @@
-/* GoldenChart splash — glassmorphism login + 은은한 차트 배경 */
+/* GoldenChart splash — glassmorphism login + 차트 콜라주 배경 이미지 */
 
 .splash {
   position: fixed;
@@ -7,104 +7,36 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background: #0a0c10;
+  background: #06080d;
   color: #e8eaed;
   overflow: hidden;
   font-family: var(--font, 'Noto Sans KR', 'Inter', sans-serif);
 }
 
-.splash-bg {
+.splash-photo-bg {
   position: absolute;
   inset: 0;
   z-index: 0;
-  background:
-    radial-gradient(ellipse 70% 50% at 78% 35%, rgba(45, 212, 191, 0.07), transparent 58%),
-    linear-gradient(165deg, #0c0e13 0%, #0a0c10 55%, #08090d 100%);
-  pointer-events: none;
-}
-
-/* 전체 화면 차트 — 우상향 캔들 + 일목 구름 */
-.splash-chart-layer {
-  position: absolute;
-  inset: -4% -6% -4% -2%;
-  z-index: 0;
   overflow: hidden;
   pointer-events: none;
-  transform: translate(3%, -4%) scale(1.08);
-  transform-origin: 75% 35%;
 }
 
-.splash-chart-bg {
-  display: block;
-  width: 100%;
-  height: 100%;
-  opacity: 0.62;
+.splash-photo-bg::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: url('/splash-bg.png?v=3') center center / cover no-repeat;
+  filter: saturate(1.06) brightness(0.94);
 }
 
-.splash-chart-fade {
+.splash-photo-overlay {
   position: absolute;
   inset: 0;
   z-index: 1;
   pointer-events: none;
   background:
-    radial-gradient(ellipse 42% 38% at 50% 52%, rgba(10, 12, 16, 0.55) 0%, rgba(10, 12, 16, 0.82) 72%),
-    linear-gradient(125deg, rgba(10, 12, 16, 0.72) 0%, rgba(10, 12, 16, 0.12) 38%, rgba(10, 12, 16, 0.45) 100%),
-    linear-gradient(to top, rgba(10, 12, 16, 0.35) 0%, transparent 28%);
-}
-
-.splash-chart-grid {
-  stroke: rgba(255, 255, 255, 0.05);
-  stroke-width: 1;
-}
-
-.splash-chart-kumo {
-  opacity: 0.85;
-}
-
-.splash-ichi {
-  fill: none;
-  stroke-linecap: round;
-  stroke-linejoin: round;
-}
-.splash-ichi--tenkan {
-  stroke: rgba(56, 189, 248, 0.35);
-  stroke-width: 1.4;
-}
-.splash-ichi--kijun {
-  stroke: rgba(244, 114, 182, 0.32);
-  stroke-width: 1.4;
-}
-.splash-ichi--senkou-a {
-  stroke: rgba(34, 197, 94, 0.28);
-  stroke-width: 1;
-  stroke-dasharray: 4 4;
-}
-.splash-ichi--senkou-b {
-  stroke: rgba(239, 68, 68, 0.25);
-  stroke-width: 1;
-  stroke-dasharray: 4 4;
-}
-
-.splash-candle-wick {
-  stroke: rgba(203, 213, 225, 0.45);
-  stroke-width: 1.3;
-}
-.splash-candle-up {
-  fill: rgba(45, 212, 191, 0.55);
-  stroke: rgba(94, 234, 212, 0.75);
-  stroke-width: 1;
-}
-.splash-candle-down {
-  fill: rgba(100, 116, 139, 0.5);
-  stroke: rgba(148, 163, 184, 0.45);
-  stroke-width: 1;
-}
-
-.splash-chart-volume {
-  opacity: 0.35;
-}
-.splash-vol-bar {
-  fill: rgba(100, 116, 139, 0.35);
+    radial-gradient(ellipse 108% 92% at 50% 50%, transparent 36%, rgba(2, 4, 8, 0.48) 100%),
+    linear-gradient(to bottom, rgba(2, 4, 8, 0.28) 0%, rgba(2, 4, 8, 0.06) 44%, rgba(2, 4, 8, 0.3) 100%);
 }
 
 .splash-center {