From 15a147f2c545e10d949991f2583b7cd41daac12f Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 2 Mar 2026 10:21:24 +0000
Subject: [PATCH 1/4] Initial plan


From 0048aecf563f7d7797526e1d4d18e358238d5836 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 2 Mar 2026 10:25:11 +0000
Subject: [PATCH 2/4] Add Chinese (ZH) language option to XMenu website

Co-authored-by: devNull-bootloader <189463177+devNull-bootloader@users.noreply.github.com>
---
 index.html | 106 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 106 insertions(+)

diff --git a/index.html b/index.html
index b7dc263..59c114a 100644
--- a/index.html
+++ b/index.html
@@ -1569,6 +1569,7 @@
         EN
       </button>
       <button class="lang-btn" data-lang="de" aria-label="Switch to German">DE</button>
+      <button class="lang-btn" data-lang="zh" aria-label="Switch to Chinese">ZH</button>
     </div>
 
     <div class="asset-loader" id="assetLoader" aria-live="polite">
@@ -2186,6 +2187,111 @@ <h3>
             "Komponenten",
             "Footer"
           ]
+        },
+        zh: {
+          loader: {
+            title: "正在加载资源",
+            initializing: "初始化中…",
+            loading: "正在加载：{asset}…",
+            done: "完成。",
+            skip: "跳过"
+          },
+          header: {
+            eyebrow: "XMenu 主页",
+            title: "您的下一个 iPad 体验从 XMenu 开始。",
+            description:
+              "探索一个完美结合设计与功能的现代平台。XMenu 将您的 iPad 体验提升到全新水平。",
+            download: "下载",
+            contact: "联系我们",
+            support: "技术支持",
+            supportClose: "关闭"
+          },
+          features: {
+            design: {
+              title: "即用设计",
+              description:
+                "现代化布局，给人留下强烈的第一印象，操作直观。"
+            },
+            onboarding: {
+              title: "快速上手",
+              description:
+                "简单设置，立即可用——无需复杂配置。"
+            },
+            development: {
+              title: "持续开发",
+              description:
+                "定期更新和新功能，带来最佳用户体验。"
+            }
+          },
+          support: {
+            title: "技术支持请求",
+            description:
+              "选择您的设备类型、品牌和型号，并描述您的问题。请求将通过电子邮件发送至我们的支持团队。",
+            deviceType: "设备类型",
+            pleaseSelect: "请选择",
+            brand: "品牌",
+            brandPlaceholder: "例如：Apple、Samsung、Dell",
+            model: "型号",
+            modelPlaceholder: "例如：iPhone 14、XPS 13",
+            issue: "描述您的问题",
+            issuePlaceholder: "简要描述问题…",
+            submit: "提交支持请求",
+            helper: "您的邮件客户端将打开以发送请求。",
+            discountCode: "折扣码（可选）",
+            discountCodePlaceholder: "输入代码（例如：2026Xrepairpro）",
+            applyCode: "应用",
+            codeApplied: "✓ 代码已应用：{discount}% 折扣",
+            codeInvalid: "✗ 无效代码",
+            codeUnlocked: "✓ 自定义面板已解锁！",
+            pricePhone: "📞 预计费用：从 2.50 € 起（电话支持）",
+            priceStorage: "💾 预计费用：从 40 € 起（存储维修）",
+            priceOther: "🔧 预计费用：2 € – 100 €（一般维修）",
+            captchaRequired: "请在提交前完成验证码。",
+            captchaFailed: "验证码验证失败，请重试。"
+          },
+          footer: {
+            comingSoon: "即将推出",
+            patch: "补丁 1.2.9",
+            contact: "联系方式：support@xmenu.dev"
+          },
+          changelog: {
+            title: "最新动态",
+            latest: "最新",
+            tagNew: "新功能",
+            tagImprove: "改进",
+            tagFix: "修复",
+            v129: {
+              date: "2026年2月",
+              item1: "会员系统与 XP 等级（铜牌 → 铂金）",
+              item2: "激励广告——观看短片赚取 XP",
+              item3: "可从页脚访问的密码模态框"
+            },
+            v128: {
+              date: "2026年1月",
+              item1: "YouTube 无广告播放器，支持音量控制和全屏模式",
+              item2: "主题定制面板（海洋、森林、日落、简约、明亮）",
+              item3: "含价格估算和折扣码的技术支持表单"
+            },
+            v127: {
+              date: "2025年12月",
+              item1: "支持持久偏好的 EN/DE 语言切换器",
+              item2: "Supabase 身份验证与账户管理",
+              item3: "带跳过选项的资源加载动画"
+            }
+          },
+          reviews: {
+            title: "用户评价"
+          },
+          assets: [
+            "样式",
+            "字体",
+            "布局",
+            "图标",
+            "图片",
+            "配置",
+            "组件",
+            "页脚"
+          ]
         }
       };
 

From 46cead117cc0c63affd9fc17af9efccf8e46fc2f Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 2 Mar 2026 10:29:25 +0000
Subject: [PATCH 3/4] Add EN/DE/ZH language switcher to impressum.html and
 datenschutz.html

Co-authored-by: theodorismmmm <168644391+theodorismmmm@users.noreply.github.com>
---
 datenschutz.html | 132 ++++++++++++++++++++++++++++++++++++++++++-----
 impressum.html   | 112 ++++++++++++++++++++++++++++++++++++----
 2 files changed, 222 insertions(+), 22 deletions(-)

diff --git a/datenschutz.html b/datenschutz.html
index f9ff75d..d09e72b 100644
--- a/datenschutz.html
+++ b/datenschutz.html
@@ -78,6 +78,39 @@
         border-top: 1px solid rgba(148, 163, 184, 0.15);
         padding-top: 24px;
       }
+      .language-switcher {
+        position: fixed;
+        top: 24px;
+        right: 24px;
+        z-index: 10000;
+        display: flex;
+        gap: 8px;
+        background: rgba(15, 23, 42, 0.95);
+        border: 1px solid rgba(148, 163, 184, 0.25);
+        border-radius: 999px;
+        padding: 6px;
+        backdrop-filter: blur(10px);
+        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.4);
+      }
+      .lang-btn {
+        appearance: none;
+        border: none;
+        background: transparent;
+        color: #94a3b8;
+        padding: 8px 16px;
+        border-radius: 999px;
+        font-size: 0.85rem;
+        font-weight: 600;
+        cursor: pointer;
+        transition: all 0.2s ease;
+        font-family: inherit;
+      }
+      .lang-btn:hover { color: #e2e8f0; background: rgba(148, 163, 184, 0.1); }
+      .lang-btn.active {
+        background: linear-gradient(135deg, #38bdf8, #0ea5e9);
+        color: #0f172a;
+        box-shadow: 0 4px 12px rgba(56, 189, 248, 0.3);
+      }
       @media (max-width: 640px) {
         body { padding: 24px 16px; }
         main { padding: 40px 24px; gap: 24px; }
@@ -86,31 +119,36 @@
     </style>
   </head>
   <body>
+    <div class="language-switcher">
+      <button class="lang-btn" data-lang="en" aria-label="Switch to English">EN</button>
+      <button class="lang-btn active" data-lang="de" aria-label="Switch to German">DE</button>
+      <button class="lang-btn" data-lang="zh" aria-label="Switch to Chinese">ZH</button>
+    </div>
     <main>
       <div class="nav-links">
-        <a class="back-link" href="index.html">&#8592; Zurück zur Startseite</a>
-        <a class="back-link" href="impressum.html">Impressum</a>
+        <a class="back-link" href="index.html" data-i18n="backLink">&#8592; Zurück zur Startseite</a>
+        <a class="back-link" href="impressum.html" data-i18n="imprintLink">Impressum</a>
       </div>
 
-      <h1>Datenschutzerklärung</h1>
+      <h1 data-i18n="title">Datenschutzerklärung</h1>
 
       <!-- =====================================================================
            DATENSCHUTZ CONTENT – edit the fields below freely
            ===================================================================== -->
 
       <div class="section">
-        <h2>1. Verantwortlicher</h2>
+        <h2 data-i18n="section1Title">1. Verantwortlicher</h2>
         <address>
           XMenu<br />
           28259 Huchting/Schwachhausen<br />
-          Deutschland<br />
+          <span data-i18n="country">Deutschland</span><br />
           E-Mail: <a href="mailto:support@xmenu.dev">support@xmenu.dev</a>
         </address>
       </div>
 
       <div class="section">
-        <h2>2. Erhebung und Speicherung personenbezogener Daten</h2>
-        <p>
+        <h2 data-i18n="section2Title">2. Erhebung und Speicherung personenbezogener Daten</h2>
+        <p data-i18n="section2Body">
          Datenschutzhinweis
 Diese Website verwendet keine Cookies und setzt keine Tracking- oder Analyse-Tools ein. Bei der rein informatorischen Nutzung werden keine personenbezogenen Daten erfasst.
 Wenn Sie einen Account erstellen oder sich anmelden, erfolgt die Verarbeitung der dafür erforderlichen Daten über den Dienstleister Supabase. Dabei kann es im Rahmen der Account-Verwaltung zur Verarbeitung personenbezogener Daten kommen.
@@ -118,8 +156,8 @@ <h2>2. Erhebung und Speicherung personenbezogener Daten</h2>
       </div>
 
       <div class="section">
-        <h2>3. Cookies</h2>
-        <p>
+        <h2 data-i18n="section3Title">3. Cookies</h2>
+        <p data-i18n="section3Body">
           Diese Website verwendet keine Cookies, die personenbezogene Daten
           speichern. Es werden ausschließlich technisch notwendige Cookies
           verwendet, die für den Betrieb der Website erforderlich sind.
@@ -127,8 +165,8 @@ <h2>3. Cookies</h2>
       </div>
 
       <div class="section">
-        <h2>4. Ihre Rechte</h2>
-        <p>
+        <h2 data-i18n="section4Title">4. Ihre Rechte</h2>
+        <p data-i18n="section4Body">
           Sie haben das Recht auf Auskunft über die Sie betreffenden
           personenbezogenen Daten sowie auf Berichtigung, Löschung oder
           Einschränkung der Verarbeitung. Zur Ausübung Ihrer Rechte wenden Sie
@@ -137,8 +175,8 @@ <h2>4. Ihre Rechte</h2>
       </div>
 
       <div class="section">
-        <h2>5. Kontakt</h2>
-        <p>
+        <h2 data-i18n="section5Title">5. Kontakt</h2>
+        <p data-i18n="section5Body">
           Bei Fragen zum Datenschutz erreichen Sie uns unter:<br />
           E-Mail: <a href="mailto:support@xmenu.dev">support@xmenu.dev</a>
         </p>
@@ -146,5 +184,73 @@ <h2>5. Kontakt</h2>
 
       <!-- ===================================================================== -->
     </main>
+    <script>
+      const translations = {
+        de: {
+          backLink: "\u2190 Zurück zur Startseite",
+          imprintLink: "Impressum",
+          title: "Datenschutzerklärung",
+          section1Title: "1. Verantwortlicher",
+          country: "Deutschland",
+          section2Title: "2. Erhebung und Speicherung personenbezogener Daten",
+          section2Body: "Datenschutzhinweis – Diese Website verwendet keine Cookies und setzt keine Tracking- oder Analyse-Tools ein. Bei der rein informatorischen Nutzung werden keine personenbezogenen Daten erfasst. Wenn Sie einen Account erstellen oder sich anmelden, erfolgt die Verarbeitung der dafür erforderlichen Daten über den Dienstleister Supabase. Dabei kann es im Rahmen der Account-Verwaltung zur Verarbeitung personenbezogener Daten kommen.",
+          section3Title: "3. Cookies",
+          section3Body: "Diese Website verwendet keine Cookies, die personenbezogene Daten speichern. Es werden ausschließlich technisch notwendige Cookies verwendet, die für den Betrieb der Website erforderlich sind.",
+          section4Title: "4. Ihre Rechte",
+          section4Body: "Sie haben das Recht auf Auskunft über die Sie betreffenden personenbezogenen Daten sowie auf Berichtigung, Löschung oder Einschränkung der Verarbeitung. Zur Ausübung Ihrer Rechte wenden Sie sich bitte an: support@xmenu.dev",
+          section5Title: "5. Kontakt",
+          section5Body: "Bei Fragen zum Datenschutz erreichen Sie uns unter: E-Mail: support@xmenu.dev"
+        },
+        en: {
+          backLink: "\u2190 Back to Home",
+          imprintLink: "Legal Notice",
+          title: "Privacy Policy",
+          section1Title: "1. Controller",
+          country: "Germany",
+          section2Title: "2. Collection and Storage of Personal Data",
+          section2Body: "Privacy Notice – This website does not use cookies and does not employ any tracking or analytics tools. When using the site for informational purposes only, no personal data is collected. If you create an account or sign in, the required data is processed by our service provider Supabase. Personal data may be processed in the context of account management.",
+          section3Title: "3. Cookies",
+          section3Body: "This website does not use cookies that store personal data. Only technically necessary cookies are used that are required for the operation of the website.",
+          section4Title: "4. Your Rights",
+          section4Body: "You have the right to access the personal data concerning you, as well as the right to rectification, erasure or restriction of processing. To exercise your rights, please contact: support@xmenu.dev",
+          section5Title: "5. Contact",
+          section5Body: "For questions about data protection, please contact us at: Email: support@xmenu.dev"
+        },
+        zh: {
+          backLink: "\u2190 返回主页",
+          imprintLink: "法律声明",
+          title: "隐私政策",
+          section1Title: "1. 数据控制者",
+          country: "德国",
+          section2Title: "2. 个人数据的收集与存储",
+          section2Body: "隐私声明——本网站不使用 Cookie，也不使用任何跟踪或分析工具。仅作信息性浏览时，不会收集任何个人数据。如果您创建账户或登录，所需数据将由我们的服务提供商 Supabase 进行处理。在账户管理过程中可能涉及个人数据的处理。",
+          section3Title: "3. Cookie",
+          section3Body: "本网站不使用存储个人数据的 Cookie。仅使用网站运营所必需的技术性 Cookie。",
+          section4Title: "4. 您的权利",
+          section4Body: "您有权查阅与您相关的个人数据，以及要求更正、删除或限制处理。如需行使您的权利，请联系：support@xmenu.dev",
+          section5Title: "5. 联系方式",
+          section5Body: "如有数据保护方面的问题，请通过以下方式联系我们：电子邮件：support@xmenu.dev"
+        }
+      };
+
+      function setLanguage(lang) {
+        const t = translations[lang] || translations.de;
+        document.querySelectorAll("[data-i18n]").forEach(el => {
+          const key = el.getAttribute("data-i18n");
+          if (t[key] !== undefined) el.textContent = t[key];
+        });
+        document.documentElement.lang = lang;
+        document.querySelectorAll(".lang-btn").forEach(btn => {
+          btn.classList.toggle("active", btn.getAttribute("data-lang") === lang);
+        });
+        localStorage.setItem("xmenu-lang", lang);
+      }
+
+      document.querySelectorAll(".lang-btn").forEach(btn => {
+        btn.addEventListener("click", () => setLanguage(btn.getAttribute("data-lang")));
+      });
+
+      setLanguage(localStorage.getItem("xmenu-lang") || "de");
+    </script>
   </body>
 </html>
diff --git a/impressum.html b/impressum.html
index cd893f2..462b3ab 100644
--- a/impressum.html
+++ b/impressum.html
@@ -78,6 +78,39 @@
         border-top: 1px solid rgba(148, 163, 184, 0.15);
         padding-top: 24px;
       }
+      .language-switcher {
+        position: fixed;
+        top: 24px;
+        right: 24px;
+        z-index: 10000;
+        display: flex;
+        gap: 8px;
+        background: rgba(15, 23, 42, 0.95);
+        border: 1px solid rgba(148, 163, 184, 0.25);
+        border-radius: 999px;
+        padding: 6px;
+        backdrop-filter: blur(10px);
+        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.4);
+      }
+      .lang-btn {
+        appearance: none;
+        border: none;
+        background: transparent;
+        color: #94a3b8;
+        padding: 8px 16px;
+        border-radius: 999px;
+        font-size: 0.85rem;
+        font-weight: 600;
+        cursor: pointer;
+        transition: all 0.2s ease;
+        font-family: inherit;
+      }
+      .lang-btn:hover { color: #e2e8f0; background: rgba(148, 163, 184, 0.1); }
+      .lang-btn.active {
+        background: linear-gradient(135deg, #38bdf8, #0ea5e9);
+        color: #0f172a;
+        box-shadow: 0 4px 12px rgba(56, 189, 248, 0.3);
+      }
       @media (max-width: 640px) {
         body { padding: 24px 16px; }
         main { padding: 40px 24px; gap: 24px; }
@@ -86,36 +119,41 @@
     </style>
   </head>
   <body>
+    <div class="language-switcher">
+      <button class="lang-btn" data-lang="en" aria-label="Switch to English">EN</button>
+      <button class="lang-btn active" data-lang="de" aria-label="Switch to German">DE</button>
+      <button class="lang-btn" data-lang="zh" aria-label="Switch to Chinese">ZH</button>
+    </div>
     <main>
       <div class="nav-links">
-        <a class="back-link" href="index.html">&#8592; Zurück zur Startseite</a>
-        <a class="back-link" href="datenschutz.html">Datenschutz</a>
+        <a class="back-link" href="index.html" data-i18n="backLink">&#8592; Zurück zur Startseite</a>
+        <a class="back-link" href="datenschutz.html" data-i18n="privacyLink">Datenschutz</a>
       </div>
 
-      <h1>Impressum</h1>
+      <h1 data-i18n="title">Impressum</h1>
 
       <!-- =====================================================================
            IMPRESSUM CONTENT – edit the fields below freely
            ===================================================================== -->
 
       <div class="section">
-        <h2>Angaben gemäß § 5 TMG</h2>
+        <h2 data-i18n="section1Title">Angaben gemäß § 5 TMG</h2>
         <address>
           XMenu<br />
           28259 Huchting/Schwachhausen<br />
-          Deutschland
+          <span data-i18n="country">Deutschland</span>
         </address>
       </div>
 
       <div class="section">
-        <h2>Kontakt</h2>
+        <h2 data-i18n="section2Title">Kontakt</h2>
         <p>
           E-Mail: <a href="mailto:support@xmenu.dev">support@xmenu.dev</a>
         </p>
       </div>
 
       <div class="section">
-        <h2>Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV</h2>
+        <h2 data-i18n="section3Title">Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV</h2>
         <address>
           XMenu<br />
           28259 Huchting
@@ -123,8 +161,8 @@ <h2>Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV</h2>
       </div>
 
       <div class="section">
-        <h2>Haftungsausschluss</h2>
-        <p>
+        <h2 data-i18n="section4Title">Haftungsausschluss</h2>
+        <p data-i18n="section4Body">
           Die Inhalte dieser Website wurden mit größtmöglicher Sorgfalt erstellt.
           Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte können wir
           jedoch keine Gewähr übernehmen. Als Diensteanbieter sind wir gemäß § 7 Abs. 1
@@ -135,5 +173,61 @@ <h2>Haftungsausschluss</h2>
 
       <!-- ===================================================================== -->
     </main>
+    <script>
+      const translations = {
+        de: {
+          backLink: "\u2190 Zurück zur Startseite",
+          privacyLink: "Datenschutz",
+          title: "Impressum",
+          section1Title: "Angaben gemäß § 5 TMG",
+          country: "Deutschland",
+          section2Title: "Kontakt",
+          section3Title: "Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV",
+          section4Title: "Haftungsausschluss",
+          section4Body: "Die Inhalte dieser Website wurden mit größtmöglicher Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte können wir jedoch keine Gewähr übernehmen. Als Diensteanbieter sind wir gemäß § 7 Abs. 1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich."
+        },
+        en: {
+          backLink: "\u2190 Back to Home",
+          privacyLink: "Privacy Policy",
+          title: "Legal Notice",
+          section1Title: "Company Information",
+          country: "Germany",
+          section2Title: "Contact",
+          section3Title: "Editorial Responsibility",
+          section4Title: "Disclaimer",
+          section4Body: "The contents of this website have been compiled with the utmost care. However, we cannot guarantee the accuracy, completeness or timeliness of the content. As a service provider, we are responsible for our own content on these pages in accordance with general laws."
+        },
+        zh: {
+          backLink: "\u2190 返回主页",
+          privacyLink: "隐私政策",
+          title: "法律声明",
+          section1Title: "公司信息",
+          country: "德国",
+          section2Title: "联系方式",
+          section3Title: "内容责任",
+          section4Title: "免责声明",
+          section4Body: "本网站内容经过精心编写，但我们无法保证内容的准确性、完整性和时效性。作为服务提供商，我们依据法律对本网站自有内容负责。"
+        }
+      };
+
+      function setLanguage(lang) {
+        const t = translations[lang] || translations.de;
+        document.querySelectorAll("[data-i18n]").forEach(el => {
+          const key = el.getAttribute("data-i18n");
+          if (t[key] !== undefined) el.textContent = t[key];
+        });
+        document.documentElement.lang = lang;
+        document.querySelectorAll(".lang-btn").forEach(btn => {
+          btn.classList.toggle("active", btn.getAttribute("data-lang") === lang);
+        });
+        localStorage.setItem("xmenu-lang", lang);
+      }
+
+      document.querySelectorAll(".lang-btn").forEach(btn => {
+        btn.addEventListener("click", () => setLanguage(btn.getAttribute("data-lang")));
+      });
+
+      setLanguage(localStorage.getItem("xmenu-lang") || "de");
+    </script>
   </body>
 </html>

From 969725159d5beea840029b64414ca6813c961e10 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 2 Mar 2026 11:24:24 +0000
Subject: [PATCH 4/4] Add Noto Sans SC font to fix Chinese character rendering
 (white boxes)

Co-authored-by: devNull-bootloader <189463177+devNull-bootloader@users.noreply.github.com>
---
 datenschutz.html | 4 ++--
 impressum.html   | 4 ++--
 index.html       | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/datenschutz.html b/datenschutz.html
index d09e72b..5e44ba0 100644
--- a/datenschutz.html
+++ b/datenschutz.html
@@ -7,13 +7,13 @@
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
-      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Noto+Sans+SC:wght@400;600;700&display=swap"
       rel="stylesheet"
     />
     <style>
       :root {
         color-scheme: dark;
-        font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        font-family: "Inter", "Noto Sans SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
         background-color: #0f172a;
         color: #e2e8f0;
       }
diff --git a/impressum.html b/impressum.html
index 462b3ab..a2000c6 100644
--- a/impressum.html
+++ b/impressum.html
@@ -7,13 +7,13 @@
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
-      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Noto+Sans+SC:wght@400;600;700&display=swap"
       rel="stylesheet"
     />
     <style>
       :root {
         color-scheme: dark;
-        font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        font-family: "Inter", "Noto Sans SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
         background-color: #0f172a;
         color: #e2e8f0;
       }
diff --git a/index.html b/index.html
index 59c114a..ab025db 100644
--- a/index.html
+++ b/index.html
@@ -10,13 +10,13 @@
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
-      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Noto+Sans+SC:wght@400;600;700&display=swap"
       rel="stylesheet"
     />
     <style>
       :root {
         color-scheme: dark;
-        font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
+        font-family: "Inter", "Noto Sans SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
           sans-serif;
         background-color: #0f172a;
         color: #e2e8f0;