Pro

2026-06-03 10:27:17 +08:00
parent 6a26e2209e
commit c66fa890dd
114 changed files with 2032 additions and 1054 deletions
@@ -3,7 +3,7 @@
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>产品详情 - Chookoo 宠科智能科技</title>
+    <title>产品详情 - Chookoo 宠小科智能科技</title>
    <style>
      :root {
        color-scheme: light;
@@ -23,7 +23,7 @@
        background: var(--bg);
        color: var(--text);
        line-height: 1.6;
-        width: 100vw;
+        width: 100%;
        overflow-x: hidden;
      }
      #pageContent {
@@ -477,14 +477,14 @@
    <nav class="navbar" style="opacity:0">
      <div class="navbar-inner">
        <a href="../index.html" class="navbar-logo">
-          <img src="../images/logo.png" alt="Chookoo" />
+          <img src="../images/白字logo.png" alt="Chookoo" />
        </a>
        <div class="navbar-menu">
-          <a href="../index.html" class="navbar-link">首页</a>
-          <a href="products.html" class="navbar-link active">产品</a>
-          <a href="stories.html" class="navbar-link">故事</a>
-          <a href="app.html" class="navbar-link">App</a>
-          <a href="company.html?article=201" class="navbar-link">关于我们</a>
+          <a href="../index.html" class="navbar-link"><span data-i18n="nav_home">首页</span></a>
+          <a href="products.html" class="navbar-link active"><span data-i18n="nav_products">产品</span></a>
+          <a href="stories.html" class="navbar-link"><span data-i18n="nav_stories">故事</span></a>
+          <a href="app.html" class="navbar-link"><span data-i18n="nav_app">App</span></a>
+          <a href="company.html?article=201" class="navbar-link"><span data-i18n="nav_about">关于我们</span></a>
        </div>
        <div class="navbar-actions">
          <a href="help.html" class="navbar-btn" aria-label="Search">
@@ -496,9 +496,8 @@
          <select id="langSelect" aria-label="Language" class="lang-select-hero">
            <option value="zh">中文</option>
            <option value="en">EN</option>
-            <option value="ja">日本語</option>
          </select>
-          <a href="../index.html#contact" class="navbar-cta">联系我们</a>
+          <a href="../index.html#contact" class="navbar-cta"><span data-i18n="nav_contact">联系我们</span></a>
          <button class="navbar-btn mobile-menu-btn" aria-label="Menu">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M4 6h16M4 12h16M4 18h16"></path></svg>
          </button>
@@ -518,8 +517,8 @@

    <!-- 页脚 -->
    <footer class="footer">
-      <img src="../images/logo.png" alt="Chookoo" class="footer-logo" />
-      <p class="footer-text">© 2025 Chookoo 宠科智能科技（苏州）有限公司 保留所有权利</p>
+      <img src="../images/白字logo.png" alt="Chookoo" class="footer-logo" />
+      <p class="footer-text">© 2025 Chookoo 宠小科智能科技（苏州）有限公司 保留所有权利</p>
    </footer>

    </div><!-- /pageContent -->
@@ -579,6 +578,8 @@
        window.addEventListener('resize', scale);
        window.addEventListener('load', fixLayout);
        setTimeout(fixLayout, 2000);
+        new MutationObserver(() => requestAnimationFrame(fixLayout)).observe(content, { childList: true, subtree: true, attributes: true });
+        document.querySelectorAll('img').forEach(img => { if (!img.complete) img.addEventListener('load', fixLayout); });
      })();
    </script>
    <script>
@@ -1190,5 +1191,45 @@
        }
      });
    </script>
+  <script>
+(() => {
+  const t = {
+    zh: {
+      nav_home: "棣栭〉", nav_products: "浜у搧", nav_stories: "鏁呬簨",
+      nav_app: "App", nav_about: "鍏充簬鎴戜滑", nav_contact: "鑱旂郴鎴戜滑",
+      footer_desc: "AIoT 涓诲姩寮忓疇鐗╁仴搴风鐞嗗紑鍒涜€咃紝璁╁仴搴峰彲瑙併€侀渶姹傚彲瑙ｃ€佸疇鐖辨棤闂淬€?,
+      footer_products: "浜у搧", footer_support: "鏀寔", footer_contact: "鑱旂郴鎴戜滑",
+      footer_cat: "鏅鸿兘鐚帟鎵€", footer_feeder: "鏅鸿兘鍠傞鍣?,
+      footer_fountain: "鏅鸿兘楗按鏈?, footer_camera: "AI 鎽勫儚澶?,
+      footer_help: "甯姪涓績", footer_faq: "甯歌闂",
+      footer_warranty: "淇濅慨鏀跨瓥", footer_returns: "閫€鎹㈣揣",
+      footer_privacy: "闅愮鏀跨瓥", footer_terms: "鏈嶅姟鏉℃",
+      footer_copyright: "漏 2025 Chookoo. All rights reserved."
+    },
+    en: {
+      nav_home: "Home", nav_products: "Products", nav_stories: "Stories",
+      nav_app: "App", nav_about: "About Us", nav_contact: "Contact Us",
+      footer_desc: "AIoT Pioneer in Proactive Pet Health Management 鈥?making health visible, needs understood, and care seamless.",
+      footer_products: "Products", footer_support: "Support", footer_contact: "Contact Us",
+      footer_cat: "Smart Cat Litter", footer_feeder: "Smart Feeder",
+      footer_fountain: "Smart Fountain", footer_camera: "AI Camera",
+      footer_help: "Help Center", footer_faq: "FAQ",
+      footer_warranty: "Warranty", footer_returns: "Returns",
+      footer_privacy: "Privacy Policy", footer_terms: "Terms of Service",
+      footer_copyright: "漏 2025 Chookoo. All rights reserved."
+    }
+  };
+  const els = document.querySelectorAll("[data-i18n]");
+  const s = document.getElementById("langSelect");
+  const apply = (l) => {
+    const d = t[l] || t.zh;
+    els.forEach(el => { const k = el.dataset.i18n; if (d[k]) el.textContent = d[k]; });
+    if (s) s.value = l;
+  };
+  const lang = (navigator.language||"").toLowerCase().startsWith("zh") ? "zh" : "en";
+  apply(lang);
+  if (s) s.addEventListener("change", e => apply(e.target.value));
+})();
+</script>
  </body>
 </html>