Pro
This commit is contained in:
+214
-115
@@ -26,7 +26,7 @@
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
line-height: 1.6;
|
||||
width: 100vw;
|
||||
width: 100%;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
#pageContent {
|
||||
@@ -293,70 +293,94 @@
|
||||
color: #fff;
|
||||
}
|
||||
.app-hero-phone {
|
||||
flex: 0 0 320px;
|
||||
flex: 0 0 380px;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 20px;
|
||||
}
|
||||
.phone-mockup {
|
||||
width: 280px;
|
||||
height: 560px;
|
||||
background: linear-gradient(145deg, #1e293b, #0f172a);
|
||||
width: 300px;
|
||||
height: 600px;
|
||||
background: linear-gradient(145deg, #2a2d3a, #1a1c2e);
|
||||
border-radius: 44px;
|
||||
padding: 12px;
|
||||
padding: 10px;
|
||||
box-shadow:
|
||||
0 50px 100px rgba(0, 0, 0, 0.4),
|
||||
0 0 0 1px rgba(255, 255, 255, 0.05),
|
||||
inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
||||
0 60px 120px rgba(0, 0, 0, 0.5),
|
||||
0 0 0 1px rgba(255, 255, 255, 0.08),
|
||||
inset 0 1px 0 rgba(255, 255, 255, 0.12);
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.phone-mockup::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 16px;
|
||||
top: 14px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 100px;
|
||||
height: 28px;
|
||||
background: #0f172a;
|
||||
border-radius: 20px;
|
||||
width: 90px;
|
||||
height: 24px;
|
||||
background: #1a1c2e;
|
||||
border-radius: 16px;
|
||||
z-index: 5;
|
||||
}
|
||||
.phone-screen {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);
|
||||
border-radius: 36px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.phone-screen-content {
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
.phone-slide {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
opacity: 0;
|
||||
transition: opacity 0.8s ease-in-out;
|
||||
}
|
||||
.phone-screen-content .app-icon {
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
background: linear-gradient(135deg, var(--primary), #06b6d4);
|
||||
border-radius: 18px;
|
||||
margin: 0 auto 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.phone-slide.active {
|
||||
opacity: 1;
|
||||
}
|
||||
.phone-slide img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
.phone-label {
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
backdrop-filter: blur(10px);
|
||||
color: #fff;
|
||||
box-shadow: 0 10px 30px rgba(47, 107, 255, 0.3);
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
padding: 6px 16px;
|
||||
border-radius: 20px;
|
||||
white-space: nowrap;
|
||||
z-index: 10;
|
||||
pointer-events: none;
|
||||
}
|
||||
.phone-screen-content h3 {
|
||||
font-size: 20px;
|
||||
color: #1f2937;
|
||||
margin: 0 0 8px;
|
||||
font-weight: 600;
|
||||
.phone-dots {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
justify-content: center;
|
||||
}
|
||||
.phone-screen-content p {
|
||||
font-size: 13px;
|
||||
color: #6b7280;
|
||||
margin: 0;
|
||||
.phone-dot {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background: rgba(255, 255, 255, 0.25);
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
padding: 0;
|
||||
}
|
||||
.phone-dot.active {
|
||||
background: #fff;
|
||||
width: 24px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
@media (max-width: 968px) {
|
||||
.app-hero-content {
|
||||
@@ -385,8 +409,7 @@
|
||||
|
||||
/* Feature Section */
|
||||
.feature-section {
|
||||
padding: 100px 24px;
|
||||
background: var(--bg);
|
||||
display: none;
|
||||
}
|
||||
.feature-header {
|
||||
text-align: center;
|
||||
@@ -491,6 +514,7 @@
|
||||
|
||||
/* Function Section */
|
||||
.function-section {
|
||||
display: none;
|
||||
padding: 100px 24px;
|
||||
background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
|
||||
}
|
||||
@@ -593,8 +617,7 @@
|
||||
|
||||
/* Stats Section */
|
||||
.stats-section {
|
||||
padding: 80px 24px;
|
||||
background: var(--bg);
|
||||
display: none;
|
||||
}
|
||||
.stats-grid {
|
||||
display: grid;
|
||||
@@ -631,6 +654,7 @@
|
||||
|
||||
/* CTA Section */
|
||||
.cta-section {
|
||||
display: none;
|
||||
padding: 100px 24px;
|
||||
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
|
||||
text-align: center;
|
||||
@@ -821,14 +845,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">产品</a>
|
||||
<a href="stories.html" class="navbar-link">故事</a>
|
||||
<a href="app.html" class="navbar-link active">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"><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 active"><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">
|
||||
@@ -840,9 +864,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>
|
||||
@@ -861,30 +884,23 @@
|
||||
<div class="app-hero-text">
|
||||
<div class="app-hero-badge">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
|
||||
全球独家 · 毫米波雷达 + 红外测温
|
||||
<span data-i18n="hero_badge">全球独家 · 毫米波雷达 + 红外测温</span>
|
||||
</div>
|
||||
<h1>Chookoo <span>App</span></h1>
|
||||
<p class="app-hero-desc">AI宠物健康平台，全球独家搭载<strong>毫米波雷达</strong>与<strong>红外测温</strong>技术。不仅能自动铲屎，更能<strong>24小时无感监测</strong>猫咪心率、呼吸与体温，通过多设备生态联动主动管理宠物健康，是真正能<strong>"救命"</strong>的AI宠物医生。</p>
|
||||
<p class="app-hero-desc" data-i18n="hero_desc">离多远都不再担心。AI远程监控，异常随时提醒。通过AkiWell™ AI引擎，今日状态、健康周报、主动预警、云端陪伴、智能管家、隐私守护，一切尽在掌握。</p>
|
||||
<div class="app-download-buttons">
|
||||
<a href="#" class="download-btn">
|
||||
<a href="https://apps.apple.com/app/chookoo/id6758685831" target="_blank" rel="noopener noreferrer" class="download-btn">
|
||||
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/></svg>
|
||||
<div class="download-btn-text">
|
||||
<span>下载于</span>
|
||||
<strong>App Store</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="download-btn">
|
||||
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.53,12.9 20.18,13.18L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z"/></svg>
|
||||
<div class="download-btn-text">
|
||||
<span>下载于</span>
|
||||
<strong>Google Play</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="download-btn download-btn-android">
|
||||
<a href="https://app.chookoo.net" target="_blank" rel="noopener noreferrer" class="download-btn download-btn-android">
|
||||
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M17.6 11.4c-.1-.1-.2-.1-.3-.1s-.2 0-.3.1l-1.5 1.5-1.5-1.5c-.1-.1-.2-.1-.3-.1s-.2 0-.3.1c-.2.2-.2.5 0 .6l1.5 1.5-1.5 1.5c-.2.2-.2.5 0 .6.1.1.2.1.3.1s.2 0 .3-.1l1.5-1.5 1.5 1.5c.1.1.2.1.3.1s.2 0 .3-.1c.2-.2.2-.5 0-.6l-1.5-1.5 1.5-1.5c.2-.1.2-.4 0-.6zM6.5 9c.8 0 1.5-.7 1.5-1.5S7.3 6 6.5 6 5 6.7 5 7.5 5.7 9 6.5 9zm0-2.5c.6 0 1 .4 1 1s-.4 1-1 1-1-.4-1-1 .4-1 1-1zM17.5 9c.8 0 1.5-.7 1.5-1.5S18.3 6 17.5 6 16 6.7 16 7.5s.7 1.5 1.5 1.5zm0-2.5c.6 0 1 .4 1 1s-.4 1-1 1-1-.4-1-1 .4-1 1-1zM12 18c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm0-11c-2.8 0-5 2.2-5 5s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5z"/><path d="M14.5 13c-.3 0-.5-.2-.5-.5v-2c0-.3.2-.5.5-.5s.5.2.5.5v2c0 .3-.2.5-.5.5zM9.5 13c-.3 0-.5-.2-.5-.5v-2c0-.3.2-.5.5-.5s.5.2.5.5v2c0 .3-.2.5-.5.5zM12 3.5L10.5 1h3L12 3.5z"/></svg>
|
||||
<div class="download-btn-text">
|
||||
<span>安卓直装</span>
|
||||
<strong>APK 下载</strong>
|
||||
<span>安卓下载</span>
|
||||
<strong>app.chookoo.net</strong>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
@@ -892,15 +908,30 @@
|
||||
<div class="app-hero-phone">
|
||||
<div class="phone-mockup">
|
||||
<div class="phone-screen">
|
||||
<div class="phone-screen-content">
|
||||
<div class="app-icon">
|
||||
<svg width="32" height="32" viewBox="0 0 24 24" fill="currentColor"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>
|
||||
</div>
|
||||
<h3>Chookoo</h3>
|
||||
<p>智能宠物健康管理</p>
|
||||
<div class="phone-slide active">
|
||||
<img src="../images/app效果图1.png" alt="我的爱宠" />
|
||||
<div class="phone-label">我的爱宠</div>
|
||||
</div>
|
||||
<div class="phone-slide">
|
||||
<img src="../images/app效果图2.png" alt="我的设备" />
|
||||
<div class="phone-label">我的设备</div>
|
||||
</div>
|
||||
<div class="phone-slide">
|
||||
<img src="../images/app效果图3.png" alt="实时看护" />
|
||||
<div class="phone-label">实时看护</div>
|
||||
</div>
|
||||
<div class="phone-slide">
|
||||
<img src="../images/app效果图4.png" alt="健康周报" />
|
||||
<div class="phone-label">健康周报</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="phone-dots">
|
||||
<button class="phone-dot active" data-slide="0"></button>
|
||||
<button class="phone-dot" data-slide="1"></button>
|
||||
<button class="phone-dot" data-slide="2"></button>
|
||||
<button class="phone-dot" data-slide="3"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -919,8 +950,8 @@
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>
|
||||
</div>
|
||||
<div class="feature-content">
|
||||
<h3>毫米波雷达监测</h3>
|
||||
<p>24小时无感监测宠物心率与呼吸频率，无需佩戴任何设备，实现真正无接触健康追踪</p>
|
||||
<h3>心跳呼吸双维侦测系统</h3>
|
||||
<p>非接触式感知心率节律变化，并生成成长曲线。高频、持续关注爱宠的心率变化，提前预警健康风险</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
@@ -928,8 +959,8 @@
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 14.76V3.5a2.5 2.5 0 0 0-5 0v11.26a4.5 4.5 0 1 0 5 0z"/></svg>
|
||||
</div>
|
||||
<div class="feature-content">
|
||||
<h3>红外体温检测</h3>
|
||||
<p>精准红外测温技术，实时监测宠物体温变化，发烧预警第一时间推送</p>
|
||||
<h3>非接触式体温监测阵列</h3>
|
||||
<p>红外传感，无接触不间断扫描，实现真正的"动态体温"监测。智能体温监测趋势变化，提供更多健康线索</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
@@ -937,8 +968,8 @@
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>
|
||||
</div>
|
||||
<div class="feature-content">
|
||||
<h3>AI健康预警</h3>
|
||||
<p>基于AI算法分析健康趋势，异常情况即时提醒，在问题发生前主动干预</p>
|
||||
<h3>AI健康识别摄像头</h3>
|
||||
<p>仅在猫靠近时进行无感扫描，毫秒级成像分析，不打扰、不触碰。人脸识别行为分析功能，为每只猫咪专属看护健康行为画像</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
@@ -946,8 +977,8 @@
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
|
||||
</div>
|
||||
<div class="feature-content">
|
||||
<h3>多设备生态联动</h3>
|
||||
<p>智能喂食器、猫砂盆、饮水机等设备数据互通，构建完整健康管理生态</p>
|
||||
<h3>猫咪专属称重算法</h3>
|
||||
<p>专门针对猫咪定制的体重监测，称重传感器精度1%，精准追踪体重变化趋势</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -959,21 +990,21 @@
|
||||
<div class="container">
|
||||
<div class="function-item">
|
||||
<div class="function-text">
|
||||
<span class="tag">全球独家</span>
|
||||
<h3>毫米波雷达 · 心率呼吸监测</h3>
|
||||
<p>搭载医疗级毫米波雷达技术，24小时无感监测宠物心率与呼吸频率。无需任何穿戴设备，宠物在猫砂盆内即可完成健康检测，数据实时同步至App。</p>
|
||||
<span class="tag">健康监测</span>
|
||||
<h3>心跳呼吸双维侦测系统</h3>
|
||||
<p>非接触式感知心率节律变化，并生成成长曲线。高频、持续关注爱宠的心率变化，提前预警健康风险。</p>
|
||||
<div class="function-features">
|
||||
<span>
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
无接触监测
|
||||
非接触式感知
|
||||
</span>
|
||||
<span>
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
心率异常预警
|
||||
心率节律成长曲线
|
||||
</span>
|
||||
<span>
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
呼吸频率追踪
|
||||
健康风险预警
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -984,17 +1015,17 @@
|
||||
|
||||
<div class="function-item">
|
||||
<div class="function-text">
|
||||
<span class="tag">红外测温</span>
|
||||
<h3>体温实时监测 · 发烧即时预警</h3>
|
||||
<p>精准红外测温传感器，每次如厕自动测量体温。体温异常立即推送通知，让家长第一时间发现潜在健康问题，真正做到"救命"于未然。</p>
|
||||
<span class="tag">体温监测</span>
|
||||
<h3>非接触式体温监测阵列</h3>
|
||||
<p>红外传感，无接触不间断扫描，实现真正的"动态体温"监测。智能体温监测趋势变化，提供更多健康线索。</p>
|
||||
<div class="function-features">
|
||||
<span>
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
精准±0.1°C
|
||||
红外无接触扫描
|
||||
</span>
|
||||
<span>
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
发烧即时提醒
|
||||
动态体温监测
|
||||
</span>
|
||||
<span>
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
@@ -1009,21 +1040,21 @@
|
||||
|
||||
<div class="function-item">
|
||||
<div class="function-text">
|
||||
<span class="tag">AI分析</span>
|
||||
<h3>多设备联动 · 主动健康管理</h3>
|
||||
<p>喂食器、猫砂盆、饮水机数据互通，AI综合分析饮食、排泄、活动等多维度数据。识别健康风险趋势，提供个性化建议，主动守护宠物健康。</p>
|
||||
<span class="tag">AI识别</span>
|
||||
<h3>AI健康识别摄像头</h3>
|
||||
<p>仅在猫靠近时进行无感扫描，毫秒级成像分析，不打扰、不触碰。人脸识别行为分析功能，为每只猫咪专属看护健康行为画像。</p>
|
||||
<div class="function-features">
|
||||
<span>
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
多维度数据分析
|
||||
无感扫描成像
|
||||
</span>
|
||||
<span>
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
健康风险预警
|
||||
人脸识别分析
|
||||
</span>
|
||||
<span>
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
个性化建议
|
||||
专属健康画像
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1034,21 +1065,21 @@
|
||||
|
||||
<div class="function-item">
|
||||
<div class="function-text">
|
||||
<span class="tag">智能清洁</span>
|
||||
<h3>自动铲屎 · 如厕行为追踪</h3>
|
||||
<p>智能猫砂盆自动清理，App实时记录如厕次数、时长、排泄量等数据。通过历史趋势分析，及早发现泌尿系统疾病征兆。</p>
|
||||
<span class="tag">安全保障</span>
|
||||
<h3>五重防夹猫技术</h3>
|
||||
<p>接近传感器、红外传感器、称重传感器、AI健康摄像头、紧急停止开关五重安全保障。感知防夹、红外实时监测、识别活体、识别猫咪信号、机械开关物理防卡，全方位守护爱宠安全。</p>
|
||||
<div class="function-features">
|
||||
<span>
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
自动清理
|
||||
感知防夹
|
||||
</span>
|
||||
<span>
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
如厕行为分析
|
||||
红外光幕监测
|
||||
</span>
|
||||
<span>
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
泌尿健康预警
|
||||
机械物理防卡
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1089,25 +1120,18 @@
|
||||
<h2>立即下载 Chookoo App</h2>
|
||||
<p>开启AI宠物健康管理之旅，让毫米波雷达和AI守护每一个毛孩子的生命健康</p>
|
||||
<div class="cta-buttons">
|
||||
<a href="#" class="download-btn">
|
||||
<a href="https://apps.apple.com/app/chookoo/id6758685831" target="_blank" rel="noopener noreferrer" class="download-btn">
|
||||
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/></svg>
|
||||
<div class="download-btn-text">
|
||||
<span>下载于</span>
|
||||
<strong>App Store</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="download-btn">
|
||||
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.53,12.9 20.18,13.18L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z"/></svg>
|
||||
<div class="download-btn-text">
|
||||
<span>下载于</span>
|
||||
<strong>Google Play</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="download-btn download-btn-android">
|
||||
<a href="https://app.chookoo.net" target="_blank" rel="noopener noreferrer" class="download-btn download-btn-android">
|
||||
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M17.6 11.4c-.1-.1-.2-.1-.3-.1s-.2 0-.3.1l-1.5 1.5-1.5-1.5c-.1-.1-.2-.1-.3-.1s-.2 0-.3.1c-.2.2-.2.5 0 .6l1.5 1.5-1.5 1.5c-.2.2-.2.5 0 .6.1.1.2.1.3.1s.2 0 .3-.1l1.5-1.5 1.5 1.5c.1.1.2.1.3.1s.2 0 .3-.1c.2-.2.2-.5 0-.6l-1.5-1.5 1.5-1.5c.2-.1.2-.4 0-.6zM6.5 9c.8 0 1.5-.7 1.5-1.5S7.3 6 6.5 6 5 6.7 5 7.5 5.7 9 6.5 9zm0-2.5c.6 0 1 .4 1 1s-.4 1-1 1-1-.4-1-1 .4-1 1-1zM17.5 9c.8 0 1.5-.7 1.5-1.5S18.3 6 17.5 6 16 6.7 16 7.5s.7 1.5 1.5 1.5zm0-2.5c.6 0 1 .4 1 1s-.4 1-1 1-1-.4-1-1 .4-1 1-1zM12 18c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zm0-11c-2.8 0-5 2.2-5 5s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5z"/><path d="M14.5 13c-.3 0-.5-.2-.5-.5v-2c0-.3.2-.5.5-.5s.5.2.5.5v2c0 .3-.2.5-.5.5zM9.5 13c-.3 0-.5-.2-.5-.5v-2c0-.3.2-.5.5-.5s.5.2.5.5v2c0 .3-.2.5-.5.5zM12 3.5L10.5 1h3L12 3.5z"/></svg>
|
||||
<div class="download-btn-text">
|
||||
<span>安卓直装</span>
|
||||
<strong>APK 下载</strong>
|
||||
<span>安卓下载</span>
|
||||
<strong>app.chookoo.net</strong>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
@@ -1127,7 +1151,7 @@
|
||||
<a href="company.html?article=201">关于我们</a>
|
||||
</div>
|
||||
<div class="footer-copyright">
|
||||
© 2025 Chookoo 宠科智能科技. All Rights Reserved.
|
||||
© 2025 Chookoo 宠小科智能科技. All Rights Reserved.
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
@@ -1186,6 +1210,41 @@
|
||||
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>
|
||||
// App效果图片轮播
|
||||
(function() {
|
||||
const slides = document.querySelectorAll('.phone-slide');
|
||||
const dots = document.querySelectorAll('.phone-dot');
|
||||
if (!slides.length) return;
|
||||
let current = 0;
|
||||
let timer = null;
|
||||
|
||||
function goTo(index) {
|
||||
slides[current].classList.remove('active');
|
||||
dots[current].classList.remove('active');
|
||||
current = index % slides.length;
|
||||
slides[current].classList.add('active');
|
||||
dots[current].classList.add('active');
|
||||
}
|
||||
|
||||
function startAuto() {
|
||||
timer = setInterval(() => goTo(current + 1), 3000);
|
||||
}
|
||||
|
||||
dots.forEach(dot => {
|
||||
dot.addEventListener('click', function() {
|
||||
clearInterval(timer);
|
||||
goTo(parseInt(this.dataset.slide));
|
||||
startAuto();
|
||||
});
|
||||
});
|
||||
|
||||
startAuto();
|
||||
})();
|
||||
</script>
|
||||
|
||||
@@ -1262,5 +1321,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>
|
||||
|
||||
Reference in New Issue
Block a user