R89 A4-A5 移动导航与工作台重排

client/src/components/mobile/MobileBottomNav.tsx

@@ -44,6 +44,7 @@ export function MobileBottomNav() {
               <button
                 key={item.key}
                 type="button"
+                data-testid={`mobile-nav-${item.key}`}
                 className="touch-target flex flex-col items-center justify-center gap-1 rounded-2xl px-2 py-2 text-xs font-medium text-zinc-400"
                 disabled
                 aria-disabled="true"
@@ -60,6 +61,7 @@ export function MobileBottomNav() {
               key={item.key}
               end
               to={item.to}
+              data-testid={`mobile-nav-${item.key}`}
               className={({ isActive }) =>
                 cn(
                   "touch-target flex flex-col items-center justify-center gap-1 rounded-2xl px-2 py-2 text-xs font-medium transition-colors",

client/src/components/navigation/Topbar.tsx

@@ -145,7 +145,7 @@ export function Topbar() {
                 </Button>
               </DialogTrigger>
 
-              <DialogContent className="left-0 top-0 h-full w-80 max-w-[84vw] rounded-none rounded-r-3xl border-r border-slate-200 p-0">
+              <DialogContent className="left-0 top-0 h-dvh w-80 max-w-[88vw] translate-x-0 translate-y-0 rounded-none rounded-r-3xl border-r border-slate-200 p-0">
                 <div className="flex h-full flex-col bg-white">
                   <div className="flex items-start justify-between border-b border-slate-200 px-5 py-5">
                     <AppBrand />