兼容低内核版本的浏览器

client/src/components/BottomNav.tsx

@@ -22,7 +22,7 @@ import {
 } from "lucide-react";
 import { Link, useLocation } from "wouter";
 import { useMemo } from "react";
-import { appShellColumnClass, appShellGutterClass } from "@/lib/appShell";
+import { bottomNavInnerClass, bottomNavOuterClass } from "@/lib/appShell";
 
 type BottomNavLocale = NonNullable<(typeof localeZh)["bottomNav"]>;
 
@@ -56,11 +56,9 @@ export default function BottomNav() {
   }, [deviceState?.language]);
 
   return (
-    <nav
-      className={`fixed inset-x-0 bottom-0 z-50 flex justify-center pointer-events-none ${appShellGutterClass}`}
-    >
+    <nav className={bottomNavOuterClass}>
       <div
-        className={`pointer-events-auto ${appShellColumnClass}`}
+        className={bottomNavInnerClass}
         style={{
           background: "rgba(10, 10, 12, 0.96)",
           backdropFilter: "blur(40px) saturate(200%)",