사용자 화면 사이드바 스타일을 Thred 기준으로 정렬.

좌측 네비게이션과 카테고리의 간격 및 hover 인터랙션을 원본 패턴에 맞게 보정하고, 테마 전환/사이드바 전환 애니메이션과 샘플 폴더 Git 제외 설정을 함께 반영해 사용자 화면 일관성을 높였다.

Co-authored-by: Cursor <cursoragent@cursor.com>

components/site/PostCard.vue

@@ -8,7 +8,7 @@ defineProps({
 </script>
 
 <template>
-  <article class="post-card site-section">
+  <article class="post-card site-section site-panel-hover">
     <div class="post-card__body site-section-body flex gap-4">
       <img
         v-if="post.featuredImage"
@@ -20,7 +20,7 @@ defineProps({
       <div v-else class="post-card__thumb h-20 w-36 shrink-0 rounded-lg bg-[linear-gradient(135deg,#06333a,#f4a261)]" />
       <div class="post-card__content min-w-0">
         <h2 class="post-card__title text-base font-semibold leading-tight">
-          <NuxtLink class="post-card__title-link hover:opacity-70" :to="post.to">
+          <NuxtLink class="post-card__title-link site-interactive hover:opacity-70" :to="post.to">
             {{ post.title }}
           </NuxtLink>
         </h2>