From 541f2b9968166e51fac9f0417b95a007015ce097 Mon Sep 17 00:00:00 2001 From: Mortar <3072785233@qq.com> Date: Tue, 21 Apr 2026 22:30:19 +0800 Subject: [PATCH] =?UTF-8?q?=E8=BD=AE=E6=92=AD=E5=9B=BE1=E7=89=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 716 +++++++++++++++++++++++++++-------------------------- 1 file changed, 365 insertions(+), 351 deletions(-) diff --git a/index.html b/index.html index 04ab1f2..96a404e 100644 --- a/index.html +++ b/index.html @@ -732,84 +732,23 @@ } .hero { position: relative; - background: url("hero.jpeg") center/cover no-repeat; - padding: 120px 0 64px; - } - .hero::before { - content: ""; - position: absolute; - inset: 0; - background: linear-gradient(180deg, rgba(245, 247, 251, 0.85) 0%, rgba(245, 247, 251, 0.9) 100%); + padding: 0; + height: 100vh; + min-height: 700px; + overflow: hidden; } + .hero::before { display: none; } .hero > .container { position: relative; z-index: 1; + width: 100%; + max-width: 100%; + padding: 0; + height: 100%; } .hero-inner { - display: grid; - gap: 36px; - grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); - align-items: center; - } - .eyebrow { - display: inline-block; - padding: 6px 14px; - border-radius: 999px; - background: var(--primary-weak); - color: var(--primary); - font-size: 13px; - font-weight: 600; - letter-spacing: 0.5px; - margin-bottom: 16px; - } - h1 { - font-size: 40px; - margin: 0 0 12px; - letter-spacing: 0.3px; - display: flex; - align-items: baseline; - flex-wrap: nowrap; - } - .brand-name { - font-size: 48px !important; - font-weight: 800 !important; - letter-spacing: -1px; - background: linear-gradient( - 135deg, - #2f6bff 0%, - #06b6d4 25%, - #8b5cf6 50%, - #06b6d4 75%, - #2f6bff 100% - ); - background-size: 200% auto; - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - background-clip: text; - animation: gradientFlow 15s ease-in-out infinite; - display: inline-block; - position: relative; - line-height: 1; - margin-right: 8px; - vertical-align: baseline; - transform: scaleY(1.15); - transform-origin: bottom; - top: 3px; - } - .brand-name::after { - content: ''; - position: absolute; - top: 0; - left: -100%; width: 100%; height: 100%; - background: linear-gradient( - 90deg, - transparent 0%, - rgba(255, 255, 255, 0.4) 50%, - transparent 100% - ); - animation: shimmer 3s ease-in-out infinite; } @keyframes gradientFlow { 0%, 100% { background-position: 0% center; } @@ -819,31 +758,7 @@ 0% { left: -100%; } 50%, 100% { left: 100%; } } - .lead { - font-size: 18px; - line-height: 1.7; - color: var(--muted); - margin: 0 0 20px; - } - .hero-tags { - display: flex; - flex-wrap: wrap; - gap: 10px; - } - .tag { - padding: 6px 12px; - border-radius: 999px; - background: #ffffff; - border: 1px solid var(--line); - font-size: 13px; - color: #3b4451; - } - .hero-media { - position: relative; - width: 580px; - height: 520px; - } - /* Carousel Styles - 3D Flip Transition */ + /* Full-Width Hero Carousel */ .carousel-container { position: relative; width: 100%; @@ -856,44 +771,115 @@ } .carousel-slide { position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; + top: 0; left: 0; + width: 100%; height: 100%; opacity: 0; z-index: 1; - transition: opacity 0.8s ease-in-out; + transition: opacity 0.9s ease-in-out; } .carousel-slide.active { opacity: 1; z-index: 3; - transform: scale(1); } .carousel-slide.exit { opacity: 0; z-index: 2; - transition: opacity 0.8s ease-out; - } - .carousel-slide.exit .slide-content { - box-shadow: none; + transition: opacity 0.9s ease-out; } + /* Product slide */ .slide-content { position: relative; - width: 100%; - height: 100%; + width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; - background: linear-gradient(145deg, #ffffff 0%, #f1f5f9 100%); - border-radius: 32px; - box-shadow: 0 40px 100px rgba(15, 23, 42, 0.15), 0 15px 40px rgba(15, 23, 42, 0.1); overflow: hidden; } + .slide-content.product-bg { + background: linear-gradient(145deg, #ffffff 0%, #f1f5f9 100%); + } + .slide-content.product-bg::after { + content: ''; + position: absolute; + width: 600px; height: 600px; + border-radius: 50%; + background: radial-gradient(circle, rgba(47,107,255,0.08) 0%, transparent 70%); + right: -100px; bottom: -100px; + pointer-events: none; + } + .slide-content.product-bg::before { + content: ''; + position: absolute; + width: 400px; height: 400px; + border-radius: 50%; + background: radial-gradient(circle, rgba(6,182,212,0.06) 0%, transparent 70%); + left: -50px; top: -50px; + pointer-events: none; + } + .slide-product-layout { + display: flex; + align-items: center; + justify-content: center; + gap: 80px; + width: 1120px; + max-width: 1120px; + margin: 0 auto; + position: relative; + z-index: 1; + } + .slide-product-info { + flex: 1; + min-width: 0; + } + .slide-product-info .eyebrow { + display: inline-block; + padding: 6px 14px; + border-radius: 999px; + background: var(--primary-weak); + color: var(--primary); + font-size: 13px; + font-weight: 600; + letter-spacing: 0.5px; + margin-bottom: 16px; + } + .slide-product-info h2 { + font-size: 36px; + font-weight: 800; + margin: 0 0 12px; + color: var(--text); + line-height: 1.2; + } + .slide-product-info .desc { + font-size: 17px; + line-height: 1.7; + color: var(--muted); + margin: 0 0 24px; + } + .slide-product-info .tags { + display: flex; + gap: 10px; + flex-wrap: wrap; + } + .slide-product-info .tags span { + padding: 6px 14px; + border-radius: 999px; + background: #fff; + border: 1px solid var(--line); + font-size: 13px; + color: #3b4451; + } + .slide-product-visual { + flex: 1; + display: flex; + align-items: center; + justify-content: center; + position: relative; + } .slide-image.main { - width: 380px; - height: 400px; + width: 420px; + height: 440px; object-fit: contain; - filter: drop-shadow(0 30px 60px rgba(15, 23, 42, 0.2)); + filter: drop-shadow(0 30px 60px rgba(15, 23, 42, 0.18)); position: relative; z-index: 1; } @@ -902,12 +888,11 @@ } @keyframes breathe { 0%, 100% { transform: scale(1) translateY(0); } - 50% { transform: scale(1.02) translateY(-12px); } + 50% { transform: scale(1.03) translateY(-14px); } } .slide-badge { position: absolute; - width: 100px; - height: 100px; + width: 110px; height: 110px; border-radius: 50%; object-fit: cover; border: 5px solid #fff; @@ -915,13 +900,11 @@ z-index: 2; } .slide-badge.badge-1 { - top: 20px; - right: 20px; + top: -10px; right: -10px; animation: orbit1 5s ease-in-out infinite; } .slide-badge.badge-2 { - bottom: 100px; - left: 20px; + bottom: 30px; left: -20px; animation: orbit2 5s ease-in-out infinite 1s; } @keyframes orbit1 { @@ -932,74 +915,6 @@ 0%, 100% { transform: translate(0, 0) rotate(0deg); } 50% { transform: translate(8px, -8px) rotate(-5deg); } } - /* Navigation Dots - Horizontal Bottom */ - .carousel-dots { - position: absolute; - bottom: 70px; - left: 50%; - transform: translateX(-50%); - display: flex; - gap: 10px; - z-index: 100; - pointer-events: auto; - } - .carousel-dot { - width: 10px; - height: 10px; - border-radius: 50%; - background: rgba(255, 255, 255, 0.5); - border: 2px solid rgba(47, 107, 255, 0.3); - cursor: pointer; - transition: all 0.3s ease; - } - .carousel-dot:hover { - background: rgba(255, 255, 255, 0.8); - transform: scale(1.2); - } - .carousel-dot.active { - background: var(--primary); - border-color: var(--primary); - transform: scale(1.3); - } - /* Navigation Arrows - Inside Frame */ - .carousel-arrow { - position: absolute; - top: 50%; - transform: translateY(-50%); - width: 44px; - height: 44px; - border-radius: 50%; - background: rgba(255, 255, 255, 0.9); - border: none; - cursor: pointer; - display: flex; - align-items: center; - justify-content: center; - box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); - transition: all 0.3s ease; - z-index: 100; - opacity: 1; - pointer-events: auto; - } - .carousel-arrow.prev { - left: 16px; - } - .carousel-arrow.next { - right: 16px; - } - .carousel-arrow:hover { - background: var(--primary); - color: #fff; - transform: translateY(-50%) scale(1.1); - box-shadow: 0 6px 20px rgba(47, 107, 255, 0.4); - } - .carousel-arrow:active { - transform: translateY(-50%) scale(0.95); - } - .carousel-arrow svg { - width: 22px; - height: 22px; - } /* Activity Slide */ .slide-content.activity-bg { background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%); @@ -1008,15 +923,17 @@ text-align: center; color: #fff; padding: 20px; + position: relative; + z-index: 1; } .activity-badge { display: inline-block; - padding: 6px 16px; + padding: 8px 20px; background: rgba(255, 255, 255, 0.25); border-radius: 20px; - font-size: 13px; + font-size: 14px; font-weight: 600; - margin-bottom: 16px; + margin-bottom: 20px; backdrop-filter: blur(10px); } .activity-badge.hot { @@ -1028,23 +945,23 @@ 50% { transform: scale(1.05); } } .activity-title { - font-size: 32px; + font-size: 44px; font-weight: 800; - margin: 0 0 12px; + margin: 0 0 14px; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } .activity-desc { - font-size: 18px; + font-size: 22px; opacity: 0.95; - margin: 0 0 16px; + margin: 0 0 20px; line-height: 1.5; } .activity-date, .activity-code { display: inline-block; - padding: 8px 20px; + padding: 10px 24px; background: rgba(255, 255, 255, 0.2); border-radius: 25px; - font-size: 14px; + font-size: 15px; font-weight: 500; backdrop-filter: blur(10px); } @@ -1056,9 +973,11 @@ text-align: center; color: #fff; padding: 20px; + position: relative; + z-index: 1; } .notice-icon { - font-size: 48px; + font-size: 56px; display: block; margin-bottom: 16px; animation: bounce 2s ease-in-out infinite; @@ -1068,34 +987,86 @@ 50% { transform: translateY(-10px); } } .notice-title { - font-size: 28px; + font-size: 36px; font-weight: 700; - margin: 0 0 12px; + margin: 0 0 14px; background: linear-gradient(135deg, #fff, #a8edea); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .notice-desc { - font-size: 16px; + font-size: 18px; opacity: 0.85; margin: 0; line-height: 1.8; } - /* Hide old progress bar */ - .progress-bar { - display: none; + /* Dots */ + .carousel-dots { + position: absolute; + bottom: 28px; + left: 50%; + transform: translateX(-50%); + display: flex; + gap: 12px; + z-index: 100; } - /* Old styles cleanup */ - .hero-image { - display: none; + .carousel-dot { + width: 28px; height: 4px; + border-radius: 2px; + background: rgba(0, 0, 0, 0.15); + border: none; + cursor: pointer; + transition: all 0.4s ease; } - .hero-pet-badge { - display: none; + .carousel-slide.active .slide-content.activity-bg ~ .carousel-dots .carousel-dot, + .carousel-slide.active .slide-content.notice-bg ~ .carousel-dots .carousel-dot { + background: rgba(255, 255, 255, 0.4); } - .hero-pet-badge { - display: none; + .carousel-dot:hover { + background: rgba(47, 107, 255, 0.5); } + .carousel-dot.active { + width: 48px; + background: var(--primary); + border-radius: 2px; + } + /* Arrows */ + .carousel-arrow { + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 52px; height: 52px; + border-radius: 50%; + background: rgba(255, 255, 255, 0.85); + border: none; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); + transition: all 0.3s ease; + z-index: 100; + backdrop-filter: blur(10px); + } + .carousel-arrow.prev { left: 32px; } + .carousel-arrow.next { right: 32px; } + .carousel-arrow:hover { + background: var(--primary); + color: #fff; + transform: translateY(-50%) scale(1.08); + box-shadow: 0 8px 28px rgba(47, 107, 255, 0.35); + } + .carousel-arrow:active { + transform: translateY(-50%) scale(0.96); + } + .carousel-arrow svg { + width: 24px; height: 24px; + } + /* Hide old elements */ + .progress-bar { display: none; } + .hero-image { display: none; } + .hero-pet-badge { display: none; } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } @@ -1282,27 +1253,6 @@ -webkit-text-fill-color: transparent; background-clip: text; } - /* Hero区域的品牌名 - 更大更醒目 */ - .hero .brand-name { - font-size: 48px !important; - font-weight: 800 !important; - letter-spacing: -1px; - background: linear-gradient( - 135deg, - #2f6bff 0%, - #06b6d4 25%, - #8b5cf6 50%, - #06b6d4 75%, - #2f6bff 100% - ); - background-size: 200% auto; - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - background-clip: text; - animation: gradientFlow 15s ease-in-out infinite; - line-height: 1; - margin-right: 8px; - } .brand-slogan { font-size: 15px; color: var(--muted); @@ -2287,14 +2237,14 @@ .product-display-area.show::before { opacity: 1; } - /* 轮播指示器 */ + /* 轮播指示器 - 产品区 */ .carousel-indicators { display: flex; justify-content: center; gap: 8px; margin-top: 12px; } - .carousel-dot { + .carousel-indicators .carousel-dot { width: 8px; height: 8px; border-radius: 50%; @@ -2304,11 +2254,11 @@ transition: all 0.3s ease; padding: 0; } - .carousel-dot:hover { + .carousel-indicators .carousel-dot:hover { background: rgba(15, 23, 42, 0.4); transform: scale(1.2); } - .carousel-dot.active { + .carousel-indicators .carousel-dot.active { background: var(--primary); width: 24px; border-radius: 4px; @@ -2760,10 +2710,6 @@ from { transform: scale(0.95); opacity: 0; } to { transform: scale(1); opacity: 1; } } - .hero { - background-size: 200% 200%; - animation: gradientFlow 15s ease infinite; - } /* 滚动显示动画 */ .scroll-reveal { opacity: 0; @@ -3079,100 +3025,156 @@
-
- AIoT 主动式宠物健康管理开创者 -

Chookoo 宠科智能科技

-

- 聚焦宠物家庭智能健康管理，打造 AIoT 宠物健康生态，让健康可见、需求可解、宠爱无间。 -

-
- 宠物健康管理 - AIoT 智能硬件 - 主动式健康洞察 -
-
-
-
-
@@ -3843,6 +3845,11 @@ hero_tag_3: "主动式健康洞察", hero_glass_line1: "让每一份宠爱", hero_glass_line2: "都有科学回响", + carousel_s1_badge: "热销产品", carousel_s1_title: "智能猫厕所 Pro", carousel_s1_desc: "毫米波雷达感知入仓，AI 自动识别排便健康，自动清理解放双手。", carousel_s1_tag1: "自动清理", carousel_s1_tag2: "健康监测", carousel_s1_tag3: "静音运行", + carousel_s2_badge: "新品上市", carousel_s2_title: "智能狗厕所", carousel_s2_desc: "专属犬类设计，活水冲洗除异味，智能感应自动清洁。", carousel_s2_tag1: "犬类专用", carousel_s2_tag2: "活水冲洗", carousel_s2_tag3: "除菌除味", + carousel_s4_badge: "明星单品", carousel_s4_title: "智能喂食器", carousel_s4_desc: "定时定量精准出粮，防潮锁鲜，远程 APP 投喂关爱不断。", carousel_s4_tag1: "定时定量", carousel_s4_tag2: "防潮锁鲜", carousel_s4_tag3: "远程投喂", + carousel_s6_badge: "口碑之选", carousel_s6_title: "智能饮水机", carousel_s6_desc: "多级过滤活水循环，智能提醒换水，让宠物爱上喝水。", carousel_s6_tag1: "活水循环", carousel_s6_tag2: "多级过滤", carousel_s6_tag3: "智能提醒", + carousel_s8_badge: "AI 新品", carousel_s8_title: "AI 宠物摄像头", carousel_s8_desc: "1080P 高清夜视，AI 行为识别，双向语音随时互动。", carousel_s8_tag1: "AI 识别", carousel_s8_tag2: "高清夜视", carousel_s8_tag3: "双向语音", section_company_label: "公司介绍", section_company_title: "AIoT 主动式宠物健康管理开创者", section_company_p1: "宠科（Chookoo）成立于中国苏州，立足智慧健康管理领域，是一家专注于构建预防式健康生态的科技企业。", @@ -4054,6 +4061,11 @@ hero_tag_3: "Proactive Health Insights", hero_glass_line1: "Let every act of care", hero_glass_line2: "be supported by science", + carousel_s1_badge: "Best Seller", carousel_s1_title: "Smart Cat Litter Box Pro", carousel_s1_desc: "Millimeter-wave radar detects entry, AI analyzes waste health, auto-cleaning frees your hands.", carousel_s1_tag1: "Auto Clean", carousel_s1_tag2: "Health Monitor", carousel_s1_tag3: "Silent Mode", + carousel_s2_badge: "New Arrival", carousel_s2_title: "Smart Dog Toilet", carousel_s2_desc: "Designed for dogs, running water wash & deodorize, smart sensor auto-clean.", carousel_s2_tag1: "Dog-Specific", carousel_s2_tag2: "Water Wash", carousel_s2_tag3: "Odor Control", + carousel_s4_badge: "Top Pick", carousel_s4_title: "Smart Feeder", carousel_s4_desc: "Precise timed portions, moisture-proof freshness lock, remote APP feeding anywhere.", carousel_s4_tag1: "Precise Portions", carousel_s4_tag2: "Fresh Lock", carousel_s4_tag3: "Remote Feed", + carousel_s6_badge: "Customer Favorite", carousel_s6_title: "Smart Fountain", carousel_s6_desc: "Multi-stage filtration with circulating water, smart refill reminders so pets love to drink.", carousel_s6_tag1: "Circulation", carousel_s6_tag2: "Multi-Filter", carousel_s6_tag3: "Smart Remind", + carousel_s8_badge: "AI New", carousel_s8_title: "AI Pet Camera", carousel_s8_desc: "1080P HD night vision, AI behavior recognition, two-way voice interaction anytime.", carousel_s8_tag1: "AI Recognition", carousel_s8_tag2: "HD Night Vision", carousel_s8_tag3: "Two-way Voice", section_company_label: "Company", section_company_title: "AIoT Pioneer in Proactive Pet Health Management", section_company_p1: "Chookoo was founded in Suzhou, China, and focuses on smart health management as a technology company dedicated to building a preventive health ecosystem.", @@ -4265,6 +4277,11 @@ hero_tag_3: "能動的ヘルスインサイト", hero_glass_line1: "すべての愛に", hero_glass_line2: "科学のこたえを", + carousel_s1_badge: "売れ筋", carousel_s1_title: "スマート猫トイレ Pro", carousel_s1_desc: "ミリ波レーダーで入室検知、AI が排泄健康を自動分析、自動お掃除で手間ゼロ。", carousel_s1_tag1: "自動お掃除", carousel_s1_tag2: "健康モニター", carousel_s1_tag3: "静音設計", + carousel_s2_badge: "新発売", carousel_s2_title: "スマート犬トイレ", carousel_s2_desc: "犬専用設計、流水洗浄で消臭、スマートセンサー自動清掃。", carousel_s2_tag1: "犬専用", carousel_s2_tag2: "流水洗浄", carousel_s2_tag3: "消臭除菌", + carousel_s4_badge: "人気No.1", carousel_s4_title: "スマート給餌器", carousel_s4_desc: "タイマーで正確な量を給餌、防湿鮮度ロック、アプリで遠隔給餌。", carousel_s4_tag1: "定量給餌", carousel_s4_tag2: "鮮度ロック", carousel_s4_tag3: "遠隔給餌", + carousel_s6_badge: "口コミ人気", carousel_s6_title: "スマート飲水機", carousel_s6_desc: "多段ろ過循環水、スマート交換リマインダーでペットが喜んで飲む。", carousel_s6_tag1: "循環水", carousel_s6_tag2: "多段ろ過", carousel_s6_tag3: "交換リマインド", + carousel_s8_badge: "AI新商品", carousel_s8_title: "AIペットカメラ", carousel_s8_desc: "1080P高画質暗視、AI 行動認識、双方向音声でいつでもコミュニケーション。", carousel_s8_tag1: "AI認識", carousel_s8_tag2: "暗視カメラ", carousel_s8_tag3: "双方向音声", section_company_label: "会社紹介", section_company_title: "AIoT 主動型ペット健康管理のパイオニア", section_company_p1: "Chookoo は中国・蘇州で設立され、スマート健康管理分野に立脚し、予防型健康エコシステムの構築に特化したテクノロジー企業です。", @@ -4331,6 +4348,11 @@ hero_tag_3: "Insights proactifs", hero_glass_line1: "Chaque acte d’amour", hero_glass_line2: "mérite un écho scientifique", + carousel_s1_badge: "Best-seller", carousel_s1_title: "Litière Smart Chat Pro", carousel_s1_desc: "Radar millimétrique, analyse IA des selles, nettoyage automatique.", carousel_s1_tag1: "Auto-nettoyage", carousel_s1_tag2: "Santé", carousel_s1_tag3: "Silencieux", + carousel_s2_badge: "Nouveau", carousel_s2_title: "Toilette Smart Chien", carousel_s2_desc: "Conception canine, lavage à eau courante, nettoyage auto intelligent.", carousel_s2_tag1: "Pour chiens", carousel_s2_tag2: "Eau courante", carousel_s2_tag3: "Anti-odeur", + carousel_s4_badge: "Top vente", carousel_s4_title: "Distributeur Smart", carousel_s4_desc: "Portions précises, fraîcheur conservée, nourrissage à distance via APP.", carousel_s4_tag1: "Portions exactes", carousel_s4_tag2: "Fraîcheur", carousel_s4_tag3: "À distance", + carousel_s6_badge: "Préféré", carousel_s6_title: "Fontaine Smart", carousel_s6_desc: "Filtration multi-étapes, eau circulante, rappels intelligents.", carousel_s6_tag1: "Circulation", carousel_s6_tag2: "Multi-filtre", carousel_s6_tag3: "Rappel", + carousel_s8_badge: "IA Nouveau", carousel_s8_title: "Caméra IA Pet", carousel_s8_desc: "1080P vision nocturne, reconnaissance IA, audio bidirectionnel.", carousel_s8_tag1: "Reconnaissance IA", carousel_s8_tag2: "Vision nocturne", carousel_s8_tag3: "Audio双向", section_company_label: "Entreprise", section_company_title: "Pionnier AIoT de la santé animale proactive", section_company_p1: "Fondée à Suzhou (Chine), Chookoo est une entreprise technologique dédiée à la construction d’un écosystème de santé préventive.", @@ -4397,6 +4419,11 @@ hero_tag_3: "Proaktive Erkenntnisse", hero_glass_line1: "Jede Fürsorge verdient", hero_glass_line2: "ein wissenschaftliches Echo", + carousel_s1_badge: "Bestseller", carousel_s1_title: "Smart Katzenklo Pro", carousel_s1_desc: "Millimeterwellen-Radar, KI-Kotanalyse, automatische Reinigung.", carousel_s1_tag1: "Auto-Reinigung", carousel_s1_tag2: "Gesundheit", carousel_s1_tag3: "Leise", + carousel_s2_badge: "Neu", carousel_s2_title: "Smart Hundetoilette", carousel_s2_desc: "Hundespezifisches Design, fließendes Wasser, intelligente Reinigung.", carousel_s2_tag1: "Für Hunde", carousel_s2_tag2: "Wasserspülung", carousel_s2_tag3: "Geruchskontrolle", + carousel_s4_badge: "Beliebt", carousel_s4_title: "Smart Futterautomat", carousel_s4_desc: "Präzise Portionierung, Frischhaltung, APP-Steuerung aus der Ferne.", carousel_s4_tag1: "Präzise Portionen", carousel_s4_tag2: "Frischhaltung", carousel_s4_tag3: "Fernfütterung", + carousel_s6_badge: "Kundenliebling", carousel_s6_title: "Smart Trinkbrunnen", carousel_s6_desc: "Mehrstufige Filterung, zirkulierendes Wasser, intelligente Erinnerung.", carousel_s6_tag1: "Zirkulation", carousel_s6_tag2: "Multifilter", carousel_s6_tag3: "Erinnerung", + carousel_s8_badge: "KI Neu", carousel_s8_title: "KI Pet Kamera", carousel_s8_desc: "1080P Nachtsicht, KI-Verhalten, Zwei-Wege-Audio.", carousel_s8_tag1: "KI-Erkennung", carousel_s8_tag2: "Nachtsicht", carousel_s8_tag3: "2-Wege-Audio", section_company_label: "Unternehmen", section_company_title: "AIoT-Pionier für proaktives Haustier-Gesundheitsmanagement", section_company_p1: "Chookoo wurde in Suzhou (China) gegründet und ist ein Technologieunternehmen, das ein präventives Gesundheitsökosystem aufbaut.", @@ -4463,6 +4490,11 @@ hero_tag_3: "Проактивные инсайты", hero_glass_line1: "Каждой заботе —", hero_glass_line2: "научный отклик", + carousel_s1_badge: "Бестселлер", carousel_s1_title: "Умный кошачий туалет Pro", carousel_s1_desc: "Миллиметровый радар, ИИ-анализ, автоматическая уборка.", carousel_s1_tag1: "Автоуборка", carousel_s1_tag2: "Здоровье", carousel_s1_tag3: "Тихий", + carousel_s2_badge: "Новинка", carousel_s2_title: "Умный туалет для собак", carousel_s2_desc: "Для собак, проточная вода, умная автоуборка.", carousel_s2_tag1: "Для собак", carousel_s2_tag2: "Проточная вода", carousel_s2_tag3: "Без запаха", + carousel_s4_badge: "Хит", carousel_s4_title: "Умная кормушка", carousel_s4_desc: "Точное дозирование, защита от влаги, удалённая кормление через APP.", carousel_s4_tag1: "Дозирование", carousel_s4_tag2: "Свежесть", carousel_s4_tag3: "Дистанционно", + carousel_s6_badge: "Выбор клиентов", carousel_s6_title: "Умный фонтан", carousel_s6_desc: "Многоступенчатая фильтрация, циркуляция воды, умные напоминания.", carousel_s6_tag1: "Циркуляция", carousel_s6_tag2: "Мультифильтр", carousel_s6_tag3: "Напоминания", + carousel_s8_badge: "ИИ Новинка", carousel_s8_title: "ИИ Камера для питомцев", carousel_s8_desc: "1080P ночное видение, ИИ-поведение, двусторонняя аудиосвязь.", carousel_s8_tag1: "ИИ-анализ", carousel_s8_tag2: "Ночное видение", carousel_s8_tag3: "Двусторонняя связь", section_company_label: "О компании", section_company_title: "Пионер AIoT в проактивном управлении здоровьем питомцев", section_company_p1: "Chookoo основана в Сучжоу (Китай) и специализируется на создании превентивной экосистемы здоровья.", @@ -4529,6 +4561,11 @@ hero_tag_3: "رؤى صحية استباقية", hero_glass_line1: "لكل عناية", hero_glass_line2: "صدى علمي", + carousel_s1_badge: "الأكثر مبيعاً", carousel_s1_title: "مرحاض القطط الذكي Pro", carousel_s1_desc: "رادار ملي متري، تحليل ذكي للفضلات، تنظيف تلقائي.", carousel_s1_tag1: "تنظيف تلقائي", carousel_s1_tag2: "مراقبة صحية", carousel_s1_tag3: "صامت", + carousel_s2_badge: "جديد", carousel_s2_title: "مرحاض الكلاب الذكي", carousel_s2_desc: "تصميم مخصص للكلاب، غسيل بالماء الجاري، تنظيف ذكي.", carousel_s2_tag1: "للكلاب", carousel_s2_tag2: "ماء جاري", carousel_s2_tag3: "إزالة الروائح", + carousel_s4_badge: "الأكثر طلباً", carousel_s4_title: "الموزع الذكي", carousel_s4_desc: "كميات دقيقة، حماية من الرطوبة، إطعام عن بعد.", carousel_s4_tag1: "كميات دقيقة", carousel_s4_tag2: "طازج", carousel_s4_tag3: "عن بعد", + carousel_s6_badge: "مفضل", carousel_s6_title: "النافورة الذكية", carousel_s6_desc: "ترشيح متعدد المراحل، ماء متدفق، تذكيرات ذكية.", carousel_s6_tag1: "تدفق", carousel_s6_tag2: "ترشيح", carousel_s6_tag3: "تذكير", + carousel_s8_badge: "ذكاء اصطناعي", carousel_s8_title: "كاميرا AI للحيوانات", carousel_s8_desc: "رؤية ليلية 1080P، التعرف بالذكاء الاصطناعي، صوت ثنائي.", carousel_s8_tag1: "التعرف AI", carousel_s8_tag2: "رؤية ليلية", carousel_s8_tag3: "صوت ثنائي", section_company_label: "عن الشركة", section_company_title: "رائد إدارة صحة الحيوانات الأليفة الاستباقية عبر AIoT", section_company_p1: "تأسست Chookoo في سوتشو بالصين، وتركّز على إدارة الصحة الذكية، وهي شركة تقنية مكرسة لبناء منظومة صحة وقائية.", @@ -4754,29 +4791,6 @@ } }); - // 鼠标跟随效果（仅用于hero区域） - const heroMedia = document.querySelector('.hero-media'); - if (heroMedia) { - heroMedia.addEventListener('mousemove', (e) => { - const rect = heroMedia.getBoundingClientRect(); - const x = (e.clientX - rect.left - rect.width / 2) / 25; - const y = (e.clientY - rect.top - rect.height / 2) / 25; - - const heroImages = heroMedia.querySelectorAll('.hero-image'); - heroImages.forEach((img, index) => { - const factor = index === 0 ? 1 : -1; - img.style.transform = `translateY(${y * factor}px) translateX(${x * factor}px)`; - }); - }); - - heroMedia.addEventListener('mouseleave', () => { - const heroImages = heroMedia.querySelectorAll('.hero-image'); - heroImages.forEach(img => { - img.style.transform = ''; - }); - }); - } - // 产品卡片交互：固定展示区方案 + 自动轮播 const productCards = document.querySelectorAll('.product-card[data-product]'); const displayArea = document.getElementById('productDisplayArea');