From a7e5bf9c0f4da079c6c257da4286d52dfb4c12bc Mon Sep 17 00:00:00 2001
From: sb <sb@MacBook-Pro.local>
Date: Sat, 4 Jul 2026 16:32:29 +0900
Subject: [PATCH] =?UTF-8?q?fix(ui):=20=ED=95=98=EB=8B=A8=20=EB=82=B4?=
 =?UTF-8?q?=EB=B9=84=20=EC=83=81=EB=8B=A8=20=EA=B7=B8=EB=A6=BC=EC=9E=90=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80=20=E2=80=94=20=EC=BD=98=ED=85=90=EC=B8=A0?=
 =?UTF-8?q?=EC=99=80=20=EC=8B=9C=EA=B0=81=EC=A0=81=20=EB=B6=84=EB=A6=AC(iO?=
 =?UTF-8?q?S=20=ED=83=AD=EB=B0=94=20=EC=8A=A4=ED=83=80=EC=9D=BC)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/components/layout/AppBottomNav.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/layout/AppBottomNav.vue b/src/components/layout/AppBottomNav.vue
index 862b685..90210ab 100644
--- a/src/components/layout/AppBottomNav.vue
+++ b/src/components/layout/AppBottomNav.vue
@@ -79,6 +79,11 @@ function goSettings() {
   padding-bottom: env(safe-area-inset-bottom, 0);
   background: var(--color-background-soft);
   border-top: 1px solid var(--color-border);
+  /* 스크롤 콘텐츠와 시각적으로 분리(iOS 탭바처럼 은은한 상단 그림자) */
+  box-shadow: 0 -3px 12px rgba(0, 0, 0, 0.07);
+}
+:global([data-theme='dark']) .bottom-nav {
+  box-shadow: 0 -3px 12px rgba(0, 0, 0, 0.35);
 }
 .nav-btn {
   flex: 1;