fix(ui): 하단 내비 상단 그림자 추가 — 콘텐츠와 시각적 분리(iOS 탭바 스타일)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

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;