diff --git a/web/src/App.vue b/web/src/App.vue
index 0e23a85..a7fcd1c 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -70,6 +70,7 @@
 import { ref, provide, onMounted, computed, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import AppHeader from '@/components/AppHeader.vue'
+import AppSidebar from '@/components/AppSidebar.vue'
 import AppSubNav from '@/components/AppSubNav.vue'
 import AppRightbar from '@/components/AppRightbar.vue'
 import Footer from '@/components/Footer.vue'
@@ -98,6 +99,7 @@ const filterCrowdIds = ref([])
 // 热门笑话（右侧栏）
 const hotJokes = ref([])
 
+
 // 右侧栏：仅首页显示
 const showRightBar = computed(() => route.path === '/')
 // 副导航：首页/分类/搜索显示，详情页显示推荐列表
@@ -186,7 +188,7 @@ onMounted(async () => {
     console.warn('[APP] Failed to load hot jokes:', e)
     hotJokes.value = []
   }
-})
+  })
 </script>
 
 <style>
@@ -274,17 +276,25 @@ onMounted(async () => {
   }
 }
 
-/* 超宽屏填满屏幕，逐步去掉居中限制 */
+/* 1024px+ 强制填满屏幕 */
 @media (min-width: 1024px) {
-  :root {
-    --content-max-width: 100%;
-    --content-padding: 20px;
+  .content-wrapper {
+    max-width: 100% !important;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+    padding-left: var(--content-padding) !important;
+    padding-right: 0 !important;
+  }
+  .app-header .header-inner {
+    max-width: 100% !important;
+    padding-left: var(--content-padding) !important;
+    padding-right: var(--content-padding) !important;
   }
 }
+
 /* 大屏增加内边距 */
 @media (min-width: 1400px) {
   :root {
-    --content-max-width: 100%;
     --content-padding: 32px;
   }
 }
@@ -343,7 +353,7 @@ body {
   }
 }
 
-/* 大屏幕显示所有侧边栏 */
+/* 大屏幕显示 AppSidebar + 右侧栏，隐藏副导航（避免与 AppSidebar 内容重复） */
 @media (min-width: 1200px) {
   .left-sidebar {
     display: block;
@@ -351,6 +361,9 @@ body {
     min-width: var(--sidebar-width);
     flex-shrink: 0;
   }
+  .left-subnav {
+    display: none !important;
+  }
   .rightbar {
     width: var(--rightbar-width);
     min-width: var(--rightbar-width);