Add tablet landscape layout and allow PWA horizontal orientation.

Split mobile and tablet breakpoints, restore desktop-style reading on landscape tablets, and lock Android tablet apps to landscape.

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

.vitepress/theme/custom.css

@@ -110,7 +110,7 @@ html {
   line-height: 1.45;
 }
 
-@media (max-width: 960px) {
+@media (max-width: 767px) {
   .VPContent {
     padding-top: 0;
   }
@@ -174,6 +174,57 @@ html {
   }
 }
 
+/* 平板竖屏：介于手机与桌面之间 */
+@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
+  .VPDoc .container {
+    padding: 0 24px;
+  }
+
+  .vp-doc {
+    font-size: 17px;
+    padding: 12px 0 64px;
+  }
+
+  .VPDocFooter .pager-link {
+    min-height: 44px;
+  }
+}
+
+/* 平板横屏：恢复桌面式双栏阅读 */
+@media (min-width: 768px) and (orientation: landscape) {
+  .VPDoc .aside,
+  .VPDoc .aside-container {
+    display: block !important;
+  }
+
+  .VPDoc.has-aside .content-container {
+    max-width: 688px;
+  }
+
+  .VPDoc .container {
+    padding: 0 24px;
+  }
+
+  .vp-doc {
+    font-size: 16px;
+    line-height: 1.85;
+    padding: 16px 0 48px;
+  }
+
+  .VPDocFooter .pager-link {
+    min-height: 44px;
+  }
+
+  .VPDocFooter .prev-next {
+    display: flex;
+    gap: 16px;
+  }
+
+  .VPDocFooter .pager-link {
+    flex: 1;
+  }
+}
+
 @media (max-width: 640px) {
   .VPNavBarTitle .title {
     font-size: 15px;