Mortar_peng/Chookoo.netPro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Pro

Browse Source
This commit is contained in:
Mortar
2026-06-03 10:27:17 +08:00
parent 6a26e2209e
commit c66fa890dd
114 changed files with 2032 additions and 1054 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/products.html
+172 -71
View File
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>全部产品 - Chookoo 宠科智能科技</title>
<title>全部产品 - Chookoo 宠小科智能科技</title>
<style>
:root {
color-scheme: light;
@@ -20,16 +20,15 @@
html, body {
height: auto;
}
html { overflow-y: scroll; overflow-x: hidden; }
html { overflow-x: hidden; }
body {
margin: 0;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans",
"Helvetica Neue", Arial, sans-serif;
background: var(--bg);
color: var(--text);
overflow-y: auto;
scroll-behavior: smooth;
width: 100vw;
width: 100%;
overflow-x: hidden;
}
#pageContent {
@@ -404,8 +403,6 @@
.footer-bottom-main .footer-social {
display: flex;
gap: 12px;
margin-left: -950px;
margin-top: -280px;
}
.footer-bottom-main .footer-social a {
display: flex;
@@ -567,7 +564,7 @@
color: #fff;
}
.social-qr-item.weibo .qr-icon {
background: linear-gradient(135deg, #ff5722 0%, #e51c23 100%);
background: linear-gradient(135deg, #fa6400 0%, #ff8a00 100%);
color: #fff;
}
.social-qr-item.xiaohongshu .qr-icon {
@@ -729,14 +726,14 @@
<nav class="navbar" style="opacity:0">
<div class="navbar-inner">
<a href="../index.html" class="navbar-logo">
<img src="../images/logo.png" alt="Chookoo" />
<img src="../images/白字logo.png" alt="Chookoo" />
</a>
<div class="navbar-menu">
<a href="../index.html" class="navbar-link">首页</a>
<a href="products.html" class="navbar-link active">产品</a>
<a href="stories.html" class="navbar-link">故事</a>
<a href="app.html" class="navbar-link">App</a>
<a href="company.html?article=201" class="navbar-link">关于我们</a>
<a href="../index.html" class="navbar-link"><span data-i18n="nav_home">首页</span></a>
<a href="products.html" class="navbar-link active"><span data-i18n="nav_products">产品</span></a>
<a href="stories.html" class="navbar-link"><span data-i18n="nav_stories">故事</span></a>
<a href="app.html" class="navbar-link"><span data-i18n="nav_app">App</span></a>
<a href="company.html?article=201" class="navbar-link"><span data-i18n="nav_about">关于我们</span></a>
</div>
<div class="navbar-actions">
<a href="help.html" class="navbar-btn" aria-label="Search">
@@ -748,9 +745,8 @@
<select id="langSelect" aria-label="Language" class="lang-select-hero">
<option value="zh">中文</option>
<option value="en">EN</option>
<option value="ja">日本語</option>
</select>
<a href="../index.html#contact" class="navbar-cta">联系我们</a>
<a href="../index.html#contact" class="navbar-cta"><span data-i18n="nav_contact">联系我们</span></a>
<button class="navbar-btn mobile-menu-btn" aria-label="Menu">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M4 6h16M4 12h16M4 18h16"></path></svg>
</button>
@@ -767,28 +763,28 @@
<main class="main-content">
<!-- 页面标题 -->
<div class="page-header">
<h1>全部产品</h1>
<p>探索 Chookoo 智能宠物生态，为您的毛孩子提供全方位健康管理</p>
<h1 data-i18n="page_title">全部产品</h1>
<p data-i18n="page_subtitle">探索 Chookoo 智能宠物生态，为您的毛孩子提供全方位健康管理</p>
</div>
<!-- 分类导航 -->
<div class="category-nav">
<button class="category-btn active" data-category="all">全部</button>
<button class="category-btn" data-category="cat">猫用产品</button>
<button class="category-btn" data-category="dog">狗用产品</button>
<button class="category-btn" data-category="toilet">智能厕所</button>
<button class="category-btn" data-category="feeding">喂养系列</button>
<button class="category-btn" data-category="monitor">监控系列</button>
<button class="category-btn active" data-category="all"><span data-i18n="cat_all">全部</span></button>
<button class="category-btn" data-category="cat"><span data-i18n="cat_cat">猫用产品</span></button>
<button class="category-btn" data-category="dog"><span data-i18n="cat_dog">狗用产品</span></button>
<button class="category-btn" data-category="toilet"><span data-i18n="cat_toilet">智能厕所</span></button>
<button class="category-btn" data-category="feeding"><span data-i18n="cat_feeding">喂养系列</span></button>
<button class="category-btn" data-category="monitor"><span data-i18n="cat_monitor">监控系列</span></button>
</div>
<!-- 智能厕所系列 -->
<section class="product-section" data-section="toilet">
<div class="section-header">
<h2>智能厕所系列</h2>
<a href="#">查看全部 →</a>
<h2 data-i18n="sec_toilet">智能厕所系列</h2>
<a href="#"><span data-i18n="view_all">查看全部 →</span></a>
</div>
<div class="product-grid">
<div class="product-card" data-category="cat toilet">
<div class="product-card" data-category="cat toilet" data-product-id="cat-toilet-pro">
<div class="product-card-image">
<img src="../images/cat.png" alt="智能猫厕所" />
</div>
@@ -806,7 +802,7 @@
</div>
</div>
</div>
<div class="product-card" data-category="cat toilet">
<div class="product-card" data-category="cat toilet" data-product-id="cat-toilet-lite">
<div class="product-card-image">
<img src="../images/cat.png" alt="智能猫厕所 Lite" />
</div>
@@ -823,7 +819,7 @@
</div>
</div>
</div>
<div class="product-card" data-category="dog toilet">
<div class="product-card" data-category="dog toilet" data-product-id="dog-toilet">
<div class="product-card-image">
<img src="../images/dog.jpeg" alt="智能狗厕所" />
</div>
@@ -844,11 +840,11 @@
<!-- 喂养系列 -->
<section class="product-section" data-section="feeding">
<div class="section-header">
<h2>喂养系列</h2>
<a href="#">查看全部 →</a>
<h2 data-i18n="sec_feeding">喂养系列</h2>
<a href="#"><span data-i18n="view_all">查看全部 →</span></a>
</div>
<div class="product-grid">
<div class="product-card" data-category="cat dog feeding">
<div class="product-card" data-category="cat dog feeding" data-product-id="smart-feeder">
<div class="product-card-image">
<img src="../images/feeder.png" alt="智能喂食器" />
</div>
@@ -864,7 +860,7 @@
</div>
</div>
</div>
<div class="product-card" data-category="cat dog feeding">
<div class="product-card" data-category="cat dog feeding" data-product-id="smart-fountain">
<div class="product-card-image">
<img src="../images/water.jpeg" alt="智能饮水机" />
</div>
@@ -879,7 +875,7 @@
</div>
</div>
</div>
<div class="product-card" data-category="cat feeding">
<div class="product-card" data-category="cat feeding" data-product-id="cat-food-bucket">
<div class="product-card-image">
<img src="../images/cat.png" alt="猫粮储存桶" />
</div>
@@ -893,7 +889,7 @@
</div>
</div>
</div>
<div class="product-card" data-category="dog feeding">
<div class="product-card" data-category="dog feeding" data-product-id="dog-food-bucket">
<div class="product-card-image">
<img src="../images/dog.jpeg" alt="狗粮储存桶" />
</div>
@@ -914,11 +910,11 @@
<!-- 监控系列 -->
<section class="product-section" data-section="monitor">
<div class="section-header">
<h2>监控系列</h2>
<a href="#">查看全部 →</a>
<h2 data-i18n="sec_monitor">监控系列</h2>
<a href="#"><span data-i18n="view_all">查看全部 →</span></a>
</div>
<div class="product-grid">
<div class="product-card" data-category="cat dog monitor">
<div class="product-card" data-category="cat dog monitor" data-product-id="ai-camera">
<div class="product-card-image">
<img src="../images/camera.jpeg" alt="AI宠物摄像头" />
</div>
@@ -934,7 +930,7 @@
</div>
</div>
</div>
<div class="product-card" data-category="cat dog monitor">
<div class="product-card" data-category="cat dog monitor" data-product-id="health-tracker">
<div class="product-card-image">
<img src="../images/cat.png" alt="宠物健康追踪器" />
</div>
@@ -949,7 +945,7 @@
</div>
</div>
</div>
<div class="product-card" data-category="cat dog monitor">
<div class="product-card" data-category="cat dog monitor" data-product-id="environment-monitor">
<div class="product-card-image">
<img src="../images/dog.jpeg" alt="环境监测仪" />
</div>
@@ -970,11 +966,11 @@
<!-- 配件系列 -->
<section class="product-section" data-section="accessories">
<div class="section-header">
<h2>配件系列</h2>
<a href="#">查看全部 →</a>
<h2 data-i18n="sec_accessories">配件系列</h2>
<a href="#"><span data-i18n="view_all">查看全部 →</span></a>
</div>
<div class="product-grid">
<div class="product-card" data-category="cat dog">
<div class="product-card" data-category="cat dog" data-product-id="filter-set">
<div class="product-card-image">
<img src="../images/cat.png" alt="替换滤网套装" />
</div>
@@ -989,7 +985,7 @@
</div>
</div>
</div>
<div class="product-card" data-category="cat dog">
<div class="product-card" data-category="cat dog" data-product-id="cleaning-kit">
<div class="product-card-image">
<img src="../images/dog.jpeg" alt="清洁耗材包" />
</div>
@@ -1004,7 +1000,7 @@
</div>
</div>
</div>
<div class="product-card" data-category="cat dog">
<div class="product-card" data-category="cat dog" data-product-id="power-adapter">
<div class="product-card-image">
<img src="../images/cat.png" alt="备用电源适配器" />
</div>
@@ -1019,7 +1015,7 @@
</div>
</div>
</div>
<div class="product-card" data-category="cat dog">
<div class="product-card" data-category="cat dog" data-product-id="extended-warranty">
<div class="product-card-image">
<img src="../images/dog.jpeg" alt="延长保修服务" />
</div>
@@ -1046,17 +1042,18 @@
<div class="footer-logo">
<img src="../images/白字logo.png" alt="Chookoo" />
</div>
<p class="footer-desc">AIoT 主动式宠物健康管理开创者，让健康可见、需求可解、宠爱无间。</p>
<p class="footer-desc"><span data-i18n="footer_desc">AIoT 主动式宠物健康管理开创者，让健康可见、需求可解、宠爱无间。</span></p>
</div>
<div class="footer-column">
<h4>产品</h4>
<h4><span data-i18n="footer_products">产品</span></h4>
<ul class="footer-links">
<li><a href="#">智能猫厕所</a></li>
<li><a href="#">智能喂食器</a></li>
<li><a href="#">智能饮水机</a></li>
<li><a href="#">AI 摄像头</a></li>
<li><a href="products.html"><span data-i18n="footer_cat">智能猫厕所</span></a></li>
<li><a href="products.html"><span data-i18n="footer_feeder">智能喂食器</span></a></li>
<li><a href="products.html"><span data-i18n="footer_fountain">智能饮水机</span></a></li>
<li><a href="products.html"><span data-i18n="footer_camera">AI 摄像头</span></a></li>
</ul>
</div>
<!-- 公司栏目待正式内容后恢复
<div class="footer-column">
<h4>公司</h4>
<ul class="footer-links">
@@ -1066,20 +1063,21 @@
<li><a href="#">联系方式</a></li>
</ul>
</div>
-->
<div class="footer-column">
<h4>支持</h4>
<h4><span data-i18n="footer_support">支持</span></h4>
<ul class="footer-links">
<li><a href="#">帮助中心</a></li>
<li><a href="#">常见问题</a></li>
<li><a href="#">保修政策</a></li>
<li><a href="#">退换货</a></li>
<li><a href="help.html"><span data-i18n="footer_help">帮助中心</span></a></li>
<li><a href="help.html"><span data-i18n="footer_faq">常见问题</span></a></li>
<li><a href="help.html?article=14"><span data-i18n="footer_warranty">保修政策</span></a></li>
<li><a href="help.html?category=other"><span data-i18n="footer_returns">退换货</span></a></li>
</ul>
</div>
<div class="footer-column">
<h4>联系我们</h4>
<h4><span data-i18n="footer_contact">联系我们</span></h4>
<ul class="footer-links">
<li><a href="mailto:hello@chookoo.com">hello@chookoo.com</a></li>
<li><a href="tel:400-888-8888">400-888-8888</a></li>
<li><a href="mailto:support@chookoo.net">support@chookoo.net</a></li>
<li><a href="tel:021-60707996">021-60707996</a></li>
<li><span>苏州 · 吴江</span></li>
</ul>
</div>
@@ -1088,11 +1086,11 @@
<div class="footer-bottom-main">
<p class="footer-copyright">© 2025 Chookoo. All rights reserved.</p>
<div class="footer-social">
<a href="#" aria-label="WeChat">
<a href="javascript:void(0)" aria-label="WeChat">
<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>
</a>
<a href="#" aria-label="Weibo">
<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-.579-.18-.405-.649.381-.998.42-1.859.003-2.474-.785-1.159-2.924-1.095-5.399-.034 0 0-.773.335-.576-.272.383-1.217.324-2.236-.271-2.823-1.35-1.329-4.935.05-8.006 3.073C1.203 10.674 0 13.078 0 15.09c0 3.854 4.946 6.194 9.783 6.194 6.334 0 10.555-3.681 10.555-6.6 0-1.765-1.489-2.763-2.68-3.025h.001zm1.895-5.962c-.766-.847-1.896-1.217-3.036-1.109l.049-.003c.263-.03.49.168.512.436a.475.475 0 0 1-.428.516c-.842.09-1.651.509-2.219 1.261a.468.468 0 0 1-.656.09.473.473 0 0 1-.088-.662c.722-.958 1.773-1.505 2.871-1.623 1.427-.147 2.835.369 3.795 1.432.957 1.06 1.331 2.483 1.086 3.864a.47.47 0 0 1-.545.39.472.472 0 0 1-.386-.548c.195-1.1-.104-2.237-.865-3.08l-.09-.064zm.963-3.178c-1.262-1.396-3.123-1.999-4.998-1.662a.471.471 0 0 0 .165.927c1.513-.272 3.013.213 4.03 1.339 1.017 1.125 1.39 2.626 1.04 4.093a.473.473 0 0 0 .346.57.467.467 0 0 0 .568-.345c.425-1.78-.033-3.617-1.151-4.922z"/></svg>
<a href="javascript:void(0)" aria-label="Video Channel">
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg>
</a>
<a href="#" aria-label="Xiaohongshu">
<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>
@@ -1102,9 +1100,11 @@
</a>
</div>
<div class="footer-legal">
<a href="#">隐私政策</a>
<a href="#">服务条款</a>
<a href="legal.html?page=privacy"><span data-i18n="footer_privacy">隐私政策</span></a>
<!-- 服务条款和Cookie设置待正式内容后恢复
<a href="#"><span data-i18n="footer_terms">服务条款</span></a>
<a href="#">Cookie 设置</a>
-->
</div>
</div>
</div>
@@ -1132,27 +1132,27 @@
<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="../images/qr-wechat.png" alt="微信二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
<img src="../images/公众号二维码.jpg" alt="微信二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
</div>
<div class="qr-name">微信公众号</div>
<div class="qr-desc">获取最新资讯</div>
</div>
<div class="social-qr-item weibo">
<div class="qr-icon">
<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>
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg>
</div>
<div class="qr-image">
<img src="../images/qr-weibo.png" alt="微博二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
<img src="../images/视频号二维码1.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">视频号</div>
<div class="qr-desc">精彩视频内容</div>
</div>
<div class="social-qr-item xiaohongshu">
<div class="qr-icon">
<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="../images/qr-xiaohongshu.png" alt="小红书二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
<img src="../images/小红书二维码.png" alt="小红书二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
</div>
<div class="qr-name">小红书</div>
<div class="qr-desc">种草分享</div>
@@ -1162,7 +1162,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="../images/qr-tiktok.png" alt="抖音二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
<img src="../images/抖音二维码.png" alt="抖音二维码" onerror="this.parentElement.innerHTML='<span class=\'qr-placeholder\'>请替换二维码</span>'" />
</div>
<div class="qr-name">抖音</div>
<div class="qr-desc">精彩视频</div>
@@ -1225,6 +1225,67 @@
window.addEventListener('resize', scale);
window.addEventListener('load', fixLayout);
setTimeout(fixLayout, 2000);
new MutationObserver(() => requestAnimationFrame(fixLayout)).observe(content, { childList: true, subtree: true, attributes: true });
document.querySelectorAll('img').forEach(img => { if (!img.complete) img.addEventListener('load', fixLayout); });
})();
</script>
<script>
// ============================================================
// 产品可见性控制
// 用法：修改 VISIBLE_PRODUCTS 数组即可控制显示哪些产品
// - 填产品 ID（字符串数组）：只显示列出的产品
// - 设为 null：显示全部产品（恢复默认）
// - 设为 []（空数组）：隐藏所有产品
// ============================================================
const VISIBLE_PRODUCTS = [
'cat-toilet-pro', // 智能猫厕所 Pro
// --- 以下产品已隐藏，取消注释即可恢复显示 ---
// 'cat-toilet-lite', // 智能猫厕所 Lite
// 'dog-toilet', // 智能狗厕所
// 'smart-feeder', // 智能喂食器
// 'smart-fountain', // 智能饮水机
// 'cat-food-bucket', // 智能猫粮桶
// 'dog-food-bucket', // 智能狗粮桶
// 'ai-camera', // AI宠物摄像头
// 'health-tracker', // 宠物健康追踪器
// 'environment-monitor', // 环境监测仪
// 'filter-set', // 替换滤网套装
// 'cleaning-kit', // 清洁耗材包
// 'power-adapter', // 备用电源适配器
// 'extended-warranty', // 延长保修服务
];
(function applyProductVisibility() {
if (VISIBLE_PRODUCTS === null) return; // null = 显示全部
const allCards = document.querySelectorAll('.product-card[data-product-id]');
const visibleSet = new Set(VISIBLE_PRODUCTS);
// 隐藏/显示卡片
allCards.forEach(card => {
const id = card.dataset.productId;
if (!visibleSet.has(id)) {
card.style.display = 'none';
}
});
// 隐藏没有可见卡片的 section
document.querySelectorAll('.product-section').forEach(section => {
const visibleCards = section.querySelectorAll('.product-card:not([style*="display: none"])');
if (visibleCards.length === 0) {
section.style.display = 'none';
}
});
// 隐藏没有可见产品的分类按钮
document.querySelectorAll('.category-btn').forEach(btn => {
if (btn.dataset.category === 'all') return;
const cat = btn.dataset.category;
const hasVisible = document.querySelector(
'.product-card[data-category*="' + cat + '"]:not([style*="display: none"])'
);
if (!hasVisible) btn.style.display = 'none';
});
})();
</script>
<script>
@@ -1362,5 +1423,45 @@
}
});
</script>
<script>
(() => {
const t = {
zh: {
nav_home: "棣栭〉", nav_products: "浜у搧", nav_stories: "鏁呬簨",
nav_app: "App", nav_about: "鍏充簬鎴戜滑", nav_contact: "鑱旂郴鎴戜滑",
footer_desc: "AIoT 涓诲姩寮忓疇鐗╁仴搴风鐞嗗紑鍒涜€咃紝璁╁仴搴峰彲瑙併€侀渶姹傚彲瑙ｃ€佸疇鐖辨棤闂淬€?,
footer_products: "浜у搧", footer_support: "鏀寔", footer_contact: "鑱旂郴鎴戜滑",
footer_cat: "鏅鸿兘鐚帟鎵€", footer_feeder: "鏅鸿兘鍠傞鍣?,
footer_fountain: "鏅鸿兘楗按鏈?, footer_camera: "AI 鎽勫儚澶?,
footer_help: "甯姪涓績", footer_faq: "甯歌闂",
footer_warranty: "淇濅慨鏀跨瓥", footer_returns: "閫€鎹㈣揣",
footer_privacy: "闅愮鏀跨瓥", footer_terms: "鏈嶅姟鏉℃",
footer_copyright: "漏 2025 Chookoo. All rights reserved."
},
en: {
nav_home: "Home", nav_products: "Products", nav_stories: "Stories",
nav_app: "App", nav_about: "About Us", nav_contact: "Contact Us",
footer_desc: "AIoT Pioneer in Proactive Pet Health Management 鈥?making health visible, needs understood, and care seamless.",
footer_products: "Products", footer_support: "Support", footer_contact: "Contact Us",
footer_cat: "Smart Cat Litter", footer_feeder: "Smart Feeder",
footer_fountain: "Smart Fountain", footer_camera: "AI Camera",
footer_help: "Help Center", footer_faq: "FAQ",
footer_warranty: "Warranty", footer_returns: "Returns",
footer_privacy: "Privacy Policy", footer_terms: "Terms of Service",
footer_copyright: "漏 2025 Chookoo. All rights reserved."
}
};
const els = document.querySelectorAll("[data-i18n]");
const s = document.getElementById("langSelect");
const apply = (l) => {
const d = t[l] || t.zh;
els.forEach(el => { const k = el.dataset.i18n; if (d[k]) el.textContent = d[k]; });
if (s) s.value = l;
};
const lang = (navigator.language||"").toLowerCase().startsWith("zh") ? "zh" : "en";
apply(lang);
if (s) s.addEventListener("change", e => apply(e.target.value));
})();
</script>
</body>
</html>