fix: anchor mobile bottom nav

src/layouts/PublicLayout.tsx

@@ -411,7 +411,7 @@ export function PublicLayout() {
   }, [mobileSearchOpen]);
 
   return (
-    <div className="min-h-full flex flex-col">
+    <div className="flex min-h-[100dvh] flex-col bg-ark-bg">
       <DocumentMeta />
       <header className="sticky top-0 z-40 select-none bg-[#08070c] backdrop-blur-md md:border-b md:border-ark-line md:bg-ark-nav/98">
         <div className="flex h-[64px] items-center justify-between bg-[#08070c] px-4 py-3 md:hidden">
@@ -694,7 +694,7 @@ export function PublicLayout() {
       ) : null}
 
       <main
-        className={`mx-auto w-full max-w-[1280px] ${
+        className={`mx-auto w-full max-w-[1280px] max-md:pb-[calc(78px+max(env(safe-area-inset-bottom),0px)+1.5rem)] ${
           isHome
             ? "flex-1 px-0 pb-6 pt-0 md:px-9 md:pb-10 md:pt-10 xl:px-0"
             : footerInContentFlow
@@ -715,7 +715,7 @@ export function PublicLayout() {
         </AnimatePresence>
       </main>
 
-      <nav className="sticky inset-x-0 bottom-0 z-40 select-none bg-[#0C0D0F]/90 backdrop-blur md:hidden">
+      <nav className="fixed inset-x-0 bottom-0 z-40 select-none bg-[#0C0D0F]/95 pb-[max(env(safe-area-inset-bottom),0px)] backdrop-blur md:hidden">
         <div className="grid h-[78px] grid-cols-4 gap-3 px-5 py-4 text-center text-[11px] leading-[17.6px]">
           <BottomNavIcon
             to="/"