diff --git a/assets/css/main.css b/assets/css/main.css
index 49650ac..67328a9 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -216,6 +216,27 @@
background: color-mix(in srgb, var(--site-panel) 72%, var(--site-text));
}
+ /**
+ * 왼쪽 사이드바 1차 네비·태그 카테고리·테마 점 등 행 호버 — 라이트 테마에서 밝은 크림 톤, 다크는 패널 대비 유지
+ */
+ .site-sidebar-nav-row {
+ transition: background-color 0.2s ease;
+ }
+
+ .site-sidebar-nav-row:hover {
+ background-color: #f7f4ef;
+ }
+
+ :root[data-theme='dark'] .site-sidebar-nav-row:hover {
+ background: color-mix(in srgb, var(--site-panel) 72%, var(--site-text));
+ }
+
+ @media (prefers-color-scheme: dark) {
+ :root:not([data-theme='light']) .site-sidebar-nav-row:hover {
+ background: color-mix(in srgb, var(--site-panel) 72%, var(--site-text));
+ }
+ }
+
/**
* 다크 인증 폼(signin/signup) 텍스트 입력 — UA가 부모 color를 상속하지 않는 경우 대비
*/
diff --git a/components/site/LeftSidebar.vue b/components/site/LeftSidebar.vue
index 1cbb084..8a9adc3 100644
--- a/components/site/LeftSidebar.vue
+++ b/components/site/LeftSidebar.vue
@@ -158,7 +158,7 @@ onMounted(() => {