改版

index.html

@@ -1176,8 +1176,6 @@
         padding: 0;
       }
       .snap-section {
-        min-height: 100vh;
-        min-height: 100svh;
         display: flex;
         align-items: center;
         justify-content: center;
@@ -3114,10 +3112,10 @@
               <div class="carousel-slide" data-type="activity">
                 <div class="slide-content activity-bg">
                   <div class="activity-content">
-                    <span class="activity-badge">限时活动</span>
-                    <h3 class="activity-title">618年中大促</h3>
-                    <p class="activity-desc">全场产品低至5折起</p>
-                    <span class="activity-date">6月1日 - 6月18日</span>
+                    <span class="activity-badge" data-i18n="carousel_activity_badge_1">限时活动</span>
+                    <h3 class="activity-title" data-i18n="carousel_activity_title_1">618年中大促</h3>
+                    <p class="activity-desc" data-i18n="carousel_activity_desc_1">全场产品低至5折起</p>
+                    <span class="activity-date" data-i18n="carousel_activity_date_1">6月1日 - 6月18日</span>
                   </div>
                 </div>
               </div>
@@ -3132,8 +3130,8 @@
                 <div class="slide-content notice-bg">
                   <div class="notice-content">
                     <span class="notice-icon">📢</span>
-                    <h3 class="notice-title">系统升级通知</h3>
-                    <p class="notice-desc">App 2.0版本全新上线<br/>新增健康报告、远程控制功能</p>
+                    <h3 class="notice-title" data-i18n="carousel_notice_title">系统升级通知</h3>
+                    <p class="notice-desc" data-i18n="carousel_notice_desc">App 2.0版本全新上线<br/>新增健康报告、远程控制功能</p>
                   </div>
                 </div>
               </div>
@@ -3148,9 +3146,9 @@
                 <div class="slide-content activity-bg">
                   <div class="activity-content">
                     <span class="activity-badge hot">🔥 HOT</span>
-                    <h3 class="activity-title">新用户专享</h3>
-                    <p class="activity-desc">首单立减100元</p>
-                    <span class="activity-code">优惠码: NEW100</span>
+                    <h3 class="activity-title" data-i18n="carousel_activity_title_2">新用户专享</h3>
+                    <p class="activity-desc" data-i18n="carousel_activity_desc_2">首单立减100元</p>
+                    <span class="activity-code" data-i18n="carousel_activity_code">优惠码: NEW100</span>
                   </div>
                 </div>
               </div>
@@ -3187,9 +3185,9 @@
               <div class="brand-logo-box">
                 <span class="pill" data-i18n="section_about_label">公司简介</span>
                 <img src="logo.png" alt="Chookoo" style="height: 70px; width: auto;">
-                <span class="brand-slogan">宠科智能科技</span>
+                <span class="brand-slogan" data-i18n="about_brand_slogan">宠科智能科技</span>
               </div>
-              <p class="brand-intro">
+              <p class="brand-intro" data-i18n="about_brand_intro">
                 宠科（Chookoo）成立于中国苏州，是一家专注于宠物智能健康管理的科技企业。我们秉承"让每一个生命都能被真正理解与守护"的理念，致力于通过技术创新重新定义宠物健康管理方式。
               </p>
             </div>
@@ -3205,9 +3203,9 @@
                 </div>
                 <div class="highlight-content">
                   <span class="highlight-number">60%+</span>
-                  <span class="highlight-label">研发人员占比</span>
+                  <span class="highlight-label" data-i18n="about_highlight_rd_label">研发人员占比</span>
                 </div>
-                <p class="highlight-desc">核心团队来自知名科技企业与科研院所</p>
+                <p class="highlight-desc" data-i18n="about_highlight_rd_desc">核心团队来自知名科技企业与科研院所</p>
               </div>
 
               <div class="highlight-card">
@@ -3220,9 +3218,9 @@
                 </div>
                 <div class="highlight-content">
                   <span class="highlight-number">ISO9001</span>
-                  <span class="highlight-label">质量认证</span>
+                  <span class="highlight-label" data-i18n="about_highlight_cert_label">质量认证</span>
                 </div>
-                <p class="highlight-desc">通过国际质量管理体系认证</p>
+                <p class="highlight-desc" data-i18n="about_highlight_cert_desc">通过国际质量管理体系认证</p>
               </div>
 
               <div class="highlight-card">
@@ -3235,10 +3233,10 @@
                   </svg>
                 </div>
                 <div class="highlight-content">
-                  <span class="highlight-number">自研</span>
-                  <span class="highlight-label">AI实验室</span>
+                  <span class="highlight-number" data-i18n="about_highlight_lab_number">自研</span>
+                  <span class="highlight-label" data-i18n="about_highlight_lab_label">AI实验室</span>
                 </div>
-                <p class="highlight-desc">独立AI算法实验室持续迭代优化</p>
+                <p class="highlight-desc" data-i18n="about_highlight_lab_desc">独立AI算法实验室持续迭代优化</p>
               </div>
             </div>
 
@@ -3248,7 +3246,7 @@
                   <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
                   <circle cx="12" cy="10" r="3"/>
                 </svg>
-                <span>中国苏州 · 苏州工业园区</span>
+                <span data-i18n="about_location">中国苏州 · 苏州工业园区</span>
               </div>
               <div class="footer-year">
                 <span>Founded 2023</span>
@@ -3261,9 +3259,9 @@
       <section class="snap-section centered">
         <div class="container section company-section-new">
           <div class="company-hero">
-            <div class="company-badge">AIoT 宠物健康管理</div>
-            <h2 class="company-title">以科技重新定义<br/><span class="gradient-text">宠物健康管理</span></h2>
-            <p class="company-desc">深度融合人工智能、物联网与生物传感技术，构建预防式健康生态</p>
+            <div class="company-badge" data-i18n="company_badge">AIoT 宠物健康管理</div>
+            <h2 class="company-title" data-i18n="company_title">以科技重新定义<br/><span class="gradient-text">宠物健康管理</span></h2>
+            <p class="company-desc" data-i18n="company_desc">深度融合人工智能、物联网与生物传感技术，构建预防式健康生态</p>
           </div>
 
           <div class="company-stats">
@@ -3274,7 +3272,7 @@
                 </svg>
               </div>
               <div class="stat-number" data-count="50">50+</div>
-              <div class="stat-label">核心专利</div>
+              <div class="stat-label" data-i18n="company_stat_patent_label">核心专利</div>
               <div class="stat-bar"></div>
             </div>
             <div class="stat-card">
@@ -3287,7 +3285,7 @@
                 </svg>
               </div>
               <div class="stat-number" data-count="10">10亿+</div>
-              <div class="stat-label">AI健康数据点</div>
+              <div class="stat-label" data-i18n="company_stat_ai_label">AI健康数据点</div>
               <div class="stat-bar"></div>
             </div>
             <div class="stat-card">
@@ -3300,7 +3298,7 @@
                 </svg>
               </div>
               <div class="stat-number" data-count="100">100万+</div>
-              <div class="stat-label">宠物健康档案</div>
+              <div class="stat-label" data-i18n="company_stat_records_label">宠物健康档案</div>
               <div class="stat-bar"></div>
             </div>
             <div class="stat-card">
@@ -3312,7 +3310,7 @@
                 </svg>
               </div>
               <div class="stat-number" data-count="30">30+</div>
-              <div class="stat-label">国家和地区</div>
+              <div class="stat-label" data-i18n="company_stat_global_label">国家和地区</div>
               <div class="stat-bar"></div>
             </div>
           </div>
@@ -3323,7 +3321,7 @@
                 <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
                 <circle cx="12" cy="10" r="3"/>
               </svg>
-              <span>中国苏州 · 智慧健康管理领域</span>
+              <span data-i18n="company_location">中国苏州 · 智慧健康管理领域</span>
             </div>
           </div>
         </div>
@@ -3342,8 +3340,8 @@
                   <img class="product-image" src="cat.png" alt="猫厕所" onerror="this.src='cat.png'" />
                 </div>
                 <div class="product-content">
-                  <h3>智能猫厕所</h3>
-                  <p>智能监测·自动清洁</p>
+                  <h3 data-i18n="product_card_cat_title">智能猫厕所</h3>
+                  <p data-i18n="product_card_cat_desc">智能监测·自动清洁</p>
                 </div>
               </div>
               <div class="product-card" data-product="2">
@@ -3351,8 +3349,8 @@
                   <img class="product-image" src="dog.jpeg" alt="狗厕所" onerror="this.src='dog.jpeg'" />
                 </div>
                 <div class="product-content">
-                  <h3>智能狗厕所</h3>
-                  <p>科学训练·智能清洁</p>
+                  <h3 data-i18n="product_card_dog_title">智能狗厕所</h3>
+                  <p data-i18n="product_card_dog_desc">科学训练·智能清洁</p>
                 </div>
               </div>
               <div class="product-card" data-product="3">
@@ -3360,8 +3358,8 @@
                   <img class="product-image" src="feeder.png" alt="喂食器" onerror="this.src='cat.png'" />
                 </div>
                 <div class="product-content">
-                  <h3>智能喂食器</h3>
-                  <p>定时定量·科学喂养</p>
+                  <h3 data-i18n="product_card_feeder_title">智能喂食器</h3>
+                  <p data-i18n="product_card_feeder_desc">定时定量·科学喂养</p>
                 </div>
               </div>
             </div>
@@ -3371,8 +3369,8 @@
                 <img class="display-image" id="displayImage" src="" alt="产品展示" />
               </div>
               <div class="display-content">
-                <h3 id="displayTitle">产品名称</h3>
-                <p class="display-subtitle" id="displaySubtitle">产品描述</p>
+                <h3 id="displayTitle" data-i18n="display_title_default">产品名称</h3>
+                <p class="display-subtitle" id="displaySubtitle" data-i18n="display_subtitle_default">产品描述</p>
                 <div class="display-body">
                   <ul class="display-features" id="displayFeatures">
                   </ul>
@@ -3414,7 +3412,7 @@
                     <span class="dot"></span>
                   </div>
                   <a href="products.html" class="footer-link">
-                    <span>了解更多</span>
+                    <span data-i18n="display_learn_more">了解更多</span>
                     <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                       <path d="M5 12h14M12 5l7 7-7 7"/>
                     </svg>
@@ -3429,8 +3427,8 @@
                   <img class="product-image" src="water.jpeg" alt="饮水机" onerror="this.src='cat.png'" />
                 </div>
                 <div class="product-content">
-                  <h3>智能饮水机</h3>
-                  <p>循环净化·饮水提醒</p>
+                  <h3 data-i18n="product_card_water_title">智能饮水机</h3>
+                  <p data-i18n="product_card_water_desc">循环净化·饮水提醒</p>
                 </div>
               </div>
               <div class="product-card" data-product="5">
@@ -3438,8 +3436,8 @@
                   <img class="product-image" src="camera.jpeg" alt="AI摄像头" onerror="this.src='cat.png'" />
                 </div>
                 <div class="product-content">
-                  <h3>AI宠物摄像头</h3>
-                  <p>远程守护·行为识别</p>
+                  <h3 data-i18n="product_card_camera_title">AI宠物摄像头</h3>
+                  <p data-i18n="product_card_camera_desc">远程守护·行为识别</p>
                 </div>
               </div>
               <a href="products.html" class="product-card product-card-more">
@@ -3450,8 +3448,8 @@
                   </svg>
                 </div>
                 <div class="product-content">
-                  <h3>更多产品</h3>
-                  <p>探索全系列</p>
+                  <h3 data-i18n="product_card_more_title">更多产品</h3>
+                  <p data-i18n="product_card_more_desc">探索全系列</p>
                 </div>
               </a>
             </div>
@@ -3464,61 +3462,8 @@
             <span class="pill" data-i18n="section_pet_stories_label">宠物故事</span>
             <h2 data-i18n="section_pet_stories_title">每一个毛孩子背后的温馨故事</h2>
           </div>
-          <div class="pet-stories-grid">
-            <a href="stories.html" class="pet-story-card">
-              <img class="pet-story-image" src="cat.png" alt="宠物故事" />
-              <div class="pet-story-content">
-                <h3 data-i18n="pet_story_title_1">小橘的逆袭日记</h3>
-                <p class="pet-story-excerpt" data-i18n="pet_story_excerpt_1">第一次发现Chookoo的智能猫厕所后，小橘终于康复了健康...</p>
-                <div class="pet-story-meta">
-                  <span class="pet-story-tag">健康恢复</span>
-                  <span class="pet-story-tag">暖心故事</span>
-                </div>
-              </div>
-              <div class="pet-story-author">
-                <img class="pet-story-avatar" src="cat.png" alt="小橘" />
-                <div class="pet-story-author-info">
-                  <p class="pet-story-author-name">小橘妈妈</p>
-                  <p class="pet-story-pet">橘猫 · 3岁</p>
-                </div>
-              </div>
-            </a>
-            <a href="stories.html" class="pet-story-card">
-              <img class="pet-story-image" src="dog.jpeg" alt="宠物故事" />
-              <div class="pet-story-content">
-                <h3 data-i18n="pet_story_title_2">旺财的健身日记</h3>
-                <p class="pet-story-excerpt" data-i18n="pet_story_excerpt_2">旺财以前很挑食，Chookoo的智能喂食器帮它养成了定点投喂的好习惯...</p>
-                <div class="pet-story-meta">
-                  <span class="pet-story-tag">健康饮食</span>
-                  <span class="pet-story-tag">体重管理</span>
-                </div>
-              </div>
-              <div class="pet-story-author">
-                <img class="pet-story-avatar" src="dog.jpeg" alt="旺财" />
-                <div class="pet-story-author-info">
-                  <p class="pet-story-name">旺财爸爸</p>
-                  <p class="pet-story-pet">金毛 · 2岁</p>
-                </div>
-              </div>
-            </a>
-            <a href="stories.html" class="pet-story-card">
-              <img class="pet-story-image" src="cat.png" alt="宠物故事" />
-              <div class="pet-story-content">
-                <h3 data-i18n="pet_story_title_3">布丁的日常</h3>
-                <p class="pet-story-excerpt" data-i18n="pet_story_excerpt_3">自从用了AI摄像头，可以自动识别布丁的状态，让我惊喜万分...</p>
-                <div class="pet-story-meta">
-                  <span class="pet-story-tag">AI识别</span>
-                  <span class="pet-story-tag">行为分析</span>
-                </div>
-              </div>
-              <div class="pet-story-author">
-                <img class="pet-story-avatar" src="cat.png" alt="布丁" />
-                <div class="pet-story-author-info">
-                  <p class="pet-story-author-name">布丁姐姐</p>
-                  <p class="pet-story-pet">英短 · 2岁</p>
-                </div>
-              </div>
-            </a>
+          <div class="pet-stories-grid" id="petStoriesGrid">
+            <!-- 由 JavaScript 随机渲染 -->
           </div>
           <a href="stories.html" class="view-more-link" data-i18n="view_more_stories">查看更多故事 →</a>
         </div>
@@ -3530,7 +3475,7 @@
           <div class="vmv-new-wrapper">
             <div class="vmv-header">
               <span class="vmv-badge" data-i18n="section_beliefs_label">核心理念</span>
-              <h2 class="vmv-title">让每一个生命<br/>都能被<span class="highlight">真正理解</span>与守护</h2>
+              <h2 class="vmv-title" data-i18n="vmv_title">让每一个生命<br/>都能被<span class="highlight">真正理解</span>与守护</h2>
             </div>
 
             <div class="vmv-cards">
@@ -3545,8 +3490,8 @@
                     </svg>
                   </div>
                   <span class="card-label">Vision</span>
-                  <h3 class="card-title">愿景</h3>
-                  <p class="card-desc">成为全球宠物家庭最信赖的智能健康伙伴，定义主动健康管理新范式</p>
+                  <h3 class="card-title" data-i18n="vmv_vision_title">愿景</h3>
+                  <p class="card-desc" data-i18n="vmv_vision_desc">成为全球宠物家庭最信赖的智能健康伙伴，定义主动健康管理新范式</p>
                   <div class="card-decoration">
                     <span class="deco-line"></span>
                   </div>
@@ -3562,12 +3507,12 @@
                     </svg>
                   </div>
                   <span class="card-label">Values</span>
-                  <h3 class="card-title">价值观</h3>
+                  <h3 class="card-title" data-i18n="vmv_values_title">价值观</h3>
                   <div class="values-grid">
-                    <span class="value-item">科技向善</span>
-                    <span class="value-item">关爱为本</span>
-                    <span class="value-item">极致创新</span>
-                    <span class="value-item">长久相伴</span>
+                    <span class="value-item" data-i18n="vmv_value_1">科技向善</span>
+                    <span class="value-item" data-i18n="vmv_value_2">关爱为本</span>
+                    <span class="value-item" data-i18n="vmv_value_3">极致创新</span>
+                    <span class="value-item" data-i18n="vmv_value_4">长久相伴</span>
                   </div>
                   <div class="card-decoration">
                     <span class="deco-line"></span>
@@ -3586,8 +3531,8 @@
                     </svg>
                   </div>
                   <span class="card-label">Mission</span>
-                  <h3 class="card-title">使命</h3>
-                  <p class="card-desc">让健康可见，让需求可解，让宠爱无间</p>
+                  <h3 class="card-title" data-i18n="vmv_mission_title">使命</h3>
+                  <p class="card-desc" data-i18n="vmv_mission_desc">让健康可见，让需求可解，让宠爱无间</p>
                   <div class="card-decoration">
                     <span class="deco-line"></span>
                   </div>
@@ -3612,7 +3557,7 @@
                       <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/>
                     </svg>
                   </div>
-                  <p class="vmv-slogan">每一份陪伴，都值得被温柔以待</p>
+                  <p class="vmv-slogan" data-i18n="vmv_slogan">每一份陪伴，都值得被温柔以待</p>
                   <div class="floating-icon icon-3">
                     <svg width="22" height="22" viewBox="0 0 24 24" fill="currentColor">
                       <path d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z"/>
@@ -3704,35 +3649,35 @@
                 <img src="qr-wechat.png" alt="微信二维码" onerror="this.style.display='none';this.nextElementSibling.style.display='flex';" />
                 <div class="qrcode-fallback">二维码</div>
               </div>
-              <span class="qrcode-label">微信公众号</span>
+              <span class="qrcode-label" data-i18n="footer_qr_wechat">微信公众号</span>
             </div>
             <div class="qrcode-item">
               <div class="qrcode-placeholder">
                 <img src="qr-weibo.png" alt="微博二维码" onerror="this.style.display='none';this.nextElementSibling.style.display='flex';" />
                 <div class="qrcode-fallback">二维码</div>
               </div>
-              <span class="qrcode-label">微博</span>
+              <span class="qrcode-label" data-i18n="footer_qr_weibo">微博</span>
             </div>
             <div class="qrcode-item">
               <div class="qrcode-placeholder">
                 <img src="qr-xiaohongshu.png" alt="小红书二维码" onerror="this.style.display='none';this.nextElementSibling.style.display='flex';" />
                 <div class="qrcode-fallback">二维码</div>
               </div>
-              <span class="qrcode-label">小红书</span>
+              <span class="qrcode-label" data-i18n="footer_qr_xiaohongshu">小红书</span>
             </div>
             <div class="qrcode-item">
               <div class="qrcode-placeholder">
                 <img src="qr-tiktok.png" alt="抖音二维码" onerror="this.style.display='none';this.nextElementSibling.style.display='flex';" />
                 <div class="qrcode-fallback">二维码</div>
               </div>
-              <span class="qrcode-label">抖音</span>
+              <span class="qrcode-label" data-i18n="footer_qr_tiktok">抖音</span>
             </div>
             <div class="qrcode-item">
               <div class="qrcode-placeholder">
                 <img src="qr-shop.png" alt="商城二维码" onerror="this.style.display='none';this.nextElementSibling.style.display='flex';" />
                 <div class="qrcode-fallback">二维码</div>
               </div>
-              <span class="qrcode-label">线上商城</span>
+              <span class="qrcode-label" data-i18n="footer_qr_shop">线上商城</span>
             </div>
           </div>
 
@@ -3760,6 +3705,7 @@
     </main>
     <script>
       // 视口缩放 - 基于1920px设计稿
+      (() => {
         const designWidth = 1920;
         const minWidth = 1280;
         const maxWidth = 2560;
@@ -3949,15 +3895,6 @@
             testimonial_3: "AI摄像头的行为识别功能让我惊喜，能自动识别猫咪的不同状态，随时查看它在家的情况。",
             testimonial_name_3: "布丁姐姐",
             testimonial_pet_3: "英短 · 深圳",
-            section_pet_stories_label: "宠物故事",
-            section_pet_stories_title: "每一个毛孩子背后的温馨故事",
-            pet_story_title_1: "小橘的逆袭日记",
-            pet_story_excerpt_1: "第一次发现Chookoo的智能猫厕所后，小橘终于康复了健康...",
-            pet_story_title_2: "旺财的健身日记",
-            pet_story_excerpt_2: "旺财以前很挑食，Chookoo的智能喂食器帮它养成了定点投喂的好习惯...",
-            pet_story_title_3: "布丁的日常",
-            pet_story_excerpt_3: "自从用了AI摄像头，可以自动识别布丁的状态，让我惊喜万分...",
-            view_more_stories: "查看更多故事 →",
             section_story_label: "品牌故事",
             section_story_title: "共筑一个更懂爱的未来",
             story_p1: "宠科的故事，是一个关于进化的故事。我们因宠爱宠物而出发，理解了「宠爱」更广阔的内涵——它是对家庭中所有生命的细致体察与科学呵护。",
@@ -3981,10 +3918,6 @@
             footer_product_fountain: "智能饮水机",
             footer_product_camera: "AI 摄像头",
             footer_product_all: "全部产品",
-            footer_product_cat: "智能猫厕所",
-            footer_product_feeder: "智能喂食器",
-            footer_product_fountain: "智能饮水机",
-            footer_product_camera: "AI 摄像头",
             footer_company_title: "公司",
             footer_about: "关于我们",
             footer_careers: "加入我们",
@@ -4014,7 +3947,102 @@
             footer_address: "苏州市吴江区江陵街道<br>长安路2358号吴江科技创业园<br>2号楼5层",
             footer_icp_label: "ICP备案/许可证号：",
             footer_icp_value: "苏ICP备2025227635号",
-            footer_psb_value: "苏公网安备32050902103112号"
+            footer_psb_value: "苏公网安备32050902103112号",
+            // Carousel
+            carousel_activity_badge_1: "限时活动",
+            carousel_activity_title_1: "618年中大促",
+            carousel_activity_desc_1: "全场产品低至5折起",
+            carousel_activity_date_1: "6月1日 - 6月18日",
+            carousel_notice_title: "系统升级通知",
+            carousel_notice_desc: "App 2.0版本全新上线<br/>新增健康报告、远程控制功能",
+            carousel_activity_title_2: "新用户专享",
+            carousel_activity_desc_2: "首单立减100元",
+            carousel_activity_code: "优惠码: NEW100",
+            // About
+            about_brand_slogan: "宠科智能科技",
+            about_brand_intro: "宠科（Chookoo）成立于中国苏州，是一家专注于宠物智能健康管理的科技企业。我们秉承「让每一个生命都能被真正理解与守护」的理念，致力于通过技术创新重新定义宠物健康管理方式。",
+            about_highlight_rd_label: "研发人员占比",
+            about_highlight_rd_desc: "核心团队来自知名科技企业与科研院所",
+            about_highlight_cert_label: "质量认证",
+            about_highlight_cert_desc: "通过国际质量管理体系认证",
+            about_highlight_lab_number: "自研",
+            about_highlight_lab_label: "AI实验室",
+            about_highlight_lab_desc: "独立AI算法实验室持续迭代优化",
+            about_location: "中国苏州 · 苏州工业园区",
+            // Company
+            company_badge: "AIoT 宠物健康管理",
+            company_title: "以科技重新定义<br/><span class='gradient-text'>宠物健康管理</span>",
+            company_desc: "深度融合人工智能、物联网与生物传感技术，构建预防式健康生态",
+            company_stat_patent_label: "核心专利",
+            company_stat_ai_label: "AI健康数据点",
+            company_stat_records_label: "宠物健康档案",
+            company_stat_global_label: "国家和地区",
+            company_location: "中国苏州 · 智慧健康管理领域",
+            // Product cards
+            product_card_cat_title: "智能猫厕所",
+            product_card_cat_desc: "智能监测·自动清洁",
+            product_card_dog_title: "智能狗厕所",
+            product_card_dog_desc: "科学训练·智能清洁",
+            product_card_feeder_title: "智能喂食器",
+            product_card_feeder_desc: "定时定量·科学喂养",
+            product_card_water_title: "智能饮水机",
+            product_card_water_desc: "循环净化·饮水提醒",
+            product_card_camera_title: "AI宠物摄像头",
+            product_card_camera_desc: "远程守护·行为识别",
+            product_card_more_title: "更多产品",
+            product_card_more_desc: "探索全系列",
+            // Pet story meta
+            pet_story_1_tag_1: "健康恢复",
+            pet_story_1_tag_2: "暖心故事",
+            pet_story_1_author: "小橘妈妈",
+            pet_story_1_pet: "橘猫 · 3岁",
+            pet_story_2_tag_1: "健康饮食",
+            pet_story_2_tag_2: "体重管理",
+            pet_story_2_author: "旺财爸爸",
+            pet_story_2_pet: "金毛 · 2岁",
+            pet_story_3_tag_1: "AI识别",
+            pet_story_3_tag_2: "行为分析",
+            pet_story_3_author: "布丁姐姐",
+            pet_story_3_pet: "英短 · 2岁",
+            // VMV
+            vmv_title: "让每一个生命<br/>都能被真正理解与守护",
+            vmv_vision_title: "愿景",
+            vmv_vision_desc: "成为全球宠物家庭最信赖的智能健康伙伴，定义主动健康管理新范式",
+            vmv_values_title: "价值观",
+            vmv_value_1: "科技向善",
+            vmv_value_2: "关爱为本",
+            vmv_value_3: "极致创新",
+            vmv_value_4: "长久相伴",
+            vmv_mission_title: "使命",
+            vmv_mission_desc: "让健康可见，让需求可解，让宠爱无间",
+            vmv_slogan: "每一份陪伴，都值得被温柔以待",
+            // Footer QR
+            footer_qr_wechat: "微信公众号",
+            footer_qr_weibo: "微博",
+            footer_qr_xiaohongshu: "小红书",
+            footer_qr_tiktok: "抖音",
+            footer_qr_shop: "线上商城",
+            // Modals
+            modal_social_title: "关注我们",
+            modal_social_desc: "扫描二维码，获取更多精彩内容",
+            modal_social_qr_wechat: "微信公众号",
+            modal_social_qr_wechat_desc: "获取最新资讯",
+            modal_social_qr_weibo: "官方微博",
+            modal_social_qr_weibo_desc: "互动交流",
+            modal_social_qr_xiaohongshu: "小红书",
+            modal_social_qr_xiaohongshu_desc: "种草分享",
+            modal_social_qr_tiktok: "抖音",
+            modal_social_qr_tiktok_desc: "精彩视频",
+            modal_contact_title: "联系我们",
+            modal_contact_desc: "扫描下方二维码，添加专属客服",
+            modal_contact_scan: "微信扫码咨询",
+            modal_shop_title: "官方旗舰店",
+            modal_shop_desc: "扫描二维码，进入官方店铺选购",
+            modal_shop_scan: "扫码进店",
+            // Product display
+            display_title_default: "产品名称",
+            display_subtitle_default: "产品描述",
+            display_learn_more: "了解更多"
           },
           en: {
             lang_label: "Language",
@@ -4130,7 +4158,102 @@
             footer_address_full: "No. 2358 Chang'an Rd, Jiangling St., Wujiang Dist., Suzhou, China (Building 2, 5F, Wujiang Sci-Tech Incubator)",
             footer_icp_label: "ICP Filing No.: ",
             footer_icp_value: "Su ICP 2025227635",
-            footer_psb_value: "Su Public Security 32050902103112"
+            footer_psb_value: "Su Public Security 32050902103112",
+            // Carousel
+            carousel_activity_badge_1: "Limited Offer",
+            carousel_activity_title_1: "618 Mid-Year Sale",
+            carousel_activity_desc_1: "Up to 50% off all products",
+            carousel_activity_date_1: "June 1 - June 18",
+            carousel_notice_title: "System Update",
+            carousel_notice_desc: "App 2.0 Now Available<br/>New health reports & remote control features",
+            carousel_activity_title_2: "New User Exclusive",
+            carousel_activity_desc_2: "100 yuan off your first order",
+            carousel_activity_code: "Promo Code: NEW100",
+            // About
+            about_brand_slogan: "Chookoo Smart Tech",
+            about_brand_intro: "Founded in Suzhou, China, Chookoo is a technology company focused on smart pet health management. We are dedicated to redefining pet health management through technological innovation, guided by the philosophy that every life deserves to be truly understood and protected.",
+            about_highlight_rd_label: "R&D Staff Ratio",
+            about_highlight_rd_desc: "Core team from leading tech companies and research institutes",
+            about_highlight_cert_label: "Quality Certification",
+            about_highlight_cert_desc: "ISO 9001 certified quality management system",
+            about_highlight_lab_number: "In-house",
+            about_highlight_lab_label: "AI Lab",
+            about_highlight_lab_desc: "Independent AI algorithm lab with continuous optimization",
+            about_location: "Suzhou, China · Suzhou Industrial Park",
+            // Company
+            company_badge: "AIoT Pet Health Management",
+            company_title: "Redefining<br/><span class='gradient-text'>Pet Health Management</span> with Technology",
+            company_desc: "Integrating AI, IoT, and biosensing technology to build a preventive health ecosystem",
+            company_stat_patent_label: "Core Patents",
+            company_stat_ai_label: "AI Health Data Points",
+            company_stat_records_label: "Pet Health Records",
+            company_stat_global_label: "Countries & Regions",
+            company_location: "Suzhou, China · Smart Health Management",
+            // Product cards
+            product_card_cat_title: "Smart Cat Litter Box",
+            product_card_cat_desc: "Smart Monitoring · Auto Cleaning",
+            product_card_dog_title: "Smart Dog Toilet",
+            product_card_dog_desc: "Smart Training · Auto Cleaning",
+            product_card_feeder_title: "Smart Feeder",
+            product_card_feeder_desc: "Scheduled Feeding · Scientific Nutrition",
+            product_card_water_title: "Smart Fountain",
+            product_card_water_desc: "Circulating Filter · Drink Reminders",
+            product_card_camera_title: "AI Pet Camera",
+            product_card_camera_desc: "Remote Monitor · Behavior Recognition",
+            product_card_more_title: "More Products",
+            product_card_more_desc: "Explore the Full Range",
+            // Pet story meta
+            pet_story_1_tag_1: "Health Recovery",
+            pet_story_1_tag_2: "Heartwarming",
+            pet_story_1_author: "Xiaoju's Mom",
+            pet_story_1_pet: "Orange Cat · 3 yrs",
+            pet_story_2_tag_1: "Healthy Diet",
+            pet_story_2_tag_2: "Weight Management",
+            pet_story_2_author: "Wangcai's Dad",
+            pet_story_2_pet: "Golden Retriever · 2 yrs",
+            pet_story_3_tag_1: "AI Recognition",
+            pet_story_3_tag_2: "Behavior Analysis",
+            pet_story_3_author: "Buding's Sister",
+            pet_story_3_pet: "British Shorthair · 2 yrs",
+            // VMV
+            vmv_title: "Every Life Deserves to be<br/>Truly Understood and Protected",
+            vmv_vision_title: "Vision",
+            vmv_vision_desc: "Become the most trusted smart health partner for pet families worldwide, defining a new paradigm in proactive health management",
+            vmv_values_title: "Values",
+            vmv_value_1: "Tech for Good",
+            vmv_value_2: "Care First",
+            vmv_value_3: "Relentless Innovation",
+            vmv_value_4: "Lasting Companionship",
+            vmv_mission_title: "Mission",
+            vmv_mission_desc: "Make health visible, needs understood, and care seamless",
+            vmv_slogan: "Every moment of companionship deserves gentle care",
+            // Footer QR
+            footer_qr_wechat: "WeChat Official Account",
+            footer_qr_weibo: "Weibo",
+            footer_qr_xiaohongshu: "Xiaohongshu",
+            footer_qr_tiktok: "Douyin",
+            footer_qr_shop: "Online Store",
+            // Modals
+            modal_social_title: "Follow Us",
+            modal_social_desc: "Scan QR code for more content",
+            modal_social_qr_wechat: "WeChat Official Account",
+            modal_social_qr_wechat_desc: "Latest updates",
+            modal_social_qr_weibo: "Official Weibo",
+            modal_social_qr_weibo_desc: "Interact with us",
+            modal_social_qr_xiaohongshu: "Xiaohongshu",
+            modal_social_qr_xiaohongshu_desc: "Tips & shares",
+            modal_social_qr_tiktok: "Douyin",
+            modal_social_qr_tiktok_desc: "Fun videos",
+            modal_contact_title: "Contact Us",
+            modal_contact_desc: "Scan QR code to add our customer service",
+            modal_contact_scan: "Scan with WeChat",
+            modal_shop_title: "Official Store",
+            modal_shop_desc: "Scan QR code to visit our online store",
+            modal_shop_scan: "Scan to Shop",
+            // Product display
+            display_title_default: "Product Name",
+            display_subtitle_default: "Product Description",
+            display_learn_more: "Learn More"
           },
           ja: {
             lang_label: "言語",
@@ -4479,6 +4602,83 @@
           return "en";
         };
 
+        // 首页故事数据（随机展示3个）
+        const homepageStories = [
+          {
+            id: 'story-1', image: 'cat.png', avatar: 'cat.png',
+            zh: { title: '小橘的逆袭日记', excerpt: '第一次发现Chookoo的智能猫厕所后，小橘终于康复了健康...', tag1: '健康恢复', tag2: '暖心故事', author: '小橘妈妈', pet: '橘猫 · 3岁' },
+            en: { title: "Little Orange's Recovery Diary", excerpt: "After discovering Chookoo's smart litter box, Little Orange finally regained health...", tag1: 'Health Recovery', tag2: 'Heartwarming', author: "Xiaoju's Mom", pet: 'Orange Cat · 3 yrs' }
+          },
+          {
+            id: 'story-2', image: 'dog.jpeg', avatar: 'dog.jpeg',
+            zh: { title: '旺财的健身日记', excerpt: '旺财以前很挑食，Chookoo的智能喂食器帮它养成了定点投喂的好习惯...', tag1: '健康饮食', tag2: '体重管理', author: '旺财爸爸', pet: '金毛 · 2岁' },
+            en: { title: "Wangcai's Fitness Diary", excerpt: "Wangcai used to be a picky eater, Chookoo's smart feeder helped establish good feeding habits...", tag1: 'Healthy Diet', tag2: 'Weight Management', author: "Wangcai's Dad", pet: 'Golden Retriever · 2 yrs' }
+          },
+          {
+            id: 'story-3', image: 'cat.png', avatar: 'cat.png',
+            zh: { title: '布丁的日常', excerpt: '自从用了AI摄像头，可以自动识别布丁的状态，让我惊喜万分...', tag1: 'AI识别', tag2: '行为分析', author: '布丁姐姐', pet: '英短 · 2岁' },
+            en: { title: "Pudding's Daily Life", excerpt: "Since using the AI camera, it can automatically recognize Pudding's states. What a surprise...", tag1: 'AI Recognition', tag2: 'Behavior Analysis', author: "Buding's Sister", pet: 'British Shorthair · 2 yrs' }
+          },
+          {
+            id: 'story-4', image: 'dog.jpeg', avatar: 'dog.jpeg',
+            zh: { title: '豆豆的饮水日记', excerpt: '豆豆以前不爱喝水，用了智能饮水机后，循环净化的水让它爱喝了...', tag1: '饮水健康', tag2: '循环净化', author: '豆豆妈妈', pet: '柯基 · 3岁' },
+            en: { title: "Doudou's Drinking Diary", excerpt: "Doudou didn't like drinking water before. The smart fountain's circulating water changed that...", tag1: 'Hydration', tag2: 'Circulation', author: "Doudou's Mom", pet: 'Corgi · 3 yrs' }
+          },
+          {
+            id: 'story-5', image: 'cat.png', avatar: 'cat.png',
+            zh: { title: '咪咪的健康守护', excerpt: 'Chookoo的智能设备帮我实时监测咪咪的健康状况，每次数据报告都让我很安心...', tag1: '健康监测', tag2: '预防管理', author: '咪咪妈妈', pet: '美短 · 4岁' },
+            en: { title: "Mimi's Health Guardian", excerpt: "Chookoo's smart devices help me monitor Mimi's health in real time. Every report gives me peace of mind...", tag1: 'Health Monitoring', tag2: 'Preventive Care', author: "Mimi's Mom", pet: 'American Shorthair · 4 yrs' }
+          },
+          {
+            id: 'story-6', image: 'dog.jpeg', avatar: 'dog.jpeg',
+            zh: { title: '大黄的如厕训练', excerpt: '大黄以前随地大小便，用了Chookoo的智能狗厕所，科学训练让它很快养成了好习惯...', tag1: '如厕训练', tag2: '清洁管理', author: '大黄爸爸', pet: '田园犬 · 2岁' },
+            en: { title: "Dahuang's Toilet Training", excerpt: "Dahuang used to go anywhere. Chookoo's smart dog toilet helped him quickly learn good habits...", tag1: 'Toilet Training', tag2: 'Clean Management', author: "Dahuang's Dad", pet: 'Chinese Rural Dog · 2 yrs' }
+          }
+        ];
+
+        // 首次加载时随机选3个故事的索引，存住不变（语言切换只更新文字不重新随机）
+        let randomStoryIndices = null;
+        function pickRandomStories() {
+          const indices = [0,1,2,3,4,5];
+          // Fisher-Yates shuffle
+          for (let i = indices.length - 1; i > 0; i--) {
+            const j = Math.floor(Math.random() * (i + 1));
+            [indices[i], indices[j]] = [indices[j], indices[i]];
+          }
+          return indices.slice(0, 3);
+        }
+
+        function renderRandomStories(lang) {
+          const grid = document.getElementById('petStoriesGrid');
+          if (!grid) return;
+          if (!randomStoryIndices) randomStoryIndices = pickRandomStories();
+          const l = (lang === 'zh') ? 'zh' : 'en';
+          let html = '';
+          randomStoryIndices.forEach(idx => {
+            const s = homepageStories[idx];
+            const d = s[l] || s.zh;
+            html += '<a href="story-detail.html?id=' + s.id + '" class="pet-story-card">' +
+              '<img class="pet-story-image" src="' + s.image + '" alt="' + d.title + '" />' +
+              '<div class="pet-story-content">' +
+                '<h3>' + d.title + '</h3>' +
+                '<p class="pet-story-excerpt">' + d.excerpt + '</p>' +
+                '<div class="pet-story-meta">' +
+                  '<span class="pet-story-tag">' + d.tag1 + '</span>' +
+                  '<span class="pet-story-tag">' + d.tag2 + '</span>' +
+                '</div>' +
+              '</div>' +
+              '<div class="pet-story-author">' +
+                '<img class="pet-story-avatar" src="' + s.avatar + '" alt="" />' +
+                '<div class="pet-story-author-info">' +
+                  '<p class="pet-story-author-name">' + d.author + '</p>' +
+                  '<p class="pet-story-pet">' + d.pet + '</p>' +
+                '</div>' +
+              '</div>' +
+            '</a>';
+          });
+          grid.innerHTML = html;
+        }
+
         const applyLang = (lang) => {
           const dict = translations[lang] || translations.en;
           elements.forEach((el) => {
@@ -4490,6 +4690,14 @@
           if (langSelect) langSelect.value = lang;
           document.documentElement.lang = lang === "zh" ? "zh-CN" : lang;
           document.documentElement.dir = lang === "ar" ? "rtl" : "ltr";
+          // Refresh product display area with current language
+          try {
+            if (typeof showProduct === 'function') {
+              showProduct(currentProductId);
+            }
+          } catch(e) {}
+          // Refresh random stories with current language
+          try { renderRandomStories(lang); } catch(e) {}
         };
 
         const detected = normalizeLang(navigator.language || navigator.userLanguage || "en");
@@ -4502,57 +4710,6 @@
         }
 
         const sections = Array.from(document.querySelectorAll(".snap-section"));
-        if (sections.length === 0) return;
-
-        let isScrolling = false;
-        let lastScrollTime = 0;
-
-        const scrollToIndex = (index) => {
-          const target = sections[index];
-          if (!target) return;
-          isScrolling = true;
-          target.scrollIntoView({ behavior: "smooth", block: "start" });
-          setTimeout(() => {
-            isScrolling = false;
-          }, 700);
-        };
-
-        const currentIndex = () => {
-          const y = window.scrollY + window.innerHeight / 2;
-          let idx = 0;
-          for (let i = 0; i < sections.length; i += 1) {
-            if (sections[i].offsetTop <= y) idx = i;
-          }
-          return idx;
-        };
-
-        window.addEventListener(
-          "wheel",
-          (event) => {
-            const now = Date.now();
-            if (isScrolling || now - lastScrollTime < 500) {
-              event.preventDefault();
-              return;
-            }
-            lastScrollTime = now;
-            const dir = event.deltaY > 0 ? 1 : -1;
-            const idx = currentIndex();
-            scrollToIndex(idx + dir);
-            event.preventDefault();
-          },
-          { passive: false }
-        );
-
-        window.addEventListener("keydown", (event) => {
-          if (isScrolling) return;
-          if (event.key === "ArrowDown" || event.key === "PageDown") {
-            scrollToIndex(currentIndex() + 1);
-            event.preventDefault();
-          } else if (event.key === "ArrowUp" || event.key === "PageUp") {
-            scrollToIndex(currentIndex() - 1);
-            event.preventDefault();
-          }
-        });
 
         // 滚动显示动画
         const observerOptions = {
@@ -4629,42 +4786,32 @@
         const displayFeatures = document.getElementById('displayFeatures');
         const productGrid = document.getElementById('productGrid');
 
-        // 产品数据
+        // 产品数据 - 支持多语言
         const productData = {
           1: {
-            title: '智能猫厕所',
-            subtitle: '守护猫咪如厕健康，AI分析排泄数据',
-            image: 'cat.png',
-            pets: ['cat'],
-            features: ['实时监测如厕频率与时长', '排泄物状态AI分析', '自动清洁保持卫生', '健康趋势数据报告']
+            zh: { title: '智能猫厕所', subtitle: '守护猫咪如厕健康，AI分析排泄数据', features: ['实时监测如厕频率与时长', '排泄物状态AI分析', '自动清洁保持卫生', '健康趋势数据报告'] },
+            en: { title: 'Smart Cat Litter Box', subtitle: 'Protecting cat health with AI waste analysis', features: ['Real-time monitoring of frequency & duration', 'AI waste condition analysis', 'Auto cleaning keeps it fresh', 'Health trend data reports'] },
+            image: 'cat.png', pets: ['cat']
           },
           2: {
-            title: '智能狗厕所',
-            subtitle: '科学如厕训练，培养良好习惯',
-            image: 'dog.jpeg',
-            pets: ['dog'],
-            features: ['科学如厕训练引导', '智能感应自动清洁', 'APP远程监控', '培养良好如厕习惯']
+            zh: { title: '智能狗厕所', subtitle: '科学如厕训练，培养良好习惯', features: ['科学如厕训练引导', '智能感应自动清洁', 'APP远程监控', '培养良好如厕习惯'] },
+            en: { title: 'Smart Dog Toilet', subtitle: 'Scientific training for good habits', features: ['Scientific potty training guidance', 'Smart sensor auto cleaning', 'APP remote monitoring', 'Develop good toilet habits'] },
+            image: 'dog.jpeg', pets: ['dog']
           },
           3: {
-            title: '智能喂食器',
-            subtitle: '精准投喂，养成健康饮食习惯',
-            image: 'feeder.png',
-            pets: ['cat', 'dog'],
-            features: ['多格设计支持不同食材', '定时定量精准投喂', '进食数据实时同步APP', '养成健康饮食习惯']
+            zh: { title: '智能喂食器', subtitle: '精准投喂，养成健康饮食习惯', features: ['多格设计支持不同食材', '定时定量精准投喂', '进食数据实时同步APP', '养成健康饮食习惯'] },
+            en: { title: 'Smart Feeder', subtitle: 'Precise feeding for healthy eating habits', features: ['Multi-compartment for different foods', 'Scheduled precise portion control', 'Feeding data synced to APP', 'Build healthy eating habits'] },
+            image: 'feeder.png', pets: ['cat', 'dog']
           },
           4: {
-            title: '智能饮水机',
-            subtitle: '活水吸引，提升饮水健康',
-            image: 'water.jpeg',
-            pets: ['cat', 'dog'],
-            features: ['四重过滤循环净化', '活水吸引增加饮水兴趣', 'APP记录饮水量', '智能饮水提醒']
+            zh: { title: '智能饮水机', subtitle: '活水吸引，提升饮水健康', features: ['四重过滤循环净化', '活水吸引增加饮水兴趣', 'APP记录饮水量', '智能饮水提醒'] },
+            en: { title: 'Smart Fountain', subtitle: 'Flowing water for better hydration', features: ['4-stage filtration & circulation', 'Flowing water encourages drinking', 'APP tracks water intake', 'Smart hydration reminders'] },
+            image: 'water.jpeg', pets: ['cat', 'dog']
           },
           5: {
-            title: 'AI宠物摄像头',
-            subtitle: '随时查看，远程守护宠物',
-            image: 'camera.jpeg',
-            pets: ['cat', 'dog', 'bird'],
-            features: ['1080P高清夜视', 'AI行为识别捕捉精彩瞬间', '双向语音互动', '随时查看宠物状态']
+            zh: { title: 'AI宠物摄像头', subtitle: '随时查看，远程守护宠物', features: ['1080P高清夜视', 'AI行为识别捕捉精彩瞬间', '双向语音互动', '随时查看宠物状态'] },
+            en: { title: 'AI Pet Camera', subtitle: 'Check on your pet anytime, anywhere', features: ['1080P HD night vision', 'AI behavior recognition captures moments', 'Two-way voice interaction', 'Monitor your pet remotely'] },
+            image: 'camera.jpeg', pets: ['cat', 'dog', 'bird']
           }
         };
 
@@ -4698,11 +4845,15 @@
 
           currentProductId = parseInt(productId);
 
+          // Get current language
+          const currentLang = document.documentElement.lang === 'zh-CN' ? 'zh' : 'en';
+          const langData = data[currentLang] || data.zh;
+
           // 更新内容
           displayImage.src = data.image;
-          displayTitle.textContent = data.title;
-          displaySubtitle.textContent = data.subtitle;
-          displayFeatures.innerHTML = data.features.map(f => `<li>${f}</li>`).join('');
+          displayTitle.textContent = langData.title;
+          displaySubtitle.textContent = langData.subtitle;
+          displayFeatures.innerHTML = langData.features.map(f => `<li>${f}</li>`).join('');
 
           // 更新宠物图标
           const displayPets = document.getElementById('displayPets');
@@ -4822,8 +4973,8 @@
           </svg>
         </button>
         <div class="social-modal-header">
-          <h3>关注我们</h3>
-          <p>扫描二维码，获取更多精彩内容</p>
+          <h3 data-i18n="modal_social_title">关注我们</h3>
+          <p data-i18n="modal_social_desc">扫描二维码，获取更多精彩内容</p>
         </div>
         <div class="social-qr-grid">
           <div class="social-qr-item wechat">
@@ -4833,8 +4984,8 @@
             <div class="qr-image">
               <img src="qr-wechat.png" alt="微信二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
             </div>
-            <div class="qr-name">微信公众号</div>
-            <div class="qr-desc">获取最新资讯</div>
+            <div class="qr-name" data-i18n="modal_social_qr_wechat">微信公众号</div>
+            <div class="qr-desc" data-i18n="modal_social_qr_wechat_desc">获取最新资讯</div>
           </div>
           <div class="social-qr-item weibo">
             <div class="qr-icon">
@@ -4843,8 +4994,8 @@
             <div class="qr-image">
               <img src="qr-weibo.png" alt="微博二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
             </div>
-            <div class="qr-name">官方微博</div>
-            <div class="qr-desc">互动交流</div>
+            <div class="qr-name" data-i18n="modal_social_qr_weibo">官方微博</div>
+            <div class="qr-desc" data-i18n="modal_social_qr_weibo_desc">互动交流</div>
           </div>
           <div class="social-qr-item xiaohongshu">
             <div class="qr-icon">
@@ -4853,8 +5004,8 @@
             <div class="qr-image">
               <img src="qr-xiaohongshu.png" alt="小红书二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
             </div>
-            <div class="qr-name">小红书</div>
-            <div class="qr-desc">种草分享</div>
+            <div class="qr-name" data-i18n="modal_social_qr_xiaohongshu">小红书</div>
+            <div class="qr-desc" data-i18n="modal_social_qr_xiaohongshu_desc">种草分享</div>
           </div>
           <div class="social-qr-item tiktok">
             <div class="qr-icon">
@@ -4863,8 +5014,8 @@
             <div class="qr-image">
               <img src="qr-tiktok.png" alt="抖音二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
             </div>
-            <div class="qr-name">抖音</div>
-            <div class="qr-desc">精彩视频</div>
+            <div class="qr-name" data-i18n="modal_social_qr_tiktok">抖音</div>
+            <div class="qr-desc" data-i18n="modal_social_qr_tiktok_desc">精彩视频</div>
           </div>
         </div>
       </div>
@@ -4884,8 +5035,8 @@
             <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
           </svg>
         </div>
-        <h3>联系我们</h3>
-        <p>扫描下方二维码，添加专属客服</p>
+        <h3 data-i18n="modal_contact_title">联系我们</h3>
+        <p data-i18n="modal_contact_desc">扫描下方二维码，添加专属客服</p>
         <div class="contact-qr-wrapper">
           <div class="contact-qr-box">
             <img src="qr-contact.png" alt="客服二维码" onerror="this.parentElement.innerHTML='<span style=\'color:#9ca3af;font-size:14px;\'>请替换客服二维码<br>qr-contact.png</span>'" />
@@ -4900,7 +5051,7 @@
               <line x1="7" y1="17" x2="7" y2="17"></line>
               <line x1="17" y1="17" x2="17" y2="17"></line>
             </svg>
-            <span>微信扫码咨询</span>
+            <span data-i18n="modal_contact_scan">微信扫码咨询</span>
           </div>
         </div>
       </div>
@@ -4922,8 +5073,8 @@
             <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path>
           </svg>
         </div>
-        <h3>官方旗舰店</h3>
-        <p>扫描二维码，进入官方店铺选购</p>
+        <h3 data-i18n="modal_shop_title">官方旗舰店</h3>
+        <p data-i18n="modal_shop_desc">扫描二维码，进入官方店铺选购</p>
         <div class="contact-qr-wrapper">
           <div class="contact-qr-box">
             <img src="qr-shop.png" alt="旗舰店二维码" onerror="this.parentElement.innerHTML='<span style=\'color:#9ca3af;font-size:14px;\'>请替换店铺二维码<br>qr-shop.png</span>'" />
@@ -4938,7 +5089,7 @@
               <line x1="7" y1="17" x2="7" y2="17"></line>
               <line x1="17" y1="17" x2="17" y2="17"></line>
             </svg>
-            <span>扫码进店</span>
+            <span data-i18n="modal_shop_scan">扫码进店</span>
           </div>
         </div>
       </div>