fix: 在 viewport meta 标签中添加了 viewport-fit=cover，这样浏览器会将页面内容延伸到曲面屏边缘，同时启用 safe-area-inset-* CSS 环境变量

在普通设备上保持至少 16px 的右侧内边距
在华为 MATE70 PRO 等曲面屏设备上，使用系统提供的安全区域值，避免右侧导航被遮挡

public/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <meta
       name="viewport"
-      content="width=device-width, initial-scale=1, shrink-to-fit=no"
+      content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover"
     />
     <meta name="theme-color" content="#000000" />
 

src/components/Navbars/HomeNavbar.js

@@ -161,7 +161,7 @@ export default function HomeNavbar() {
                 borderColor={navbarBorder}
                 py={{ base: 2, md: 3 }}
             >
-                <Container maxW="container.xl" px={{ base: 3, md: 4 }}>
+                <Container maxW="container.xl" px={{ base: 3, md: 4 }} style={{ paddingRight: 'max(16px, env(safe-area-inset-right))' }}>
                     <Flex justify="space-between" align="center">
                         {/* Logo - 价小前投研 */}
                         <BrandLogo />