feat: 改进页面切换器样式和响应式布局

app/styles.global.css

@@ -82,6 +82,34 @@
     display: flex;
     flex-direction: column;
     min-height: 100vh;
+    padding-top: 5.75rem;
+  }
+
+  @media (max-width: 768px) {
+    .content-stack {
+      padding-top: 8.75rem;
+    }
+
+    .page-switcher {
+      width: calc(100% - 1rem);
+      gap: 0.5rem;
+      padding: 0.5rem 0.65rem;
+      border-radius: 1rem;
+      grid-template-columns: minmax(0, 1fr);
+      top: 0.5rem;
+    }
+
+    .page-switcher nav {
+      min-width: 0;
+      flex-wrap: nowrap;
+      justify-content: flex-start;
+      overflow-x: auto;
+      scrollbar-width: none;
+    }
+
+    .page-switcher nav::-webkit-scrollbar {
+      display: none;
+    }
   }
 
   .app-body {