From eaf215ea6d2fddcf2bfa3328884d3bde65502da8 Mon Sep 17 00:00:00 2001
From: Haewon Kam <haewonkam@Haewons-MacBook-Pro.local>
Date: Tue, 14 Apr 2026 15:59:10 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=BD=98=ED=85=90=EC=B8=A0=20=EC=BA=98?=
 =?UTF-8?q?=EB=A6=B0=EB=8D=94=20=ED=9D=90=EB=A6=BC=20=ED=98=84=EC=83=81=20?=
 =?UTF-8?q?=EA=B7=BC=EB=B3=B8=20=ED=95=B4=EA=B2=B0=20=E2=80=94=20nav=20bac?=
 =?UTF-8?q?kdrop-blur=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Navbar/ReportNav의 backdrop-blur-lg가 스크롤 시 섹션을 덮는
  GPU 합성 블러 레이어를 만들어 콘텐츠 캘린더가 흐려 보임
- bg-white/95 단색으로 교체 (시각적 차이 미미, 블러 부작용 제거)
- 이전 커밋(5f7d58c, aac1367)의 motion/whileInView 제거는
  원인이 아니었음 — 조상 nav의 backdrop-filter가 진범

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/Navbar.tsx           | 2 +-
 src/components/report/ReportNav.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index f100a0a..006951e 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -3,7 +3,7 @@ import { motion } from 'motion/react';
 
 export default function Navbar() {
   return (
-    <nav className="fixed top-0 left-0 right-0 z-50 bg-white/70 backdrop-blur-lg border-b border-white/20">
+    <nav className="fixed top-0 left-0 right-0 z-50 bg-white/95 border-b border-slate-100">
       <div className="max-w-7xl mx-auto px-6 h-20 flex items-center justify-between">
         <Link to="/" className="flex items-center gap-2">
           <span className="font-serif text-3xl font-black tracking-[0.05em] bg-gradient-to-r from-[#4F1DA1] to-[#021341] bg-clip-text text-transparent">INFINITH</span>
diff --git a/src/components/report/ReportNav.tsx b/src/components/report/ReportNav.tsx
index b6ec841..7dfdc57 100644
--- a/src/components/report/ReportNav.tsx
+++ b/src/components/report/ReportNav.tsx
@@ -50,7 +50,7 @@ export function ReportNav({ sections }: ReportNavProps) {
   };
 
   return (
-    <nav data-report-nav className="sticky top-20 z-40 bg-white/80 backdrop-blur-lg border-b border-slate-100">
+    <nav data-report-nav className="sticky top-20 z-40 bg-white/95 border-b border-slate-100">
       <div
         ref={navRef}
         className="max-w-7xl mx-auto flex overflow-x-auto scrollbar-hide"