diff --git a/package.json b/package.json
index eac3c312..8b1565d8 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
     "@docusaurus/core": "^3.10.2",
     "@docusaurus/preset-classic": "^3.10.2",
     "@easyops-cn/docusaurus-search-local": "^0.55.3",
+    "@vercel/analytics": "^2.0.1",
     "classnames": "^2.5.1",
     "react": "^19.2.8",
     "react-dom": "^19.2.8"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index eb6fb073..74a60861 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -22,6 +22,9 @@ importers:
       '@easyops-cn/docusaurus-search-local':
         specifier: ^0.55.3
         version: 0.55.3(@docusaurus/theme-common@3.10.2(@docusaurus/plugin-content-docs@3.10.2(@mdx-js/react@3.1.1(@types/react@19.2.18)(react@19.2.8))(postcss@8.5.25)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(typescript@6.0.3))(postcss@8.5.25)(react-dom@19.2.8(react@19.2.8))(react@19.2.8))(@mdx-js/react@3.1.1(@types/react@19.2.18)(react@19.2.8))(postcss@8.5.25)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(typescript@6.0.3)
+      '@vercel/analytics':
+        specifier: ^2.0.1
+        version: 2.0.1(react@19.2.8)
       classnames:
         specifier: ^2.5.1
         version: 2.5.1
@@ -1981,6 +1984,35 @@ packages:
   '@ungap/structured-clone@1.3.3':
     resolution: {integrity: sha512-60YRaenCQcVjYEKOcG824+DRGGIQ3VKErcBoAEDJZz5bKIs2ZG+X/H9Nk+Q6EVkwJk5QNApxbrc5QtBSwtrXAg==}
 
+  '@vercel/analytics@2.0.1':
+    resolution: {integrity: sha512-MTQG6V9qQrt1tsDeF+2Uoo5aPjqbVPys1xvnIftXSJYG2SrwXRHnqEvVoYID7BTruDz4lCd2Z7rM1BdkUehk2g==}
+    peerDependencies:
+      '@remix-run/react': ^2
+      '@sveltejs/kit': ^1 || ^2
+      next: '>= 13'
+      nuxt: '>= 3'
+      react: ^18 || ^19 || ^19.0.0-rc
+      svelte: '>= 4'
+      vue: ^3
+      vue-router: ^4
+    peerDependenciesMeta:
+      '@remix-run/react':
+        optional: true
+      '@sveltejs/kit':
+        optional: true
+      next:
+        optional: true
+      nuxt:
+        optional: true
+      react:
+        optional: true
+      svelte:
+        optional: true
+      vue:
+        optional: true
+      vue-router:
+        optional: true
+
   '@webassemblyjs/ast@1.14.1':
     resolution: {integrity: sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==}
 
@@ -9021,6 +9053,10 @@ snapshots:
 
   '@ungap/structured-clone@1.3.3': {}
 
+  '@vercel/analytics@2.0.1(react@19.2.8)':
+    optionalDependencies:
+      react: 19.2.8
+
   '@webassemblyjs/ast@1.14.1':
     dependencies:
       '@webassemblyjs/helper-numbers': 1.13.2
diff --git a/src/css/custom.css b/src/css/custom.css
index 3fcb274e..6549ac83 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -679,6 +679,10 @@ figcaption {
   .navbar-sidebar {
     background: var(--ifm-background-color);
   }
+
+  .navbar.navbar-sidebar--show {
+    backdrop-filter: none;
+  }
 }
 
 @media (max-width: 576px) {
diff --git a/src/theme/Root.tsx b/src/theme/Root.tsx
new file mode 100644
index 00000000..89804f72
--- /dev/null
+++ b/src/theme/Root.tsx
@@ -0,0 +1,15 @@
+import type { ReactNode } from "react";
+import { Analytics } from "@vercel/analytics/react";
+
+type RootProps = {
+  children: ReactNode;
+};
+
+export default function Root({ children }: RootProps): ReactNode {
+  return (
+    <>
+      {children}
+      <Analytics />
+    </>
+  );
+}