From 037fdda40c999fe8bab43d7e80657f301add343b Mon Sep 17 00:00:00 2001
From: Mortar <3072785233@qq.com>
Date: Tue, 28 Apr 2026 12:11:57 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B4=E7=90=86=E5=90=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 camera.jpeg => images/camera.jpeg             | Bin
 cat.png => images/cat.png                     | Bin
 dog.jpeg => images/dog.jpeg                   | Bin
 feeder.png => images/feeder.png               | Bin
 logo.png => images/logo.png                   | Bin
 water.jpeg => images/water.jpeg               | Bin
 白字logo.png => images/白字logo.png           | Bin
 index.html                                    | 112 +++++++++---------
 app.html => pages/app.html                    |  12 +-
 company.html => pages/company.html            |   8 +-
 help.html => pages/help.html                  |   8 +-
 legal.html => pages/legal.html                |   8 +-
 partner.html => pages/partner.html            |   8 +-
 .../product-detail.html                       |  40 +++----
 products.html => pages/products.html          |  48 ++++----
 stories.html => pages/stories.html            |  50 ++++----
 story-detail.html => pages/story-detail.html  |  46 +++----
 17 files changed, 170 insertions(+), 170 deletions(-)
 rename camera.jpeg => images/camera.jpeg (100%)
 rename cat.png => images/cat.png (100%)
 rename dog.jpeg => images/dog.jpeg (100%)
 rename feeder.png => images/feeder.png (100%)
 rename logo.png => images/logo.png (100%)
 rename water.jpeg => images/water.jpeg (100%)
 rename 白字logo.png => images/白字logo.png (100%)
 rename app.html => pages/app.html (98%)
 rename company.html => pages/company.html (99%)
 rename help.html => pages/help.html (99%)
 rename legal.html => pages/legal.html (98%)
 rename partner.html => pages/partner.html (98%)
 rename product-detail.html => pages/product-detail.html (97%)
 rename products.html => pages/products.html (95%)
 rename stories.html => pages/stories.html (95%)
 rename story-detail.html => pages/story-detail.html (96%)

diff --git a/camera.jpeg b/images/camera.jpeg
similarity index 100%
rename from camera.jpeg
rename to images/camera.jpeg
diff --git a/cat.png b/images/cat.png
similarity index 100%
rename from cat.png
rename to images/cat.png
diff --git a/dog.jpeg b/images/dog.jpeg
similarity index 100%
rename from dog.jpeg
rename to images/dog.jpeg
diff --git a/feeder.png b/images/feeder.png
similarity index 100%
rename from feeder.png
rename to images/feeder.png
diff --git a/logo.png b/images/logo.png
similarity index 100%
rename from logo.png
rename to images/logo.png
diff --git a/water.jpeg b/images/water.jpeg
similarity index 100%
rename from water.jpeg
rename to images/water.jpeg
diff --git a/白字logo.png b/images/白字logo.png
similarity index 100%
rename from 白字logo.png
rename to images/白字logo.png
diff --git a/index.html b/index.html
index 7623c00..f2bacf3 100644
--- a/index.html
+++ b/index.html
@@ -2869,17 +2869,17 @@
     <nav class="navbar" id="mainNavbar">
       <div class="navbar-inner">
         <a href="#" class="navbar-logo">
-          <img src="logo.png" alt="Chookoo" />
+          <img src="images/logo.png" alt="Chookoo" />
         </a>
         <div class="navbar-menu">
           <a href="index.html" class="navbar-link active" data-i18n="nav_home">首页</a>
-          <a href="products.html" class="navbar-link" data-i18n="nav_products">产品</a>
-          <a href="stories.html" class="navbar-link" data-i18n="nav_stories">故事</a>
-          <a href="app.html" class="navbar-link" data-i18n="nav_app">App</a>
-          <a href="company.html?article=201" class="navbar-link" data-i18n="nav_about">关于我们</a>
+          <a href="pages/products.html" class="navbar-link" data-i18n="nav_products">产品</a>
+          <a href="pages/stories.html" class="navbar-link" data-i18n="nav_stories">故事</a>
+          <a href="pages/app.html" class="navbar-link" data-i18n="nav_app">App</a>
+          <a href="pages/company.html?article=201" class="navbar-link" data-i18n="nav_about">关于我们</a>
         </div>
         <div class="navbar-actions">
-          <a href="help.html" class="navbar-btn" aria-label="Search">
+          <a href="pages/help.html" class="navbar-btn" aria-label="Search">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
           </a>
           <button class="navbar-btn" id="shopBtn" aria-label="Cart">
@@ -3012,7 +3012,7 @@
             <div class="about-brand">
               <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;">
+                <img src="images/logo.png" alt="Chookoo" style="height: 70px; width: auto;">
                 <span class="brand-slogan" data-i18n="about_brand_slogan">宠科智能科技</span>
               </div>
               <p class="brand-intro" data-i18n="about_brand_intro">
@@ -3165,7 +3165,7 @@
             <div class="product-group-left">
               <div class="product-card" data-product="1">
                 <div class="product-image-wrapper">
-                  <img class="product-image" src="cat.png" alt="猫厕所" onerror="this.src='cat.png'" />
+                  <img class="product-image" src="images/cat.png" alt="猫厕所" onerror="this.src='images/cat.png'" />
                 </div>
                 <div class="product-content">
                   <h3 data-i18n="product_card_cat_title">智能猫厕所</h3>
@@ -3174,7 +3174,7 @@
               </div>
               <div class="product-card" data-product="2">
                 <div class="product-image-wrapper">
-                  <img class="product-image" src="dog.jpeg" alt="狗厕所" onerror="this.src='dog.jpeg'" />
+                  <img class="product-image" src="images/dog.jpeg" alt="狗厕所" onerror="this.src='images/dog.jpeg'" />
                 </div>
                 <div class="product-content">
                   <h3 data-i18n="product_card_dog_title">智能狗厕所</h3>
@@ -3183,7 +3183,7 @@
               </div>
               <div class="product-card" data-product="3">
                 <div class="product-image-wrapper">
-                  <img class="product-image" src="feeder.png" alt="喂食器" onerror="this.src='cat.png'" />
+                  <img class="product-image" src="images/feeder.png" alt="喂食器" onerror="this.src='images/cat.png'" />
                 </div>
                 <div class="product-content">
                   <h3 data-i18n="product_card_feeder_title">智能喂食器</h3>
@@ -3239,7 +3239,7 @@
                     <span class="dot"></span>
                     <span class="dot"></span>
                   </div>
-                  <a href="products.html" class="footer-link">
+                  <a href="pages/products.html" class="footer-link">
                     <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"/>
@@ -3252,7 +3252,7 @@
             <div class="product-group-right">
               <div class="product-card" data-product="4">
                 <div class="product-image-wrapper">
-                  <img class="product-image" src="water.jpeg" alt="饮水机" onerror="this.src='cat.png'" />
+                  <img class="product-image" src="images/water.jpeg" alt="饮水机" onerror="this.src='images/cat.png'" />
                 </div>
                 <div class="product-content">
                   <h3 data-i18n="product_card_water_title">智能饮水机</h3>
@@ -3261,14 +3261,14 @@
               </div>
               <div class="product-card" data-product="5">
                 <div class="product-image-wrapper">
-                  <img class="product-image" src="camera.jpeg" alt="AI摄像头" onerror="this.src='cat.png'" />
+                  <img class="product-image" src="images/camera.jpeg" alt="AI摄像头" onerror="this.src='images/cat.png'" />
                 </div>
                 <div class="product-content">
                   <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">
+              <a href="pages/products.html" class="product-card product-card-more">
                 <div class="product-image-wrapper more-products-icon">
                   <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                     <circle cx="12" cy="12" r="10"/>
@@ -3293,7 +3293,7 @@
           <div class="pet-stories-grid" id="petStoriesGrid">
             <!-- 由 JavaScript 随机渲染 -->
           </div>
-          <a href="stories.html" class="view-more-link" data-i18n="view_more_stories">查看更多故事 →</a>
+          <a href="pages/stories.html" class="view-more-link" data-i18n="view_more_stories">查看更多故事 →</a>
         </div>
       </section>
 
@@ -3413,7 +3413,7 @@
           <div class="footer-top">
             <div class="footer-brand-area">
               <div class="footer-logo">
-                <img src="白字logo.png" alt="Chookoo" />
+                <img src="images/白字logo.png" alt="Chookoo" />
               </div>
               <p class="footer-tagline" data-i18n="footer_tagline">让每一份宠爱，都有科学回响</p>
               <p class="footer-desc" data-i18n="footer_desc">AIoT 主动式宠物健康管理开创者，让健康可见、需求可解、宠爱无间。</p>
@@ -3434,30 +3434,30 @@
             <div class="footer-column">
               <h4 data-i18n="footer_products">产品</h4>
               <ul class="footer-links">
-                <li><a href="products.html" data-i18n="footer_product_cat">智能猫厕所</a></li>
-                <li><a href="products.html" data-i18n="footer_product_feeder">智能喂食器</a></li>
-                <li><a href="products.html" data-i18n="footer_product_fountain">智能饮水机</a></li>
-                <li><a href="products.html" data-i18n="footer_product_camera">AI 摄像头</a></li>
-                <li><a href="products.html" data-i18n="footer_product_all">全部产品</a></li>
+                <li><a href="pages/products.html" data-i18n="footer_product_cat">智能猫厕所</a></li>
+                <li><a href="pages/products.html" data-i18n="footer_product_feeder">智能喂食器</a></li>
+                <li><a href="pages/products.html" data-i18n="footer_product_fountain">智能饮水机</a></li>
+                <li><a href="pages/products.html" data-i18n="footer_product_camera">AI 摄像头</a></li>
+                <li><a href="pages/products.html" data-i18n="footer_product_all">全部产品</a></li>
               </ul>
             </div>
             <div class="footer-column">
               <h4 data-i18n="footer_support">支持</h4>
               <ul class="footer-links">
-                <li><a href="help.html" data-i18n="footer_help">帮助中心</a></li>
-                <li><a href="help.html" data-i18n="footer_faq">常见问题</a></li>
-                <li><a href="help.html?article=14" data-i18n="footer_warranty">保修政策</a></li>
-                <li><a href="help.html?category=other" data-i18n="footer_returns">退换货</a></li>
-                <li><a href="help.html?category=install" data-i18n="footer_manual">产品手册</a></li>
+                <li><a href="pages/help.html" data-i18n="footer_help">帮助中心</a></li>
+                <li><a href="pages/help.html" data-i18n="footer_faq">常见问题</a></li>
+                <li><a href="pages/help.html?article=14" data-i18n="footer_warranty">保修政策</a></li>
+                <li><a href="pages/help.html?category=other" data-i18n="footer_returns">退换货</a></li>
+                <li><a href="pages/help.html?category=install" data-i18n="footer_manual">产品手册</a></li>
               </ul>
             </div>
             <div class="footer-column">
               <h4 data-i18n="footer_partner_title">合作伙伴</h4>
               <ul class="footer-links">
-                <li><a href="partner.html?page=dealer" data-i18n="footer_partner_dealer">经销商入驻</a></li>
-                <li><a href="partner.html?page=affiliate" data-i18n="footer_partner_affiliate">联盟推广</a></li>
-                <li><a href="partner.html?page=business" data-i18n="footer_partner_business">企业采购</a></li>
-                <li><a href="partner.html?page=tech" data-i18n="footer_partner_tech">技术合作</a></li>
+                <li><a href="pages/partner.html?page=dealer" data-i18n="footer_partner_dealer">经销商入驻</a></li>
+                <li><a href="pages/partner.html?page=affiliate" data-i18n="footer_partner_affiliate">联盟推广</a></li>
+                <li><a href="pages/partner.html?page=business" data-i18n="footer_partner_business">企业采购</a></li>
+                <li><a href="pages/partner.html?page=tech" data-i18n="footer_partner_tech">技术合作</a></li>
               </ul>
             </div>
             <div class="footer-column">
@@ -3474,35 +3474,35 @@
           <div class="footer-qrcode-section">
             <div class="qrcode-item">
               <div class="qrcode-placeholder">
-                <img src="qr-wechat.png" alt="微信二维码" onerror="this.style.display='none';this.nextElementSibling.style.display='flex';" />
+                <img src="images/qr-wechat.png" alt="微信二维码" onerror="this.style.display='none';this.nextElementSibling.style.display='flex';" />
                 <div class="qrcode-fallback">二维码</div>
               </div>
               <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';" />
+                <img src="images/qr-weibo.png" alt="微博二维码" onerror="this.style.display='none';this.nextElementSibling.style.display='flex';" />
                 <div class="qrcode-fallback">二维码</div>
               </div>
               <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';" />
+                <img src="images/qr-xiaohongshu.png" alt="小红书二维码" onerror="this.style.display='none';this.nextElementSibling.style.display='flex';" />
                 <div class="qrcode-fallback">二维码</div>
               </div>
               <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';" />
+                <img src="images/qr-tiktok.png" alt="抖音二维码" onerror="this.style.display='none';this.nextElementSibling.style.display='flex';" />
                 <div class="qrcode-fallback">二维码</div>
               </div>
               <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';" />
+                <img src="images/qr-shop.png" alt="商城二维码" onerror="this.style.display='none';this.nextElementSibling.style.display='flex';" />
                 <div class="qrcode-fallback">二维码</div>
               </div>
               <span class="qrcode-label" data-i18n="footer_qr_shop">线上商城</span>
@@ -3513,9 +3513,9 @@
           <div class="footer-bottom">
             <div class="footer-bottom-main">
               <div class="footer-legal">
-                <a href="legal.html?page=privacy" data-i18n="footer_privacy">隐私政策</a>
-                <a href="legal.html?page=terms" data-i18n="footer_terms">服务条款</a>
-                <a href="legal.html?page=cookies" data-i18n="footer_cookies">Cookie 设置</a>
+                <a href="pages/legal.html?page=privacy" data-i18n="footer_privacy">隐私政策</a>
+                <a href="pages/legal.html?page=terms" data-i18n="footer_terms">服务条款</a>
+                <a href="pages/legal.html?page=cookies" data-i18n="footer_cookies">Cookie 设置</a>
               </div>
               <p class="footer-copyright">© 2025 Chookoo. <span data-i18n="footer_rights">All rights reserved.</span></p>
             </div>
@@ -4502,32 +4502,32 @@
         // 首页故事数据（随机展示3个）
         const homepageStories = [
           {
-            id: 'story-1', image: 'cat.png', avatar: 'cat.png',
+            id: 'story-1', image: 'images/cat.png', avatar: 'images/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',
+            id: 'story-2', image: 'images/dog.jpeg', avatar: 'images/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',
+            id: 'story-3', image: 'images/cat.png', avatar: 'images/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',
+            id: 'story-4', image: 'images/dog.jpeg', avatar: 'images/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',
+            id: 'story-5', image: 'images/cat.png', avatar: 'images/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',
+            id: 'story-6', image: 'images/dog.jpeg', avatar: 'images/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' }
           }
@@ -4554,7 +4554,7 @@
           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">' +
+            html += '<a href="pages/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>' +
@@ -4665,27 +4665,27 @@
           1: {
             zh: { title: '智能猫厕所', subtitle: 'AkiWell主动健康，风险提前知', 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']
+            image: 'images/cat.png', pets: ['cat']
           },
           2: {
             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']
+            image: 'images/dog.jpeg', pets: ['dog']
           },
           3: {
             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']
+            image: 'images/feeder.png', pets: ['cat', 'dog']
           },
           4: {
             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']
+            image: 'images/water.jpeg', pets: ['cat', 'dog']
           },
           5: {
             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']
+            image: 'images/camera.jpeg', pets: ['cat', 'dog', 'bird']
           }
         };
 
@@ -4958,7 +4958,7 @@
               <svg viewBox="0 0 24 24" fill="currentColor"><path d="M8.691 2.188C3.891 2.188 0 5.476 0 9.53c0 2.212 1.17 4.203 3.002 5.55a.59.59 0 0 1 .213.665l-.39 1.48c-.019.07-.048.141-.048.213 0 .163.13.295.29.295a.326.326 0 0 0 .167-.054l1.903-1.114a.864.864 0 0 1 .717-.098 10.16 10.16 0 0 0 2.837.403c.276 0 .543-.027.811-.05-.857-2.578.157-4.972 1.932-6.446 1.703-1.415 3.882-1.98 5.853-1.838-.576-3.583-4.196-6.348-8.596-6.348zM5.785 5.991c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178A1.17 1.17 0 0 1 4.623 7.17c0-.651.52-1.18 1.162-1.18zm5.813 0c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178 1.17 1.17 0 0 1-1.162-1.178c0-.651.52-1.18 1.162-1.18zm5.34 2.867c-1.797-.052-3.746.512-5.28 1.786-1.72 1.428-2.687 3.72-1.78 6.22.942 2.453 3.666 4.229 6.884 4.229.826 0 1.622-.12 2.361-.336a.722.722 0 0 1 .598.082l1.584.926a.272.272 0 0 0 .14.047c.134 0 .24-.111.24-.247 0-.06-.023-.12-.038-.177l-.327-1.233a.582.582 0 0 1-.023-.156.49.49 0 0 1 .201-.398C23.024 18.48 24 16.82 24 14.98c0-3.21-2.931-5.837-6.656-6.088V8.89c-.135-.004-.27-.022-.407-.03zm-2.53 3.274c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983.976.976 0 0 1-.969-.983c0-.542.434-.982.97-.982zm4.844 0c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983.976.976 0 0 1-.969-.983c0-.542.434-.982.969-.982z"/></svg>
             </div>
             <div class="qr-image">
-              <img src="qr-wechat.png" alt="微信二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
+              <img src="images/qr-wechat.png" alt="微信二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
             </div>
             <div class="qr-name" data-i18n="modal_social_qr_wechat">微信公众号</div>
             <div class="qr-desc" data-i18n="modal_social_qr_wechat_desc">获取最新资讯</div>
@@ -4968,7 +4968,7 @@
               <svg viewBox="0 0 24 24" fill="currentColor"><path d="M10.098 20.323c-3.977.391-7.414-1.406-7.672-4.02-.259-2.609 2.759-5.047 6.74-5.441 3.979-.394 7.413 1.404 7.671 4.018.259 2.6-2.759 5.049-6.739 5.443zM9.05 17.219c-.384.616-1.208.884-1.829.602-.612-.279-.793-.991-.406-1.593.379-.595 1.176-.861 1.793-.601.622.263.82.972.442 1.592zm1.27-1.627c-.141.237-.449.353-.689.253-.236-.09-.313-.361-.177-.586.138-.227.436-.346.672-.24.239.09.315.36.194.573zm.176-2.719c-1.893-.493-4.033.45-4.857 2.118-.836 1.704-.026 3.591 1.886 4.21 1.983.64 4.318-.341 5.132-2.179.8-1.793-.201-3.642-2.161-4.149zm7.563-1.224c-.346-.105-.579-.18-.405-.649.381-1.017.422-1.896-.001-2.523-.789-1.174-2.952-1.107-5.387-.03 0 0-.772.334-.575-.272.383-1.217.324-2.236-.27-2.82-1.35-1.327-4.927.047-8.001 3.073C1.077 10.876 0 13.058 0 14.899c0 3.524 4.521 5.668 8.944 5.668 5.797 0 9.653-3.367 9.653-6.041 0-1.618-1.363-2.535-2.538-2.877zm2.839-4.603c-.632-.748-1.564-1.12-2.494-1.084l-.101.004c-.215.012-.392.181-.398.398-.006.219.161.398.378.408l.091.002c.618-.024 1.244.228 1.68.738.437.51.591 1.162.464 1.771l-.021.091c-.047.211.078.422.287.478.212.056.428-.067.49-.276l.025-.1c.178-.853-.016-1.772-.601-2.53zm1.932-2.186c-1.162-1.375-2.876-2.059-4.586-1.991l-.124.005c-.269.015-.484.239-.472.508.012.27.235.482.504.474l.113-.003c1.373-.055 2.748.494 3.682 1.6.934 1.107 1.264 2.536.972 3.86l-.028.118c-.06.26.094.521.352.588.261.068.529-.082.603-.34l.033-.135c.362-1.65-.05-3.437-1.049-4.684z"/></svg>
             </div>
             <div class="qr-image">
-              <img src="qr-weibo.png" alt="微博二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
+              <img src="images/qr-weibo.png" alt="微博二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
             </div>
             <div class="qr-name" data-i18n="modal_social_qr_weibo">官方微博</div>
             <div class="qr-desc" data-i18n="modal_social_qr_weibo_desc">互动交流</div>
@@ -4978,7 +4978,7 @@
               <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm4.615 14.154h-2.423v-3.077h-2.769v3.077H9V7.846h2.423v3.077h2.769V7.846h2.423v8.308z"/></svg>
             </div>
             <div class="qr-image">
-              <img src="qr-xiaohongshu.png" alt="小红书二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
+              <img src="images/qr-xiaohongshu.png" alt="小红书二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
             </div>
             <div class="qr-name" data-i18n="modal_social_qr_xiaohongshu">小红书</div>
             <div class="qr-desc" data-i18n="modal_social_qr_xiaohongshu_desc">种草分享</div>
@@ -4988,7 +4988,7 @@
               <svg viewBox="0 0 24 24" fill="currentColor"><path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z"/></svg>
             </div>
             <div class="qr-image">
-              <img src="qr-tiktok.png" alt="抖音二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
+              <img src="images/qr-tiktok.png" alt="抖音二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
             </div>
             <div class="qr-name" data-i18n="modal_social_qr_tiktok">抖音</div>
             <div class="qr-desc" data-i18n="modal_social_qr_tiktok_desc">精彩视频</div>
@@ -5015,7 +5015,7 @@
         <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>'" />
+            <img src="images/qr-contact.png" alt="客服二维码" onerror="this.parentElement.innerHTML='<span style=\'color:#9ca3af;font-size:14px;\'>请替换客服二维码<br>qr-contact.png</span>'" />
           </div>
           <div class="contact-qr-label">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
@@ -5053,7 +5053,7 @@
         <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>'" />
+            <img src="images/qr-shop.png" alt="旗舰店二维码" onerror="this.parentElement.innerHTML='<span style=\'color:#9ca3af;font-size:14px;\'>请替换店铺二维码<br>qr-shop.png</span>'" />
           </div>
           <div class="contact-qr-label">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
diff --git a/app.html b/pages/app.html
similarity index 98%
rename from app.html
rename to pages/app.html
index 6ea6fbd..5017f34 100644
--- a/app.html
+++ b/pages/app.html
@@ -701,11 +701,11 @@
     <!-- 导航栏 -->
     <nav class="navbar">
       <div class="navbar-inner">
-        <a href="index.html" class="navbar-logo">
-          <img src="logo.png" alt="Chookoo" />
+        <a href="../index.html" class="navbar-logo">
+          <img src="../images/logo.png" alt="Chookoo" />
         </a>
         <div class="navbar-menu">
-          <a href="index.html" class="navbar-link">首页</a>
+          <a href="../index.html" class="navbar-link">首页</a>
           <a href="products.html" class="navbar-link">产品</a>
           <a href="stories.html" class="navbar-link">故事</a>
           <a href="app.html" class="navbar-link active">App</a>
@@ -715,7 +715,7 @@
           <a href="help.html" class="navbar-btn" aria-label="Search">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
           </a>
-          <a href="index.html#contact" class="navbar-cta">联系我们</a>
+          <a href="../index.html#contact" class="navbar-cta">联系我们</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"/></svg>
           </button>
@@ -986,10 +986,10 @@
     <footer class="footer">
       <div class="footer-content">
         <div class="footer-logo">
-          <img src="白字logo.png" alt="Chookoo" />
+          <img src="../images/白字logo.png" alt="Chookoo" />
         </div>
         <div class="footer-links">
-          <a href="index.html">首页</a>
+          <a href="../index.html">首页</a>
           <a href="products.html">产品</a>
           <a href="stories.html">故事</a>
           <a href="company.html?article=201">关于我们</a>
diff --git a/company.html b/pages/company.html
similarity index 99%
rename from company.html
rename to pages/company.html
index 107f133..aad2587 100644
--- a/company.html
+++ b/pages/company.html
@@ -422,10 +422,10 @@
     <!-- 导航栏 -->
     <nav class="navbar">
       <div class="navbar-inner">
-        <a href="index.html" class="navbar-logo">
-          <img src="logo.png" alt="Chookoo" />
+        <a href="../index.html" class="navbar-logo">
+          <img src="../images/logo.png" alt="Chookoo" />
         </a>
-        <a href="index.html" class="navbar-back">
+        <a href="../index.html" class="navbar-back">
           <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 12H5M12 19l-7-7 7-7"/></svg>
           返回首页
         </a>
@@ -474,7 +474,7 @@
 
     <!-- 页脚 -->
     <footer class="footer">
-      <img src="logo.png" alt="Chookoo" class="footer-logo" />
+      <img src="../images/logo.png" alt="Chookoo" class="footer-logo" />
       <p class="footer-text">© 2025 宠科智能科技（苏州）有限公司 保留所有权利</p>
     </footer>
 
diff --git a/help.html b/pages/help.html
similarity index 99%
rename from help.html
rename to pages/help.html
index 588a27f..af9e9d7 100644
--- a/help.html
+++ b/pages/help.html
@@ -424,10 +424,10 @@
     <!-- 导航栏 -->
     <nav class="navbar">
       <div class="navbar-inner">
-        <a href="index.html" class="navbar-logo">
-          <img src="logo.png" alt="Chookoo" />
+        <a href="../index.html" class="navbar-logo">
+          <img src="../images/logo.png" alt="Chookoo" />
         </a>
-        <a href="index.html" class="navbar-back">
+        <a href="../index.html" class="navbar-back">
           <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 12H5M12 19l-7-7 7-7"/></svg>
           返回首页
         </a>
@@ -478,7 +478,7 @@
 
     <!-- 页脚 -->
     <footer class="footer">
-      <img src="logo.png" alt="Chookoo" class="footer-logo" />
+      <img src="../images/logo.png" alt="Chookoo" class="footer-logo" />
       <p class="footer-text">© 2025 宠科智能科技（苏州）有限公司 保留所有权利</p>
     </footer>
 
diff --git a/legal.html b/pages/legal.html
similarity index 98%
rename from legal.html
rename to pages/legal.html
index 619550b..eaf8315 100644
--- a/legal.html
+++ b/pages/legal.html
@@ -422,10 +422,10 @@
     <!-- 导航栏 -->
     <nav class="navbar">
       <div class="navbar-inner">
-        <a href="index.html" class="navbar-logo">
-          <img src="logo.png" alt="Chookoo" />
+        <a href="../index.html" class="navbar-logo">
+          <img src="../images/logo.png" alt="Chookoo" />
         </a>
-        <a href="index.html" class="navbar-back">
+        <a href="../index.html" class="navbar-back">
           <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 12H5M12 19l-7-7 7-7"/></svg>
           返回首页
         </a>
@@ -473,7 +473,7 @@
 
     <!-- 页脚 -->
     <footer class="footer">
-      <img src="logo.png" alt="Chookoo" class="footer-logo" />
+      <img src="../images/logo.png" alt="Chookoo" class="footer-logo" />
       <p class="footer-text">© 2025 宠科智能科技（苏州）有限公司 保留所有权利</p>
     </footer>
 
diff --git a/partner.html b/pages/partner.html
similarity index 98%
rename from partner.html
rename to pages/partner.html
index 2f243cb..1672e56 100644
--- a/partner.html
+++ b/pages/partner.html
@@ -422,10 +422,10 @@
     <!-- 导航栏 -->
     <nav class="navbar">
       <div class="navbar-inner">
-        <a href="index.html" class="navbar-logo">
-          <img src="logo.png" alt="Chookoo" />
+        <a href="../index.html" class="navbar-logo">
+          <img src="../images/logo.png" alt="Chookoo" />
         </a>
-        <a href="index.html" class="navbar-back">
+        <a href="../index.html" class="navbar-back">
           <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 12H5M12 19l-7-7 7-7"/></svg>
           返回首页
         </a>
@@ -474,7 +474,7 @@
 
     <!-- 页脚 -->
     <footer class="footer">
-      <img src="logo.png" alt="Chookoo" class="footer-logo" />
+      <img src="../images/logo.png" alt="Chookoo" class="footer-logo" />
       <p class="footer-text">© 2025 宠科智能科技（苏州）有限公司 保留所有权利</p>
     </footer>
 
diff --git a/product-detail.html b/pages/product-detail.html
similarity index 97%
rename from product-detail.html
rename to pages/product-detail.html
index bb5622d..4db42c5 100644
--- a/product-detail.html
+++ b/pages/product-detail.html
@@ -469,11 +469,11 @@
     <!-- 导航栏 -->
     <nav class="navbar">
       <div class="navbar-inner">
-        <a href="index.html" class="navbar-logo">
-          <img src="logo.png" alt="Chookoo" />
+        <a href="../index.html" class="navbar-logo">
+          <img src="../images/logo.png" alt="Chookoo" />
         </a>
         <div class="navbar-menu">
-          <a href="index.html" class="navbar-link">首页</a>
+          <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>
@@ -483,7 +483,7 @@
           <a href="help.html" class="navbar-btn" aria-label="Search">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
           </a>
-          <a href="index.html#contact" class="navbar-cta">联系我们</a>
+          <a href="../index.html#contact" class="navbar-cta">联系我们</a>
           <button class="navbar-btn mobile-menu-btn" aria-label="Menu">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 6h16M4 12h16M4 18h16"/></svg>
           </button>
@@ -498,7 +498,7 @@
 
     <!-- 页脚 -->
     <footer class="footer">
-      <img src="logo.png" alt="Chookoo" class="footer-logo" />
+      <img src="../images/logo.png" alt="Chookoo" class="footer-logo" />
       <p class="footer-text">© 2025 Chookoo 宠科智能科技（苏州）有限公司 保留所有权利</p>
     </footer>
 
@@ -537,7 +537,7 @@
           id: 'cat-toilet-pro',
           name: '智能猫厕所 Pro',
           subtitle: 'AkiWell主动健康，全方位守护毛孩子健康',
-          image: 'cat.png',
+          image: '../images/cat.png',
           tags: ['AI智能', '自动', '猫用', '健康', '热销'],
           category: 'toilet',
           highlights: [
@@ -570,7 +570,7 @@
           id: 'cat-toilet-lite',
           name: '智能猫厕所 Lite',
           subtitle: '宠小科入门之选，泌尿系统异常提前知',
-          image: 'cat.png',
+          image: '../images/cat.png',
           tags: ['健康', '智能', '猫用', '新品'],
           category: 'toilet',
           highlights: [
@@ -603,7 +603,7 @@
           id: 'dog-toilet',
           name: '智能狗厕所',
           subtitle: '科学如厕训练，智能清洁管理',
-          image: 'dog.jpeg',
+          image: '../images/dog.jpeg',
           tags: ['狗用'],
           category: 'toilet',
           highlights: [
@@ -632,7 +632,7 @@
           id: 'smart-feeder',
           name: '智能喂食器',
           subtitle: '定时定量精准投喂，养成健康饮食习惯',
-          image: 'feeder.png',
+          image: '../images/feeder.png',
           tags: ['通用', '热销'],
           category: 'feeding',
           highlights: [
@@ -662,7 +662,7 @@
           id: 'smart-fountain',
           name: '智能饮水机',
           subtitle: '四重过滤循环净化，提升饮水健康',
-          image: 'water.jpeg',
+          image: '../images/water.jpeg',
           tags: ['通用'],
           category: 'feeding',
           highlights: [
@@ -691,7 +691,7 @@
           id: 'cat-food-bucket',
           name: '智能猫粮桶',
           subtitle: '真空保鲜，智能控湿，锁住新鲜',
-          image: 'cat.png',
+          image: '../images/cat.png',
           tags: ['猫用'],
           category: 'feeding',
           highlights: [
@@ -718,7 +718,7 @@
           id: 'dog-food-bucket',
           name: '智能狗粮桶',
           subtitle: '大容量设计，适合多狗家庭',
-          image: 'dog.jpeg',
+          image: '../images/dog.jpeg',
           tags: ['狗用'],
           category: 'feeding',
           highlights: [
@@ -745,7 +745,7 @@
           id: 'ai-camera',
           name: 'AI宠物摄像头',
           subtitle: '1080P高清夜视，AI行为识别，双向语音',
-          image: 'camera.jpeg',
+          image: '../images/camera.jpeg',
           tags: ['通用', '新品'],
           category: 'monitor',
           highlights: [
@@ -774,7 +774,7 @@
           id: 'health-tracker',
           name: '宠物健康追踪器',
           subtitle: '轻便佩戴，实时监测活动量与睡眠',
-          image: 'cat.png',
+          image: '../images/cat.png',
           tags: ['通用'],
           category: 'monitor',
           highlights: [
@@ -802,7 +802,7 @@
           id: 'environment-monitor',
           name: '环境监测仪',
           subtitle: '温湿度、空气质量实时监测',
-          image: 'dog.jpeg',
+          image: '../images/dog.jpeg',
           tags: ['通用'],
           category: 'monitor',
           highlights: [
@@ -831,7 +831,7 @@
           id: 'filter-set',
           name: '替换滤网套装',
           subtitle: '适用于饮水机，建议3个月更换',
-          image: 'cat.png',
+          image: '../images/cat.png',
           tags: ['配件'],
           category: 'accessories',
           highlights: [
@@ -856,7 +856,7 @@
           id: 'cleaning-kit',
           name: '清洁耗材包',
           subtitle: '适用于智能厕所，保持卫生洁净',
-          image: 'dog.jpeg',
+          image: '../images/dog.jpeg',
           tags: ['配件'],
           category: 'accessories',
           highlights: [
@@ -881,7 +881,7 @@
           id: 'power-adapter',
           name: '备用电源适配器',
           subtitle: '通用设计，支持全系产品',
-          image: 'cat.png',
+          image: '../images/cat.png',
           tags: ['配件'],
           category: 'accessories',
           highlights: [
@@ -907,7 +907,7 @@
           id: 'extended-warranty',
           name: '延长保修服务',
           subtitle: '额外1年保修，安心无忧',
-          image: 'dog.jpeg',
+          image: '../images/dog.jpeg',
           tags: ['服务'],
           category: 'accessories',
           highlights: [
@@ -963,7 +963,7 @@
         mainContent.innerHTML = `
           <!-- 面包屑 -->
           <div class="breadcrumb">
-            <a href="index.html">首页</a>
+            <a href="../index.html">首页</a>
             <span>/</span>
             <a href="products.html">产品</a>
             <span>/</span>
diff --git a/products.html b/pages/products.html
similarity index 95%
rename from products.html
rename to pages/products.html
index 57ecf5e..7095b1a 100644
--- a/products.html
+++ b/pages/products.html
@@ -724,11 +724,11 @@
     <!-- 导航栏 - 与首页完全一致 -->
     <nav class="navbar">
       <div class="navbar-inner">
-        <a href="index.html" class="navbar-logo">
-          <img src="logo.png" alt="Chookoo" />
+        <a href="../index.html" class="navbar-logo">
+          <img src="../images/logo.png" alt="Chookoo" />
         </a>
         <div class="navbar-menu">
-          <a href="index.html" class="navbar-link">首页</a>
+          <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>
@@ -746,7 +746,7 @@
             <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">联系我们</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"/></svg>
           </button>
@@ -781,7 +781,7 @@
         <div class="product-grid">
           <div class="product-card" data-category="cat toilet">
             <div class="product-card-image">
-              <img src="cat.png" alt="智能猫厕所" />
+              <img src="../images/cat.png" alt="智能猫厕所" />
             </div>
             <div class="product-card-content">
               <div class="product-card-tags">
@@ -799,7 +799,7 @@
           </div>
           <div class="product-card" data-category="cat toilet">
             <div class="product-card-image">
-              <img src="cat.png" alt="智能猫厕所 Lite" />
+              <img src="../images/cat.png" alt="智能猫厕所 Lite" />
             </div>
             <div class="product-card-content">
               <div class="product-card-tags">
@@ -816,7 +816,7 @@
           </div>
           <div class="product-card" data-category="dog toilet">
             <div class="product-card-image">
-              <img src="dog.jpeg" alt="智能狗厕所" />
+              <img src="../images/dog.jpeg" alt="智能狗厕所" />
             </div>
             <div class="product-card-content">
               <div class="product-card-tags">
@@ -841,7 +841,7 @@
         <div class="product-grid">
           <div class="product-card" data-category="cat dog feeding">
             <div class="product-card-image">
-              <img src="feeder.png" alt="智能喂食器" />
+              <img src="../images/feeder.png" alt="智能喂食器" />
             </div>
             <div class="product-card-content">
               <div class="product-card-tags">
@@ -857,7 +857,7 @@
           </div>
           <div class="product-card" data-category="cat dog feeding">
             <div class="product-card-image">
-              <img src="water.jpeg" alt="智能饮水机" />
+              <img src="../images/water.jpeg" alt="智能饮水机" />
             </div>
             <div class="product-card-content">
               <div class="product-card-tags">
@@ -872,7 +872,7 @@
           </div>
           <div class="product-card" data-category="cat feeding">
             <div class="product-card-image">
-              <img src="cat.png" alt="猫粮储存桶" />
+              <img src="../images/cat.png" alt="猫粮储存桶" />
             </div>
             <div class="product-card-content">
               <div class="product-card-tags">
@@ -886,7 +886,7 @@
           </div>
           <div class="product-card" data-category="dog feeding">
             <div class="product-card-image">
-              <img src="dog.jpeg" alt="狗粮储存桶" />
+              <img src="../images/dog.jpeg" alt="狗粮储存桶" />
             </div>
             <div class="product-card-content">
               <div class="product-card-tags">
@@ -911,7 +911,7 @@
         <div class="product-grid">
           <div class="product-card" data-category="cat dog monitor">
             <div class="product-card-image">
-              <img src="camera.jpeg" alt="AI宠物摄像头" />
+              <img src="../images/camera.jpeg" alt="AI宠物摄像头" />
             </div>
             <div class="product-card-content">
               <div class="product-card-tags">
@@ -927,7 +927,7 @@
           </div>
           <div class="product-card" data-category="cat dog monitor">
             <div class="product-card-image">
-              <img src="cat.png" alt="宠物健康追踪器" />
+              <img src="../images/cat.png" alt="宠物健康追踪器" />
             </div>
             <div class="product-card-content">
               <div class="product-card-tags">
@@ -942,7 +942,7 @@
           </div>
           <div class="product-card" data-category="cat dog monitor">
             <div class="product-card-image">
-              <img src="dog.jpeg" alt="环境监测仪" />
+              <img src="../images/dog.jpeg" alt="环境监测仪" />
             </div>
             <div class="product-card-content">
               <div class="product-card-tags">
@@ -967,7 +967,7 @@
         <div class="product-grid">
           <div class="product-card" data-category="cat dog">
             <div class="product-card-image">
-              <img src="cat.png" alt="替换滤网套装" />
+              <img src="../images/cat.png" alt="替换滤网套装" />
             </div>
             <div class="product-card-content">
               <div class="product-card-tags">
@@ -982,7 +982,7 @@
           </div>
           <div class="product-card" data-category="cat dog">
             <div class="product-card-image">
-              <img src="dog.jpeg" alt="清洁耗材包" />
+              <img src="../images/dog.jpeg" alt="清洁耗材包" />
             </div>
             <div class="product-card-content">
               <div class="product-card-tags">
@@ -997,7 +997,7 @@
           </div>
           <div class="product-card" data-category="cat dog">
             <div class="product-card-image">
-              <img src="cat.png" alt="备用电源适配器" />
+              <img src="../images/cat.png" alt="备用电源适配器" />
             </div>
             <div class="product-card-content">
               <div class="product-card-tags">
@@ -1012,7 +1012,7 @@
           </div>
           <div class="product-card" data-category="cat dog">
             <div class="product-card-image">
-              <img src="dog.jpeg" alt="延长保修服务" />
+              <img src="../images/dog.jpeg" alt="延长保修服务" />
             </div>
             <div class="product-card-content">
               <div class="product-card-tags">
@@ -1035,7 +1035,7 @@
         <div class="footer-grid">
           <div class="footer-brand">
             <div class="footer-logo">
-              <img src="白字logo.png" alt="Chookoo" />
+              <img src="../images/白字logo.png" alt="Chookoo" />
             </div>
             <p class="footer-desc">AIoT 主动式宠物健康管理开创者，让健康可见、需求可解、宠爱无间。</p>
           </div>
@@ -1121,7 +1121,7 @@
               <svg viewBox="0 0 24 24" fill="currentColor"><path d="M8.691 2.188C3.891 2.188 0 5.476 0 9.53c0 2.212 1.17 4.203 3.002 5.55a.59.59 0 0 1 .213.665l-.39 1.48c-.019.07-.048.141-.048.213 0 .163.13.295.29.295a.326.326 0 0 0 .167-.054l1.903-1.114a.864.864 0 0 1 .717-.098 10.16 10.16 0 0 0 2.837.403c.276 0 .543-.027.811-.05-.857-2.578.157-4.972 1.932-6.446 1.703-1.415 3.882-1.98 5.853-1.838-.576-3.583-4.196-6.348-8.596-6.348zM5.785 5.991c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178A1.17 1.17 0 0 1 4.623 7.17c0-.651.52-1.18 1.162-1.18zm5.813 0c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178 1.17 1.17 0 0 1-1.162-1.178c0-.651.52-1.18 1.162-1.18zm5.34 2.867c-1.797-.052-3.746.512-5.28 1.786-1.72 1.428-2.687 3.72-1.78 6.22.942 2.453 3.666 4.229 6.884 4.229.826 0 1.622-.12 2.361-.336a.722.722 0 0 1 .598.082l1.584.926a.272.272 0 0 0 .14.047c.134 0 .24-.111.24-.247 0-.06-.023-.12-.038-.177l-.327-1.233a.582.582 0 0 1-.023-.156.49.49 0 0 1 .201-.398C23.024 18.48 24 16.82 24 14.98c0-3.21-2.931-5.837-6.656-6.088V8.89c-.135-.01-.269-.03-.407-.03zm-2.53 3.274c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983.976.976 0 0 1-.969-.983c0-.542.434-.982.97-.982zm4.844 0c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983.976.976 0 0 1-.969-.983c0-.542.434-.982.969-.982z"/></svg>
             </div>
             <div class="qr-image">
-              <img src="qr-wechat.png" alt="微信二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
+              <img src="../images/qr-wechat.png" alt="微信二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
             </div>
             <div class="qr-name">微信公众号</div>
             <div class="qr-desc">获取最新资讯</div>
@@ -1131,7 +1131,7 @@
               <svg viewBox="0 0 24 24" fill="currentColor"><path d="M10.098 20.323c-3.977.391-7.414-1.406-7.672-4.02-.259-2.609 2.759-5.047 6.74-5.441 3.979-.394 7.413 1.404 7.671 4.018.259 2.6-2.759 5.049-6.737 5.439l-.002.004zM9.05 17.219c-.384.616-1.208.884-1.829.602-.612-.279-.793-.991-.406-1.593.379-.595 1.176-.861 1.793-.601.622.263.82.972.442 1.592zm1.27-1.627c-.141.237-.449.353-.689.253-.236-.09-.313-.361-.177-.586.138-.227.436-.346.672-.24.239.09.315.36.18.573h.014zm.176-2.719c-1.893-.493-4.033.45-4.857 2.118-.836 1.704-.026 3.591 1.886 4.21 1.983.64 4.318-.341 5.132-2.179.8-1.793-.201-3.642-2.161-4.149zm7.563-1.224c-.346-.105-.578-.18-.405-.649.381-1.017.422-1.896-.006-2.523-.802-1.171-2.996-1.107-5.528-.031 0 0-.791.346-.589-.283.389-1.229.332-2.26-.275-2.857-1.379-1.36-5.049.051-8.199 3.154C.946 11.718 0 14.132 0 16.194c0 3.949 5.06 6.347 10.014 6.347 6.496 0 10.819-3.774 10.819-6.772 0-1.811-1.527-2.838-2.774-3.32zm2.059-3.799c-.637-.785-1.584-1.216-2.662-1.216l-.273.006.074-.27c.098-.358.148-.699.148-1.018 0-.802-.314-1.521-.887-2.024-.573-.503-1.341-.78-2.163-.78-.823 0-1.59.277-2.163.78-.387.34-.655.749-.807 1.197l-.088.26-.222-.132c-.398-.237-.856-.363-1.325-.363-.484 0-.955.133-1.362.385l-.222.138.074-.268c.12-.434.174-.843.174-1.229 0-1.158-.456-2.247-1.286-3.068C6.107.435 5.007 0 3.84 0 2.672 0 1.572.435.743 1.224-.087 2.014-.543 3.102-.543 4.26c0 1.159.456 2.247 1.286 3.068.83.82 1.93 1.256 3.097 1.256.484 0 .955-.088 1.407-.262l.222-.088-.074.268c-.12.434-.174.843-.174 1.229 0 1.158.456 2.247 1.286 3.068.83.82 1.93 1.256 3.097 1.256s2.267-.436 3.097-1.256c.387-.382.68-.813.879-1.278l.088-.207.222.132c.398.237.856.363 1.325.363.484 0 .955-.133 1.362-.385l.222-.138-.074.268c-.12.434-.174.843-.174 1.229 0 1.158.456 2.247 1.286 3.068.83.82 1.93 1.256 3.097 1.256s2.267-.436 3.097-1.256c.83-.82 1.286-1.91 1.286-3.068 0-1.158-.456-2.247-1.286-3.068z"/></svg>
             </div>
             <div class="qr-image">
-              <img src="qr-weibo.png" alt="微博二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
+              <img src="../images/qr-weibo.png" alt="微博二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
             </div>
             <div class="qr-name">官方微博</div>
             <div class="qr-desc">互动交流</div>
@@ -1141,7 +1141,7 @@
               <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm4.615 14.154h-2.423v-3.077h-2.769v3.077H9V7.846h2.423v3.077h2.769V7.846h2.423v8.308z"/></svg>
             </div>
             <div class="qr-image">
-              <img src="qr-xiaohongshu.png" alt="小红书二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
+              <img src="../images/qr-xiaohongshu.png" alt="小红书二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
             </div>
             <div class="qr-name">小红书</div>
             <div class="qr-desc">种草分享</div>
@@ -1151,7 +1151,7 @@
               <svg viewBox="0 0 24 24" fill="currentColor"><path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z"/></svg>
             </div>
             <div class="qr-image">
-              <img src="qr-tiktok.png" alt="抖音二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
+              <img src="../images/qr-tiktok.png" alt="抖音二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
             </div>
             <div class="qr-name">抖音</div>
             <div class="qr-desc">精彩视频</div>
@@ -1267,7 +1267,7 @@
         <h3>官方旗舰店</h3>
         <p>扫描二维码，进入官方店铺选购</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>'" /></div>
+          <div class="contact-qr-box"><img src="../images/qr-shop.png" alt="旗舰店二维码" onerror="this.parentElement.innerHTML='<span style=\'color:#9ca3af;font-size:14px;\'>请替换店铺二维码<br>qr-shop.png</span>'" /></div>
           <div class="contact-qr-label">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
               <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
diff --git a/stories.html b/pages/stories.html
similarity index 95%
rename from stories.html
rename to pages/stories.html
index 37f1b77..e181e46 100644
--- a/stories.html
+++ b/pages/stories.html
@@ -788,11 +788,11 @@
     <!-- 导航栏 -->
     <nav class="navbar">
       <div class="navbar-inner">
-        <a href="index.html" class="navbar-logo">
-          <img src="logo.png" alt="Chookoo" />
+        <a href="../index.html" class="navbar-logo">
+          <img src="../images/logo.png" alt="Chookoo" />
         </a>
         <div class="navbar-menu">
-          <a href="index.html" class="navbar-link">首页</a>
+          <a href="../index.html" class="navbar-link">首页</a>
           <a href="products.html" class="navbar-link">产品</a>
           <a href="stories.html" class="navbar-link active">故事</a>
           <a href="app.html" class="navbar-link">App</a>
@@ -810,7 +810,7 @@
             <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">联系我们</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"/></svg>
           </button>
@@ -832,14 +832,14 @@
         <!-- 故事1 -->
         <a href="story-detail.html?id=story-1" class="story-card">
           <div class="story-image-wrapper">
-            <img class="story-image" src="story-1.jpg" alt="小橘" onerror="this.src='cat.png'" />
+            <img class="story-image" src="story-1.jpg" alt="小橘" onerror="this.src='../images/cat.png'" />
             <span class="story-category">健康恢复</span>
           </div>
           <div class="story-content">
             <h2>小橘的逆袭日记</h2>
             <p>第一次发现Chookoo的智能猫厕所后，小橘终于康复了健康。原本经常尿频尿急的它现在每天都会主动监测，及时发现问题，让我这个做家长的更加安心...</p>
             <div class="story-meta">
-              <img class="story-avatar" src="story-cat-1.jpg" alt="小橘" onerror="this.src='cat.png'" />
+              <img class="story-avatar" src="story-cat-1.jpg" alt="小橘" onerror="this.src='../images/cat.png'" />
               <div class="story-author">
                 <p class="story-author-name">小橘妈妈</p>
                 <p class="story-date">橘猫 · 上海 · 2024.03</p>
@@ -856,14 +856,14 @@
         <!-- 故事2 -->
         <a href="story-detail.html?id=story-2" class="story-card">
           <div class="story-image-wrapper">
-            <img class="story-image" src="story-2.jpg" alt="旺财" onerror="this.src='dog.jpeg'" />
+            <img class="story-image" src="story-2.jpg" alt="旺财" onerror="this.src='../images/dog.jpeg'" />
             <span class="story-category">体重管理</span>
           </div>
           <div class="story-content">
             <h2>旺财的健身日记</h2>
             <p>旺财以前很挑食，Chookoo的智能喂食器帮它养成了定点投喂的好习惯，同时还会监测体重变化，真是做到科学喂养才安心...</p>
             <div class="story-meta">
-              <img class="story-avatar" src="story-dog-1.jpg" alt="旺财" onerror="this.src='dog.jpeg'" />
+              <img class="story-avatar" src="story-dog-1.jpg" alt="旺财" onerror="this.src='../images/dog.jpeg'" />
               <div class="story-author">
                 <p class="story-author-name">旺财爸爸</p>
                 <p class="story-date">金毛 · 北京 · 2024.02</p>
@@ -880,14 +880,14 @@
         <!-- 故事3 -->
         <a href="story-detail.html?id=story-3" class="story-card">
           <div class="story-image-wrapper">
-            <img class="story-image" src="story-3.jpg" alt="布丁" onerror="this.src='cat.png'" />
+            <img class="story-image" src="story-3.jpg" alt="布丁" onerror="this.src='../images/cat.png'" />
             <span class="story-category">AI识别</span>
           </div>
           <div class="story-content">
             <h2>布丁的日常</h2>
             <p>自从用了AI摄像头，可以自动识别布丁的状态，让我惊喜万分。可以随时查看它在家的情况，还会自动识别猫咪的不同状态...</p>
             <div class="story-meta">
-              <img class="story-avatar" src="story-cat-2.jpg" alt="布丁" onerror="this.src='cat.png'" />
+              <img class="story-avatar" src="story-cat-2.jpg" alt="布丁" onerror="this.src='../images/cat.png'" />
               <div class="story-author">
                 <p class="story-author-name">布丁姐姐</p>
                 <p class="story-date">英短 · 深圳 · 2024.01</p>
@@ -904,14 +904,14 @@
         <!-- 故事4 -->
         <a href="story-detail.html?id=story-4" class="story-card">
           <div class="story-image-wrapper">
-            <img class="story-image" src="story-4.jpg" alt="豆豆" onerror="this.src='dog.jpeg'" />
+            <img class="story-image" src="story-4.jpg" alt="豆豆" onerror="this.src='../images/dog.jpeg'" />
             <span class="story-category">饮水健康</span>
           </div>
           <div class="story-content">
             <h2>豆豆的饮水日记</h2>
             <p>豆豆以前不爱喝水，用了智能饮水机后，循环净化的水让它爱喝了。APP还会提醒我今日饮水量,确保健康...</p>
             <div class="story-meta">
-              <img class="story-avatar" src="story-dog-2.jpg" alt="豆豆" onerror="this.src='dog.jpeg'" />
+              <img class="story-avatar" src="story-dog-2.jpg" alt="豆豆" onerror="this.src='../images/dog.jpeg'" />
               <div class="story-author">
                 <p class="story-author-name">豆豆妈妈</p>
                 <p class="story-date">柯基 · 杭州 · 2024.01</p>
@@ -928,14 +928,14 @@
         <!-- 故事5 -->
         <a href="story-detail.html?id=story-5" class="story-card">
           <div class="story-image-wrapper">
-            <img class="story-image" src="story-5.jpg" alt="咪咪" onerror="this.src='cat.png'" />
+            <img class="story-image" src="story-5.jpg" alt="咪咪" onerror="this.src='../images/cat.png'" />
             <span class="story-category">健康监测</span>
           </div>
           <div class="story-content">
             <h2>咪咪的健康守护</h2>
             <p>Chookoo的智能设备帮我实时监测咪咪的健康状况，每次数据报告都让我很安心，真正做到了预防式健康管理...</p>
             <div class="story-meta">
-              <img class="story-avatar" src="story-cat-3.jpg" alt="咪咪" onerror="this.src='cat.png'" />
+              <img class="story-avatar" src="story-cat-3.jpg" alt="咪咪" onerror="this.src='../images/cat.png'" />
               <div class="story-author">
                 <p class="story-author-name">咪咪妈妈</p>
                 <p class="story-date">美短 · 广州 · 2023.12</p>
@@ -952,14 +952,14 @@
         <!-- 故事6 -->
         <a href="story-detail.html?id=story-6" class="story-card">
           <div class="story-image-wrapper">
-            <img class="story-image" src="story-6.jpg" alt="大黄" onerror="this.src='dog.jpeg'" />
+            <img class="story-image" src="story-6.jpg" alt="大黄" onerror="this.src='../images/dog.jpeg'" />
             <span class="story-category">训练养成</span>
           </div>
           <div class="story-content">
             <h2>大黄的如厕训练</h2>
             <p>大黄以前随地大小便，用了Chookoo的智能狗厕所，科学训练让它很快养成了好习惯，省心又干净...</p>
             <div class="story-meta">
-              <img class="story-avatar" src="story-dog-3.jpg" alt="大黄" onerror="this.src='dog.jpeg'" />
+              <img class="story-avatar" src="story-dog-3.jpg" alt="大黄" onerror="this.src='../images/dog.jpeg'" />
               <div class="story-author">
                 <p class="story-author-name">大黄爸爸</p>
                 <p class="story-date">田园犬 · 成都 · 2023.11</p>
@@ -989,7 +989,7 @@
             <h3>微信公众号</h3>
             <p>Chookoo宠科智能</p>
             <div class="qr-code">
-              <img src="qr-wechat.png" alt="扫码关注" onerror="this.parentElement.innerHTML='扫码关注'" />
+              <img src="../images/qr-wechat.png" alt="扫码关注" onerror="this.parentElement.innerHTML='扫码关注'" />
             </div>
           </div>
 
@@ -1004,7 +1004,7 @@
             <h3>视频号</h3>
             <p>Chookoo宠科智能</p>
             <div class="qr-code">
-              <img src="qr-video.png" alt="扫码关注" onerror="this.parentElement.innerHTML='扫码关注'" />
+              <img src="../images/qr-video.png" alt="扫码关注" onerror="this.parentElement.innerHTML='扫码关注'" />
             </div>
           </div>
 
@@ -1018,7 +1018,7 @@
             <h3>抖音</h3>
             <p>@Chookoo宠科智能</p>
             <div class="qr-code">
-              <img src="qr-douyin.png" alt="扫码关注" onerror="this.parentElement.innerHTML='扫码关注'" />
+              <img src="../images/qr-douyin.png" alt="扫码关注" onerror="this.parentElement.innerHTML='扫码关注'" />
             </div>
           </div>
 
@@ -1033,7 +1033,7 @@
             <h3>小红书</h3>
             <p>Chookoo宠科智能</p>
             <div class="qr-code">
-              <img src="qr-xiaohongshu.png" alt="扫码关注" onerror="this.parentElement.innerHTML='扫码关注'" />
+              <img src="../images/qr-xiaohongshu.png" alt="扫码关注" onerror="this.parentElement.innerHTML='扫码关注'" />
             </div>
           </div>
         </div>
@@ -1097,7 +1097,7 @@
               <svg viewBox="0 0 24 24" fill="currentColor"><path d="M8.691 2.188C3.891 2.188 0 5.476 0 9.53c0 2.212 1.17 4.203 3.002 5.55a.59.59 0 0 1 .213.665l-.39 1.48c-.019.07-.048.141-.048.213 0 .163.13.295.29.295a.326.326 0 0 0 .167-.054l1.903-1.114a.864.864 0 0 1 .717-.098 10.16 10.16 0 0 0 2.837.403c.276 0 .543-.027.811-.05-.857-2.578.157-4.972 1.932-6.446 1.703-1.415 3.882-1.98 5.853-1.838-.576-3.583-4.196-6.348-8.596-6.348zM5.785 5.991c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178A1.17 1.17 0 0 1 4.623 7.17c0-.651.52-1.18 1.162-1.18zm5.813 0c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178 1.17 1.17 0 0 1-1.162-1.178c0-.651.52-1.18 1.162-1.18zm5.34 2.867c-1.797-.052-3.746.512-5.28 1.786-1.72 1.428-2.687 3.72-1.78 6.22.942 2.453 3.666 4.229 6.884 4.229.826 0 1.622-.12 2.361-.336a.722.722 0 0 1 .598.082l1.584.926a.272.272 0 0 0 .14.047c.134 0 .24-.111.24-.247 0-.06-.023-.12-.038-.177l-.327-1.233a.582.582 0 0 1-.023-.156.49.49 0 0 1 .201-.398C23.024 18.48 24 16.82 24 14.98c0-3.21-2.931-5.837-6.656-6.088V8.89c-.135-.01-.269-.03-.407-.03zm-2.53 3.274c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983.976.976 0 0 1-.969-.983c0-.542.434-.982.97-.982zm4.844 0c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983.976.976 0 0 1-.969-.983c0-.542.434-.982.969-.982z"/></svg>
             </div>
             <div class="qr-image">
-              <img src="qr-wechat.png" alt="微信二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
+              <img src="../images/qr-wechat.png" alt="微信二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
             </div>
             <div class="qr-name">微信公众号</div>
             <div class="qr-desc">获取最新资讯</div>
@@ -1107,7 +1107,7 @@
               <svg viewBox="0 0 24 24" fill="currentColor"><path d="M10.098 20.323c-3.977.391-7.414-1.406-7.672-4.02-.259-2.609 2.759-5.047 6.74-5.441 3.979-.394 7.413 1.404 7.671 4.018.259 2.6-2.759 5.049-6.737 5.439l-.002.004zM9.05 17.219c-.384.616-1.208.884-1.829.602-.612-.279-.793-.991-.406-1.593.379-.595 1.176-.861 1.793-.601.622.263.82.972.442 1.592zm1.27-1.627c-.141.237-.449.353-.689.253-.236-.09-.313-.361-.177-.586.138-.227.436-.346.672-.24.239.09.315.36.18.573h.014zm.176-2.719c-1.893-.493-4.033.45-4.857 2.118-.836 1.704-.026 3.591 1.886 4.21 1.983.64 4.318-.341 5.132-2.179.8-1.793-.201-3.642-2.161-4.149zm7.563-1.224c-.346-.105-.578-.18-.405-.649.381-1.017.422-1.896-.006-2.523-.802-1.171-2.996-1.107-5.528-.031 0 0-.791.346-.589-.283.389-1.229.332-2.26-.275-2.857-1.379-1.36-5.049.051-8.199 3.154C.946 11.718 0 14.132 0 16.194c0 3.949 5.06 6.347 10.014 6.347 6.496 0 10.819-3.774 10.819-6.772 0-1.811-1.527-2.838-2.774-3.32zm2.059-3.799c-.637-.785-1.584-1.216-2.662-1.216l-.273.006.074-.27c.098-.358.148-.699.148-1.018 0-.802-.314-1.521-.887-2.024-.573-.503-1.341-.78-2.163-.78-.823 0-1.59.277-2.163.78-.387.34-.655.749-.807 1.197l-.088.26-.222-.132c-.398-.237-.856-.363-1.325-.363-.484 0-.955.133-1.362.385l-.222.138.074-.268c.12-.434.174-.843.174-1.229 0-1.158-.456-2.247-1.286-3.068C6.107.435 5.007 0 3.84 0 2.672 0 1.572.435.743 1.224-.087 2.014-.543 3.102-.543 4.26c0 1.159.456 2.247 1.286 3.068.83.82 1.93 1.256 3.097 1.256.484 0 .955-.088 1.407-.262l.222-.088-.074.268c-.12.434-.174.843-.174 1.229 0 1.158.456 2.247 1.286 3.068.83.82 1.93 1.256 3.097 1.256s2.267-.436 3.097-1.256c.387-.382.68-.813.879-1.278l.088-.207.222.132c.398.237.856.363 1.325.363.484 0 .955-.133 1.362-.385l.222-.138-.074.268c-.12.434-.174.843-.174 1.229 0 1.158.456 2.247 1.286 3.068.83.82 1.93 1.256 3.097 1.256s2.267-.436 3.097-1.256c.83-.82 1.286-1.91 1.286-3.068 0-1.158-.456-2.247-1.286-3.068z"/></svg>
             </div>
             <div class="qr-image">
-              <img src="qr-weibo.png" alt="微博二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
+              <img src="../images/qr-weibo.png" alt="微博二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
             </div>
             <div class="qr-name">官方微博</div>
             <div class="qr-desc">互动交流</div>
@@ -1117,7 +1117,7 @@
               <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm4.615 14.154h-2.423v-3.077h-2.769v3.077H9V7.846h2.423v3.077h2.769V7.846h2.423v8.308z"/></svg>
             </div>
             <div class="qr-image">
-              <img src="qr-xiaohongshu.png" alt="小红书二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
+              <img src="../images/qr-xiaohongshu.png" alt="小红书二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
             </div>
             <div class="qr-name">小红书</div>
             <div class="qr-desc">种草分享</div>
@@ -1127,7 +1127,7 @@
               <svg viewBox="0 0 24 24" fill="currentColor"><path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z"/></svg>
             </div>
             <div class="qr-image">
-              <img src="qr-tiktok.png" alt="抖音二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
+              <img src="../images/qr-tiktok.png" alt="抖音二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
             </div>
             <div class="qr-name">抖音</div>
             <div class="qr-desc">精彩视频</div>
@@ -1210,7 +1210,7 @@
         <h3>官方旗舰店</h3>
         <p>扫描二维码，进入官方店铺选购</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>'" /></div>
+          <div class="contact-qr-box"><img src="../images/qr-shop.png" alt="旗舰店二维码" onerror="this.parentElement.innerHTML='<span style=\'color:#9ca3af;font-size:14px;\'>请替换店铺二维码<br>qr-shop.png</span>'" /></div>
           <div class="contact-qr-label">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
               <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
diff --git a/story-detail.html b/pages/story-detail.html
similarity index 96%
rename from story-detail.html
rename to pages/story-detail.html
index 0718526..d9d006a 100644
--- a/story-detail.html
+++ b/pages/story-detail.html
@@ -340,11 +340,11 @@
     <!-- 导航栏 -->
     <nav class="navbar">
       <div class="navbar-inner">
-        <a href="index.html" class="navbar-logo">
-          <img src="logo.png" alt="Chookoo" />
+        <a href="../index.html" class="navbar-logo">
+          <img src="../images/logo.png" alt="Chookoo" />
         </a>
         <div class="navbar-menu">
-          <a href="index.html" class="navbar-link">首页</a>
+          <a href="../index.html" class="navbar-link">首页</a>
           <a href="products.html" class="navbar-link">产品</a>
           <a href="stories.html" class="navbar-link active">故事</a>
           <a href="app.html" class="navbar-link">App</a>
@@ -354,7 +354,7 @@
           <a href="help.html" class="navbar-btn" aria-label="Search">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
           </a>
-          <a href="index.html#contact" class="navbar-cta">联系我们</a>
+          <a href="../index.html#contact" class="navbar-cta">联系我们</a>
           <button class="navbar-btn mobile-menu-btn" aria-label="Menu">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 6h16M4 12h16M4 18h16"/></svg>
           </button>
@@ -390,9 +390,9 @@
     const stories = {
       'story-1': {
         id: 'story-1',
-        image: 'cat.png',
-        fallback: 'cat.png',
-        avatar: 'cat.png',
+        image: '../images/cat.png',
+        fallback: '../images/cat.png',
+        avatar: '../images/cat.png',
         category: '健康恢复',
         date: '2024.03',
         location: '上海',
@@ -415,9 +415,9 @@
       },
       'story-2': {
         id: 'story-2',
-        image: 'dog.jpeg',
-        fallback: 'dog.jpeg',
-        avatar: 'dog.jpeg',
+        image: '../images/dog.jpeg',
+        fallback: '../images/dog.jpeg',
+        avatar: '../images/dog.jpeg',
         category: '体重管理',
         date: '2024.02',
         location: '北京',
@@ -440,9 +440,9 @@
       },
       'story-3': {
         id: 'story-3',
-        image: 'cat.png',
-        fallback: 'cat.png',
-        avatar: 'cat.png',
+        image: '../images/cat.png',
+        fallback: '../images/cat.png',
+        avatar: '../images/cat.png',
         category: 'AI识别',
         date: '2024.01',
         location: '深圳',
@@ -465,9 +465,9 @@
       },
       'story-4': {
         id: 'story-4',
-        image: 'dog.jpeg',
-        fallback: 'dog.jpeg',
-        avatar: 'dog.jpeg',
+        image: '../images/dog.jpeg',
+        fallback: '../images/dog.jpeg',
+        avatar: '../images/dog.jpeg',
         category: '饮水健康',
         date: '2024.01',
         location: '杭州',
@@ -490,9 +490,9 @@
       },
       'story-5': {
         id: 'story-5',
-        image: 'cat.png',
-        fallback: 'cat.png',
-        avatar: 'cat.png',
+        image: '../images/cat.png',
+        fallback: '../images/cat.png',
+        avatar: '../images/cat.png',
         category: '健康监测',
         date: '2023.12',
         location: '广州',
@@ -515,9 +515,9 @@
       },
       'story-6': {
         id: 'story-6',
-        image: 'dog.jpeg',
-        fallback: 'dog.jpeg',
-        avatar: 'dog.jpeg',
+        image: '../images/dog.jpeg',
+        fallback: '../images/dog.jpeg',
+        avatar: '../images/dog.jpeg',
         category: '训练养成',
         date: '2023.11',
         location: '成都',
@@ -586,7 +586,7 @@
 
       main.innerHTML =
         '<div class="breadcrumb">' +
-          '<a href="index.html">首页</a><span>/</span>' +
+          '<a href="../index.html">首页</a><span>/</span>' +
           '<a href="stories.html">故事</a><span>/</span>' +
           '<span>' + story.title + '</span>' +
         '</div>' +