diff --git a/index.html b/index.html
index 4751cc1..d3f15da 100644
--- a/index.html
+++ b/index.html
@@ -1,7 +1,10 @@
 <!doctype html>
-<html lang="zh-CN">
+<html lang="zh-CN" translate="no">
   <head>
     <meta charset="UTF-8" />
+    <!-- The app ships its own 7-language i18n and serves localized content, so
+         browser auto-translation only garbles the UI. Opt out of it. -->
+    <meta name="google" content="notranslate" />
     <meta
       name="viewport"
       content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"
diff --git a/src/components/DocumentMeta.tsx b/src/components/DocumentMeta.tsx
index 8395f22..f79c36c 100644
--- a/src/components/DocumentMeta.tsx
+++ b/src/components/DocumentMeta.tsx
@@ -153,6 +153,8 @@ export function DocumentMeta() {
     const canonical = `${window.location.origin}${pathname}${search}`;
 
     document.documentElement.lang = lang;
+    // Keep browser auto-translation off — the app is already fully localized.
+    document.documentElement.setAttribute("translate", "no");
     document.title = title;
 
     setMeta('meta[name="description"]', "name", "description").content =
