轮询修改，媒体过期判断

video-gen-app/src/index.css

@@ -146,6 +146,7 @@ html, body {
 @media (max-width: 768px) {
   .desktop-sidebar { display: none !important; }
   .desktop-content { margin-left: 0 !important; padding: 16px !important; padding-bottom: 80px !important; overflow-x: hidden !important; }
+  .desktop-sidebar-toggle-zone { display: none !important; }
   .mobile-bottom-nav { display: flex !important; }
 
   /* Prevent horizontal overflow globally */
@@ -319,11 +320,13 @@ html, body {
   .mobile-mb-12 { margin-bottom: 12px !important; }
 }
 
-/* ── Tablet Breakpoint (768px to 1024px) ────────────── */
+/* ── Tablet Breakpoint (769px to 1024px) ────────────── */
 @media (min-width: 769px) and (max-width: 1024px) {
-  /* Desktop sidebar adjustments */
-  .desktop-sidebar { width: 180px !important; }
-  .desktop-content { margin-left: 180px !important; }
+  /*
+    左侧栏宽度必须统一由 AppLayout.tsx 的 sidebarW 控制。
+    不要在这里覆盖 .desktop-sidebar width 或 .desktop-content margin-left，
+    否则展开/折叠状态会和真实布局宽度不一致。
+  */
 
   /* Card max-width */
   .ant-card { max-width: calc(50% - 8px) !important; }