{"title":"Build a Smarter and Safer Home【CA】","description":"","products":[{"product_id":"zumimall-video-doorbell-camera-battery-powered-p8","title":"2K Battery Powerd Video Doorbell Camera-P8","description":"\u003cbody\u003e\n\u003c!-- About This Item Section 第一部分 - 默认折叠 --\u003e\n\u003cdiv class=\"page-section\"\u003e\n \u003cdiv class=\"about-item-container\"\u003e\n \u003cbutton class=\"collapsible\" type=\"button\"\u003e \n \u003cspan style=\"font-size: 22px;\"\u003eAbout this item\u003c\/span\u003e \n \u003cspan class=\"toggle-icon\"\u003e❯\u003c\/span\u003e \n \u003c\/button\u003e\n \u003cdiv class=\"content\"\u003e\n \u003cdiv class=\"content-inner\"\u003e\n \u003cp\u003e\u003cstrong\u003eBattery-Powered Video Doorbell with Chime\u003c\/strong\u003e - Enjoy easy installation with this wireless doorbell camera, featuring a rechargeable battery that eliminates the need for power outlets, allowing flexible placement. Stay connected with ease using 2.4 GHz Wi-Fi Only\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eAnti-Theft \u0026amp; Sound Masking\u003c\/strong\u003e - Boost your security with advanced anti-theft measures and sound masking technology, ensuring private conversations. The Zumimall doorbell camera wireless is designed as a complete security solution for your peace of mind\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003e2K 3MP High-Resolution Monitoring\u003c\/strong\u003e - Experience clear 2K resolution for detailed day and night monitoring. With superior night vision, this video doorbell wireless delivers sharp images even in low light, ensuring nothing is missed\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eAI Detection and Two-Way Talk\u003c\/strong\u003e - Receive instant alerts with AI detection that identify human movements. Use the wireless video doorbell to communicate in real-time with the two-way talk feature, or choose pre-recorded voice messages(up to 3)via ZUMIMALL app to quickly reply\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eNo Subscription Fee and Weatherproof Design\u003c\/strong\u003e - Choose between local storage up to 128GB (memory card sold separately) or 6-second cloud storage options.No monthly fee is needed for ZUMIMALL doorbell camera. The video door bell cameras wireless is IP66-rated, offering durability against various weather conditions\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* 统一页面部分样式 *\/\n .page-section {\n max-width: 1200px;\n width: 90%;\n margin: 40px auto;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n \n \/* About This Item Styles - Matching Gallery Colors *\/\n .about-item-container {\n width: 100%;\n }\n \n .collapsible {\n width: 100%;\n background: #f9f5f0;\n border: 1px solid #e0d0c0;\n border-radius: 8px;\n padding: 20px;\n margin-bottom: 10px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n transition: all 0.3s;\n color: #5a3e36;\n outline: none;\n border-bottom-left-radius: 8px;\n border-bottom-right-radius: 8px;\n }\n \n .collapsible:hover {\n background-color: #f0e6d8;\n border-color: #d9aa7d;\n }\n \n .collapsible.active {\n background-color: #f0e6d8;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n border-color: #d9aa7d;\n }\n \n .toggle-icon {\n transition: transform 0.3s;\n color: #d9aa7d;\n font-weight: bold;\n margin-left: 10px;\n font-size: 18px;\n }\n \n .collapsible.active .toggle-icon {\n transform: rotate(90deg);\n }\n \n .content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-out;\n background: white;\n border: 1px solid #e0d0c0;\n border-top: none;\n border-bottom-left-radius: 8px;\n border-bottom-right-radius: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n }\n \n .content-inner {\n padding: 20px;\n }\n \n .content-inner p {\n margin-bottom: 15px;\n line-height: 1.6;\n color: #5a3e36;\n }\n \n .content-inner p:last-child {\n margin-bottom: 0;\n }\n \n .content-inner strong {\n color: #5a3e36;\n }\n \n \/* Responsive Adjustments *\/\n @media (max-width: 768px) {\n .page-section {\n width: 100%;\n margin: 20px auto;\n padding: 0 10px;\n }\n \n .collapsible {\n padding: 15px;\n }\n \n .content-inner {\n padding: 15px;\n }\n }\n\u003c\/style\u003e\n\n\n\u003cscript\u003e\n \/\/ 第一部分折叠功能 - 默认折叠\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ About this item 部分\n const aboutCollapsible = document.querySelector('.about-item-container .collapsible');\n const aboutContent = document.querySelector('.about-item-container .content');\n \n \/\/ 初始状态设置为折叠\n aboutCollapsible.classList.remove('active');\n aboutContent.style.maxHeight = null;\n \n \/\/ 点击事件处理\n aboutCollapsible.addEventListener('click', function() {\n this.classList.toggle('active');\n \n if (aboutContent.style.maxHeight) {\n aboutContent.style.maxHeight = null;\n } else {\n aboutContent.style.maxHeight = aboutContent.scrollHeight + 'px';\n }\n });\n\n \/\/ What's in the box 部分\n const whatsInBoxHeader = document.querySelector('.whats-in-box-header');\n const whatsInBoxContent = document.querySelector('.whats-in-box-content');\n \n \/\/ 确保在移动端也能正常收起\n whatsInBoxHeader.addEventListener('click', function() {\n this.classList.toggle('active');\n whatsInBoxContent.classList.toggle('active');\n \n if (whatsInBoxContent.classList.contains('active')) {\n whatsInBoxContent.style.maxHeight = whatsInBoxContent.scrollHeight + 'px';\n } else {\n whatsInBoxContent.style.maxHeight = null;\n }\n });\n });\n\u003c\/script\u003e\n\u003c!-- Video Section 第二部分--\u003e\n\u003cdiv class=\"page-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003cvideo poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_P8_Video.jpg?v=1754556810\" controls=\"controls\" style=\"background-color: #f9f5f0;\"\u003e\n \u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/fcd91671fe324180a791aabd75f29dbe.mp4\"\u003e\n Your browser does not support the video tag.\n \u003c\/source\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* Video Section Styles - Minimal *\/\n .video-container {\n position: relative;\n padding-bottom: 56.25%; \/* 16:9 Aspect Ratio *\/\n height: 0;\n overflow: hidden;\n border-radius: 8px;\n border: 1px solid #e0d0c0;\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n }\n \n .video-container video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n \n \/* Responsive Adjustments *\/\n @media (max-width: 768px) {\n .video-container {\n border-radius: 0;\n border-left: none;\n border-right: none;\n }\n }\n\u003c\/style\u003e\n\n\u003c!-- Image with Title Section 第三部分--\u003e\n\u003cdiv class=\"page-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eZUMIMALL Video Doorbell Camera- P8W\u003c\/h2\u003e\n \u003cp class=\"section-subtitle\"\u003e2K, 2-Way Audio, Battery Powered, Anti-Theft, 2.4Ghz Wi-Fi\u003c\/p\u003e\n \n \u003cpicture\u003e\n \u003csource media=\"(min-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/banner_2b1dafde-c589-4cba-bd43-2c3ce6ac7144.jpg?v=1723435161\"\u003e\n \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_banner_e714867d-8092-49be-8736-a0834171f929.jpg?v=1753857381\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/banner_2b1dafde-c589-4cba-bd43-2c3ce6ac7144.jpg?v=1723435161\" alt=\"ZUMIMALL Video Doorbell Camera- P8W\" class=\"responsive-image\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* Image with Title Styles - Matching Gallery Colors *\/\n .section-title {\n font-size: 24px;\n font-weight: bold;\n margin-bottom: 10px;\n color: #5a3e36; \/* Matching gallery title color *\/\n line-height: 1.3;\n text-align: center;\n }\n \n .section-subtitle {\n font-size: 16px;\n margin-bottom: 20px;\n color: #5a3e36; \/* Matching gallery text color *\/\n line-height: 1.5;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n text-align: center;\n }\n \n .responsive-image {\n width: 100%;\n height: auto;\n border-radius: 8px;\n border: 1px solid #e0d0c0; \/* Matching gallery border *\/\n box-shadow: 0 2px 8px rgba(0,0,0,0.05); \/* Matching gallery shadow *\/\n }\n \n \/* Responsive Adjustments *\/\n @media (max-width: 768px) {\n .section-title {\n font-size: 20px;\n padding: 0 10px;\n }\n \n .section-subtitle {\n font-size: 14px;\n padding: 0 10px;\n margin-bottom: 15px;\n }\n \n .responsive-image {\n border-radius: 0;\n border-left: none;\n border-right: none;\n }\n }\n\u003c\/style\u003e\n\n\u003c!-- 产品特性折叠栏 第四部分--\u003e\n\u003cdiv class=\"page-section\"\u003e\n \u003cdiv class=\"product-section\"\u003e\n \u003c!-- 第一个折叠项 --\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cbutton class=\"collapsible\" type=\"button\"\u003e \n \u003cspan\u003e2K FHD Lens Clear Night Vision\u003c\/span\u003e \n \u003cspan class=\"toggle-icon\"\u003e❯\u003c\/span\u003e \n \u003c\/button\u003e\n \u003cdiv class=\"content\"\u003e\n \u003cdiv class=\"content-inner\"\u003e\n \u003cp class=\"feature-text\"\u003eSee everything clearly even at night.\u003c\/p\u003e\n \u003cpicture\u003e \n \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/Night_View.jpg?v=1723435161\" media=\"(min-width: 768px)\"\u003e \n \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_night_vision.jpg?v=1753857381\" media=\"(max-width: 767px)\"\u003e \n \u003cimg class=\"responsive-image\" alt=\"Clear Night Vision\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/Night_View.jpg?v=1723435161\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 第二个折叠项 --\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cbutton class=\"collapsible\" type=\"button\"\u003e \n \u003cspan\u003e2-Way Audio Optional Sounds\u003c\/span\u003e \n \u003cspan class=\"toggle-icon\"\u003e❯\u003c\/span\u003e \n \u003c\/button\u003e\n \u003cdiv class=\"content\"\u003e\n \u003cdiv class=\"content-inner\"\u003e\n \u003cp class=\"feature-text\"\u003eProtect your privacy and security.\u003c\/p\u003e\n \u003cpicture\u003e \n \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/2-way_Audio.jpg?v=1723435161\" media=\"(min-width: 768px)\"\u003e \n \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_2_ways.jpg?v=1753857381\" media=\"(max-width: 767px)\"\u003e \n \u003cimg class=\"responsive-image\" alt=\"2-Way Audio\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/2-way_Audio.jpg?v=1723435161\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 第三个折叠项 --\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cbutton class=\"collapsible\" type=\"button\"\u003e \n \u003cspan\u003eAnti-theft Alert\u003c\/span\u003e \n \u003cspan class=\"toggle-icon\"\u003e❯\u003c\/span\u003e \n \u003c\/button\u003e\n \u003cdiv class=\"content\"\u003e\n \u003cdiv class=\"content-inner\"\u003e\n \u003cp class=\"feature-text\"\u003eNo need to worry about your doorbell being stolen.\u003c\/p\u003e\n \u003cpicture\u003e \n \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/Anti-theft_Alert.jpg?v=1723435160\" media=\"(min-width: 768px)\"\u003e \n \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_anti.jpg?v=1753857381\" media=\"(max-width: 767px)\"\u003e \n \u003cimg class=\"responsive-image\" alt=\"Anti-theft Alert\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/Anti-theft_Alert.jpg?v=1723435160\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 第四个折叠项 --\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cbutton class=\"collapsible\" type=\"button\"\u003e \n \u003cspan\u003e2 Storage Methods\u003c\/span\u003e \n \u003cspan class=\"toggle-icon\"\u003e❯\u003c\/span\u003e \n \u003c\/button\u003e\n \u003cdiv class=\"content\"\u003e\n \u003cdiv class=\"content-inner\"\u003e\n \u003cp class=\"feature-text\"\u003eEnjoy a permanently free 7-day loop cloud.\u003c\/p\u003e\n \u003cpicture\u003e \n \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/2_Storage_Methods.jpg?v=1723435161\" media=\"(min-width: 768px)\"\u003e \n \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_2_stotage.jpg?v=1753857381\" media=\"(max-width: 767px)\"\u003e \n \u003cimg class=\"responsive-image\" alt=\"2 Storage Methods\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/2_Storage_Methods.jpg?v=1723435161\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 第五个折叠项 --\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cbutton class=\"collapsible\" type=\"button\"\u003e \n \u003cspan\u003ePIR Motion Detection \u0026amp; Instant Notification\u003c\/span\u003e \n \u003cspan class=\"toggle-icon\"\u003e❯\u003c\/span\u003e \n \u003c\/button\u003e\n \u003cdiv class=\"content\"\u003e\n \u003cdiv class=\"content-inner\"\u003e\n \u003cp class=\"feature-text\"\u003eAlways know who's at the door.\u003c\/p\u003e\n \u003cpicture\u003e \n \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_PIR.jpg?v=1753857371\" media=\"(min-width: 768px)\"\u003e \n \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_pir_81fd7d6d-d184-4b67-8b65-43252d460f2c.jpg?v=1753857381\" media=\"(max-width: 767px)\"\u003e \n \u003cimg class=\"responsive-image\" alt=\"PIR Motion Detection\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_PIR.jpg?v=1753857371\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* 使用画廊风格的配色 *\/\n :root {\n --text-color: #5a3e36;\n --border-color: #e0d0c0;\n --bg-color: #f9f5f0;\n --accent-color: #d9aa7d;\n --border-radius: 6px;\n --box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n }\n \n .product-section {\n width: 100%;\n }\n \n \/* 折叠面板样式 - 匹配画廊风格 *\/\n .feature-item {\n margin-bottom: 8px;\n }\n \n .feature-text {\n margin-bottom: 15px;\n color: var(--text-color);\n line-height: 1.5;\n }\n \n \/* 响应式调整 *\/\n @media (max-width: 768px) {\n .product-section {\n padding: 0;\n }\n }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n \/\/ 折叠面板功能\n document.addEventListener('DOMContentLoaded', function() {\n var coll = document.querySelectorAll(\".collapsible\");\n for (var i = 0; i \u003c coll.length; i++) {\n coll[i].addEventListener(\"click\", function() {\n this.classList.toggle(\"active\");\n var content = this.nextElementSibling;\n if (content.style.maxHeight) {\n content.style.maxHeight = null;\n } else {\n content.style.maxHeight = content.scrollHeight + \"px\";\n } \n });\n }\n });\n\u003c\/script\u003e\n\n\u003c!-- Image Carousel Section 第五部分 轮播--\u003e\n\u003cdiv class=\"page-section\"\u003e\n \u003cdiv id=\"featureCarousel\" class=\"carousel\"\u003e\n \u003cdiv class=\"carousel-inner\"\u003e\n \u003c!-- Slide 1 --\u003e\n \u003cdiv class=\"carousel-item\"\u003e\n \u003cpicture\u003e\n \u003csource media=\"(min-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_Detection_Zone.jpg?v=1753857371\"\u003e\n \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_detection.jpg?v=1753857381\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_Detection_Zone.jpg?v=1753857371\" alt=\"Customize Detection Zone\" class=\"carousel-image\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n \u003cdiv class=\"carousel-caption\"\u003e\n \u003ch3\u003eCustomize Detection Zone\u003c\/h3\u003e\n \u003cp\u003eCustomize your exclusive detection zone to reduce false alarms.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Slide 2 --\u003e\n \u003cdiv class=\"carousel-item\"\u003e\n \u003cpicture\u003e\n \u003csource media=\"(min-width: 768px)\" srcset=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/566a24f6-b1aa-4813-af75-0ac660e91ed8.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_ip_66.jpg?v=1753857381\"\u003e\n \u003cimg src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/566a24f6-b1aa-4813-af75-0ac660e91ed8.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\" alt=\"IP66 Waterproof\" class=\"carousel-image\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n \u003cdiv class=\"carousel-caption\"\u003e\n \u003ch3\u003eIP66 Waterproof\u003c\/h3\u003e\n \u003cp\u003eProtect your house all year around.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Slide 3 --\u003e\n \u003cdiv class=\"carousel-item\"\u003e\n \u003cpicture\u003e\n \u003csource media=\"(min-width: 768px)\" srcset=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/9e0e361b-88a7-4396-b0e7-9c0fd494c98a.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_alexa.jpg?v=1753857381\"\u003e\n \u003cimg src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/9e0e361b-88a7-4396-b0e7-9c0fd494c98a.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\" alt=\"Compatible Voice Assistant\" class=\"carousel-image\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n \u003cdiv class=\"carousel-caption\"\u003e\n \u003ch3\u003eCompatible Voice Assistant\u003c\/h3\u003e\n \u003cp\u003eWorks with Alexa and Google Assistant for voice control.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Slide 4 --\u003e\n \u003cdiv class=\"carousel-item\"\u003e\n \u003cpicture\u003e\n \u003csource media=\"(min-width: 768px)\" srcset=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/403e02cd-31bd-43d7-9b11-91386e3bf364.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_71fd0876-3cc7-423e-885f-e4c942935d01.jpg?v=1753857381\"\u003e\n \u003cimg src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/403e02cd-31bd-43d7-9b11-91386e3bf364.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\" alt=\"Connect to Multiple chimes\" class=\"carousel-image\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n \u003cdiv class=\"carousel-caption\"\u003e\n \u003ch3\u003eConnect to Multiple Chimes\u003c\/h3\u003e\n \u003cp\u003eP8W doorbell can connect to unlimited chimes, with each chime able to link up to 8 doorbells.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Slide 5 --\u003e\n \u003cdiv class=\"carousel-item\"\u003e\n \u003cpicture\u003e\n \u003csource media=\"(min-width: 768px)\" srcset=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/de7083e8-5cb4-46e5-9df5-ab72759a82a0.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_share.jpg?v=1753857381\"\u003e\n \u003cimg src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/de7083e8-5cb4-46e5-9df5-ab72759a82a0.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\" alt=\"Multi-people Sharing\" class=\"carousel-image\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n \u003cdiv class=\"carousel-caption\"\u003e\n \u003ch3\u003eMulti-people Sharing\u003c\/h3\u003e\n \u003cp\u003eSupport unlimited sharing and 4 users watching live videos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Slide 6 --\u003e\n \u003cdiv class=\"carousel-item\"\u003e\n \u003cpicture\u003e\n \u003csource media=\"(min-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_wifi.jpg?v=1753857370\"\u003e\n \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_wifi_a3814b7f-88ac-4271-bf73-ead47020df4e.jpg?v=1753857381\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_wifi.jpg?v=1753857370\" alt=\"2.4GHz WiFi\" class=\"carousel-image\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n \u003cdiv class=\"carousel-caption\"\u003e\n \u003ch3\u003e2.4GHz WiFi\u003c\/h3\u003e\n \u003cp\u003e2.4 GHz Wi-Fi's superior wall-penetration ability lets you stay connected and receive notifications at time.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Navigation Arrows --\u003e\n \u003cbutton class=\"carousel-control prev\"\u003e❮\u003c\/button\u003e\n \u003cbutton class=\"carousel-control next\"\u003e❯\u003c\/button\u003e\n \n \u003c!-- Indicators --\u003e\n \u003cdiv class=\"carousel-indicators\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* Carousel Styles - Matching Gallery Colors *\/\n .carousel {\n position: relative;\n overflow: hidden;\n border-radius: 6px;\n border: 1px solid #e0d0c0; \/* Matching gallery border *\/\n box-shadow: 0 2px 8px rgba(0,0,0,0.05); \/* Matching gallery shadow *\/\n }\n \n .carousel-inner {\n display: flex;\n transition: transform 0.5s ease;\n }\n \n .carousel-item {\n min-width: 100%;\n box-sizing: border-box;\n }\n \n .carousel-image {\n width: 100%;\n height: auto;\n display: block;\n border-bottom: 1px solid #e0d0c0; \/* Matching gallery border *\/\n }\n \n .carousel-caption {\n padding: 20px;\n background-color: #f9f5f0; \/* Matching gallery background *\/\n text-align: center;\n }\n \n .carousel-caption h3 {\n font-weight: bold;\n margin-bottom: 10px;\n color: #5a3e36; \/* Matching gallery text color *\/\n font-size: 18px;\n }\n \n .carousel-caption p {\n color: #5a3e36; \/* Matching gallery text color *\/\n line-height: 1.5;\n }\n \n .carousel-control {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background-color: #d9aa7d; \/* Matching gallery accent color *\/\n color: white;\n border: none;\n padding: 10px;\n cursor: pointer;\n border-radius: 50%;\n width: 36px;\n height: 36px;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0.9;\n transition: all 0.3s;\n z-index: 10;\n }\n \n .carousel-control:hover {\n opacity: 1;\n background-color: #c7986d; \/* Slightly darker on hover *\/\n }\n \n .carousel-control.prev {\n left: 10px;\n }\n \n .carousel-control.next {\n right: 10px;\n }\n \n .carousel-indicators {\n display: flex;\n justify-content: center;\n padding: 15px 0;\n background-color: #f9f5f0; \/* Matching gallery background *\/\n border-top: 1px solid #e0d0c0; \/* Matching gallery border *\/\n }\n \n .carousel-indicator {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background-color: #d9aa7d; \/* Matching gallery accent color *\/\n margin: 0 5px;\n cursor: pointer;\n transition: all 0.3s;\n opacity: 0.5;\n }\n \n .carousel-indicator.active {\n opacity: 1;\n width: 12px;\n border-radius: 4px;\n }\n \n \/* Responsive Adjustments *\/\n @media (max-width: 767px) {\n .carousel {\n border-radius: 0;\n border-left: none;\n border-right: none;\n }\n \n .carousel-caption {\n padding: 15px;\n }\n \n .carousel-caption h3 {\n font-size: 16px;\n }\n \n .carousel-caption p {\n font-size: 14px;\n }\n \n .carousel-control {\n width: 30px;\n height: 30px;\n padding: 8px;\n }\n }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const carousel = document.getElementById('featureCarousel');\n const inner = carousel.querySelector('.carousel-inner');\n const items = carousel.querySelectorAll('.carousel-item');\n const prevBtn = carousel.querySelector('.carousel-control.prev');\n const nextBtn = carousel.querySelector('.carousel-control.next');\n const indicatorsContainer = carousel.querySelector('.carousel-indicators');\n \n let currentIndex = 0;\n const totalItems = items.length;\n let autoSlideInterval;\n \n \/\/ Create indicators\n for (let i = 0; i \u003c totalItems; i++) {\n const indicator = document.createElement('div');\n indicator.className = 'carousel-indicator';\n if (i === 0) indicator.classList.add('active');\n indicator.addEventListener('click', () =\u003e goToSlide(i));\n indicatorsContainer.appendChild(indicator);\n }\n \n \/\/ Update carousel position\n function updateCarousel() {\n inner.style.transform = `translateX(-${currentIndex * 100}%)`;\n \n \/\/ Update indicators\n const indicators = indicatorsContainer.querySelectorAll('.carousel-indicator');\n indicators.forEach((indicator, index) =\u003e {\n indicator.classList.toggle('active', index === currentIndex);\n });\n }\n \n \/\/ Go to specific slide\n function goToSlide(index) {\n currentIndex = index;\n updateCarousel();\n resetAutoSlide();\n }\n \n \/\/ Next slide\n function nextSlide() {\n currentIndex = (currentIndex + 1) % totalItems;\n updateCarousel();\n resetAutoSlide();\n }\n \n \/\/ Previous slide\n function prevSlide() {\n currentIndex = (currentIndex - 1 + totalItems) % totalItems;\n updateCarousel();\n resetAutoSlide();\n }\n \n \/\/ Auto slide\n function startAutoSlide() {\n autoSlideInterval = setInterval(nextSlide, 5000);\n }\n \n function resetAutoSlide() {\n clearInterval(autoSlideInterval);\n startAutoSlide();\n }\n \n \/\/ Event listeners\n nextBtn.addEventListener('click', nextSlide);\n prevBtn.addEventListener('click', prevSlide);\n \n \/\/ Touch support\n let touchStartX = 0;\n let touchEndX = 0;\n \n carousel.addEventListener('touchstart', (e) =\u003e {\n touchStartX = e.changedTouches[0].screenX;\n clearInterval(autoSlideInterval);\n }, {passive: true});\n \n carousel.addEventListener('touchend', (e) =\u003e {\n touchEndX = e.changedTouches[0].screenX;\n handleSwipe();\n startAutoSlide();\n }, {passive: true});\n \n function handleSwipe() {\n if (touchEndX \u003c touchStartX - 50) {\n nextSlide();\n }\n if (touchEndX \u003e touchStartX + 50) {\n prevSlide();\n }\n }\n \n \/\/ Initialize\n updateCarousel();\n startAutoSlide();\n \n \/\/ Pause on hover\n carousel.addEventListener('mouseenter', () =\u003e {\n clearInterval(autoSlideInterval);\n });\n \n carousel.addEventListener('mouseleave', () =\u003e {\n startAutoSlide();\n });\n });\n\u003c\/script\u003e\n \n\u003c!-- 图片画廊开始 --\u003e\n\u003cdiv class=\"page-section\"\u003e\n \u003cdiv class=\"feature-gallery\"\u003e\n \u003c!-- 新增：More Details标题 --\u003e\n \u003ch2 class=\"section-title\"\u003eMore Details\u003c\/h2\u003e\n \n \u003cdiv class=\"feature-container\"\u003e\n \u003c!-- 第一个图片项 --\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-image-container\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8_300x225_a34f0b00-ea58-4f35-96f7-39bbc10018c4.jpg?v=1753951524\" alt=\"Feature 1\" class=\"feature-image\"\u003e\n \u003cdiv class=\"feature-caption\"\u003e2 Way Install\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 第二个图片项 --\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-image-container\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8_Auto_300x225_c40a8fc5-d80b-4448-aeaa-70ee28cd02f0.jpg?v=1753951523\" alt=\"Feature 2\" class=\"feature-image\"\u003e\n \u003cdiv class=\"feature-caption\"\u003eCustomized Alarm Plan\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 第三个图片项 --\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-image-container\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8_300x225_d5702b81-44a0-473d-8f7a-cd3d8fb32723.jpg?v=1753951524\" alt=\"Feature 3\" class=\"feature-image\"\u003e\n \u003cdiv class=\"feature-caption\"\u003eAdjust Sensitivity\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 第四个图片项 --\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-image-container\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8_300x225_6bd0df1c-7fb9-4b74-a203-0c73ed08c4cd.jpg?v=1753951523\" alt=\"Feature 4\" class=\"feature-image\"\u003e\n \u003cdiv class=\"feature-caption\"\u003ePrivacy Protection\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* 图片画廊容器样式 - 独立作用域 *\/\n .feature-gallery {\n width: 100%; \/* 容器宽度100% *\/\n }\n\n \/* 图片容器弹性布局 *\/\n .feature-container {\n display: flex; \/* 弹性布局 *\/\n flex-wrap: wrap; \/* 允许换行 *\/\n justify-content: space-between; \/* 项目之间平均分布 *\/\n gap: 20px; \/* 项目间距20px *\/\n }\n\n \/* 单个图片项样式 *\/\n .feature-item {\n flex: 1 1 calc(25% - 20px); \/* 基础宽度25%，减去间隙 *\/\n min-width: 0; \/* 允许缩小 *\/\n margin-bottom: 15px; \/* 底部间距 *\/\n transition: all 0.3s ease; \/* 过渡动画效果 *\/\n }\n\n \/* 移动端响应式设计 - 屏幕宽度小于768px时 *\/\n @media (max-width: 768px) {\n .feature-item {\n flex: 1 1 calc(50% - 10px); \/* 移动端显示为2列 *\/\n }\n }\n\n \/* 图片容器样式 *\/\n .feature-image-container {\n border: 1px solid #e0d0c0; \/* 浅色边框 *\/\n border-radius: 6px; \/* 圆角 *\/\n overflow: hidden; \/* 隐藏溢出内容 *\/\n background-color: #fff; \/* 白色背景 *\/\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); \/* 轻微阴影 *\/\n transition: all 0.3s ease; \/* 过渡效果 *\/\n }\n\n \/* 鼠标悬停效果 *\/\n .feature-image-container:hover {\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); \/* 悬停时阴影加深 *\/\n transform: translateY(-2px); \/* 轻微上浮效果 *\/\n }\n\n \/* 图片样式 *\/\n .feature-image {\n width: 100%; \/* 宽度100%填充容器 *\/\n height: auto; \/* 高度自动保持比例 *\/\n display: block; \/* 块级显示 *\/\n }\n\n \/* 图片标题样式 *\/\n .feature-caption {\n padding: 12px 8px; \/* 内边距 *\/\n text-align: center; \/* 文字居中 *\/\n color: #5a3e36; \/* 文字颜色 *\/\n font-size: 15px; \/* 字体大小 *\/\n font-weight: 500; \/* 字体粗细 *\/\n background-color: #f9f5f0; \/* 浅色背景 *\/\n border-left: 1px solid #e0d0c0; \/* 左边框 *\/\n border-right: 1px solid #e0d0c0; \/* 右边框 *\/\n border-bottom: 1px solid #e0d0c0; \/* 下边框 *\/\n border-radius: 0 0 6px 6px; \/* 底部圆角 *\/\n }\n\n @media (max-width: 768px) {\n \/* 移动端标题调整 *\/\n .feature-caption {\n padding: 5px 5px; \/* 减小内边距 *\/\n font-size: 12px; \/* 减小字体大小 *\/\n }\n .feature-container {\n gap: 10px; \/* 减小项目间距 *\/\n }\n }\n\u003c\/style\u003e\n\n\u003c!-- Single image with title container --\u003e\n\u003cdiv class=\"page-section\"\u003e\n \u003cdiv class=\"feature-single\"\u003e\n \u003ch2 class=\"section-title\"\u003eEasy to connect and install\u003c\/h2\u003e\n \u003cdiv class=\"feature-single-container\"\u003e\n \u003c!-- Desktop image (shown by default) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_Connect_c45d67ed-bffe-4b6a-a45b-779c9cf2b9f8.jpg?v=1753955434\" alt=\"Easy to connect and install\" class=\"feature-single-image desktop-image\"\u003e\n \n \u003c!-- Mobile image (hidden by default) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_connect_cd6869d9-5367-436f-90a0-d603226c3855.jpg?v=1753857381\" alt=\"Easy to connect and install\" class=\"feature-single-image mobile-image\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* Container styling - matches previous gallery *\/\n .feature-single {\n width: 100%;\n }\n\n \/* Image container - matches gallery items *\/\n .feature-single-container {\n border: 1px solid #e0d0c0;\n border-radius: 6px;\n overflow: hidden;\n background-color: #fff;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n transition: all 0.3s ease;\n }\n\n .feature-single-container:hover {\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n transform: translateY(-2px);\n }\n\n \/* Image styling *\/\n .feature-single-image {\n width: 100%;\n height: auto;\n display: block;\n }\n\n \/* Hide mobile image by default *\/\n .mobile-image {\n display: none;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n \/* Switch images for mobile *\/\n .desktop-image {\n display: none;\n }\n \n .mobile-image {\n display: block;\n }\n \n .feature-single-container {\n border-radius: 0;\n border-left: none;\n border-right: none;\n }\n }\n\u003c\/style\u003e\n\n\u003c!-- What's in the Box Section --\u003e\n\u003cdiv class=\"page-section\"\u003e\n \u003cdiv class=\"whats-in-box\"\u003e\n \u003cdiv class=\"whats-in-box-header active\"\u003e\n \u003ch3 class=\"whats-in-box-title\"\u003eWhat's in the Box (P8-White)\u003c\/h3\u003e\n \u003cdiv class=\"whats-in-box-icon\"\u003e❯\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-content active\"\u003e\n \u003cdiv class=\"whats-in-box-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8w_pack_old.png?v=1754551413\" alt=\"Package Contents\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-text\"\u003e\n \u003cdiv class=\"whats-in-box-text-container\"\u003e\n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003eDoorbell x 1\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003eCharging Cable x 1\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003eChime x 1\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003eQuick User Guide x 1\u003c\/span\u003e\u003c\/div\u003e\n \n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003eScrews Set x 1\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003eScrewdriver x 1\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003e3M Tape x 1\u003c\/span\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- What's in the Box Section --\u003e\n\u003cdiv class=\"page-section\"\u003e\n \u003cdiv class=\"whats-in-box\"\u003e\n \u003cdiv class=\"whats-in-box-header active\"\u003e\n \u003ch3 class=\"whats-in-box-title\"\u003eWhat's in the Box (P8-Black)\u003c\/h3\u003e\n \u003cdiv class=\"whats-in-box-icon\"\u003e❯\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-content active\"\u003e\n \u003cdiv class=\"whats-in-box-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8_pack_old.png?v=1754551413\" alt=\"Package Contents\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-text\"\u003e\n \u003cdiv class=\"whats-in-box-text-container\"\u003e\n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003eDoorbell x 1\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003eCharging Cable x 1\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003eChime x 1\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003eQuick User Guide x 1\u003c\/span\u003e\u003c\/div\u003e\n \n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003eScrews Set x 1\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003eScrewdriver x 1\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003e3M Tape x 1\u003c\/span\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* Isolated styling for the foldable panel only *\/\n .whats-in-box {\n width: 100%;\n border-radius: 8px;\n overflow: hidden;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n }\n\n .whats-in-box-header {\n background-color: #e8c4a2;\n padding: 16px 20px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid #d9b38c;\n transition: background-color 0.3s ease;\n }\n\n .whats-in-box-header:hover {\n background-color: #e0b892;\n }\n\n .whats-in-box-header.active {\n background-color: #d9aa7d;\n }\n\n .whats-in-box-title {\n font-weight: bold;\n font-size: 18px;\n color: #5a3e36;\n margin: 0;\n }\n\n .whats-in-box-icon {\n transition: transform 0.3s ease;\n font-size: 16px;\n color: #5a3e36;\n }\n\n .whats-in-box-header.active .whats-in-box-icon {\n transform: rotate(90deg);\n }\n\n .whats-in-box-content {\n display: flex;\n background-color: #f8ede2;\n border-left: 1px solid #e0d0c0;\n border-right: 1px solid #e0d0c0;\n border-bottom: 1px solid #e0d0c0;\n }\n\n @media (max-width: 768px) {\n .whats-in-box-content {\n flex-direction: column;\n }\n }\n\n .whats-in-box-image {\n width: 60%;\n padding: 20px;\n border-right: 1px solid #e0d0c0;\n }\n\n @media (max-width: 768px) {\n .whats-in-box-image {\n width: 100%;\n border-right: none;\n border-bottom: 1px solid #e0d0c0;\n }\n }\n\n .whats-in-box-image img {\n width: 100%;\n height: auto;\n border: 1px solid #d9b38c;\n border-radius: 4px;\n display: block;\n }\n\n .whats-in-box-text {\n width: 40%;\n padding: 20px;\n }\n\n @media (max-width: 768px) {\n .whats-in-box-text {\n width: 100%;\n }\n }\n\n .whats-in-box-text-container {\n border: 1px solid #d9b38c;\n border-radius: 4px;\n padding: 15px;\n height: 100%;\n background-color: #fff9f2;\n box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.05);\n display: flex;\n flex-wrap: wrap;\n align-content: flex-start;\n }\n\n @media (max-width: 768px) {\n .whats-in-box-text-container {\n padding: 10px;\n }\n }\n\n .whats-in-box-item {\n width: 100%;\n margin-bottom: 10px;\n color: #5a3e36;\n font-size: 15px;\n line-height: 1.5;\n position: relative;\n padding-left: 15px;\n }\n\n @media (max-width: 768px) {\n .whats-in-box-item {\n width: 50%;\n font-size: 14px;\n padding-left: 12px;\n }\n }\n\n .whats-in-box-item:before {\n content: \"•\";\n position: absolute;\n left: 0;\n color: #d9aa7d;\n font-weight: bold;\n }\n\n .whats-in-box-item span {\n display: inline-block;\n padding-bottom: 1px;\n border-bottom: 1px dashed #d9aa7d;\n }\n\n .whats-in-box-item:last-child,\n .whats-in-box-item:nth-last-child(2) {\n margin-bottom: 0;\n }\n\u003c\/style\u003e\n\n\u003c!-- Product Specifications Section --\u003e\n\u003cdiv class=\"page-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eProduct Specifications\u003c\/h2\u003e\n \n \u003cdiv class=\"stacked-foldable-container\"\u003e\n \u003c!-- Resolution Section --\u003e\n \u003cdetails class=\"stacked-foldable\"\u003e\n \u003csummary class=\"stacked-summary\"\u003e\n \u003cspan class=\"stacked-title\"\u003eResolution\u003c\/span\u003e \n \u003cspan class=\"stacked-icon\"\u003e❯\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"stacked-content\"\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eSensor type\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e1\/2.7'' 3 Megapixel CMOS (SENSOR: SC301IOT)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003ePixel\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e2.0 Mega Pixels\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eMin illuminance\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eColor 0.01Lux@F1.2\u003cbr\u003eBlack and White 0.001Lux@F1.2\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eView angle\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e3.6mm@F2.2, 116°\/95.7°\/50.8°@D\/H\/V\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eShutter\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e1\/25~1\/100,000 per second\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eIR\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eHigh power IR LED with ICR control\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eVideo compression standard\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eH.265\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eCompressed output bit rate\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e32Kbps~2Mbps\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eMax picture size\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e1984(H) x 1488(V)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eFrame rate\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e1~25 per second\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eAudio\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eFull duplex 2-way audio\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eStorage\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eSupport SD card (Max. 128G), Cloud storage\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003c!-- Battery Section --\u003e\n \u003cdetails class=\"stacked-foldable\"\u003e\n \u003csummary class=\"stacked-summary\"\u003e\n \u003cspan class=\"stacked-title\"\u003eBattery\u003c\/span\u003e \n \u003cspan class=\"stacked-icon\"\u003e❯\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"stacked-content\"\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eBattery capacity\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e5200mAh\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eStandby time\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e6 months\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eWorking time\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e3 months (15 times wake up per day)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eStandby consumption\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e500µA\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eWork consumption\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e220mA\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003c!-- Network Section --\u003e\n \u003cdetails class=\"stacked-foldable\"\u003e\n \u003csummary class=\"stacked-summary\"\u003e\n \u003cspan class=\"stacked-title\"\u003eNetwork\u003c\/span\u003e \n \u003cspan class=\"stacked-icon\"\u003e❯\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"stacked-content\"\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eAlarm trigger\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eIntelligent motion detection, support PIR\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eWireless Security\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eWEP, WPA, WPA2\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eSupported mobile phone OS\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eiOS 9 up, Android 4.0 up\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eSecurity\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eUser authentication, software encryption\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eWifi\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e2.4G WIFI (IEEE802.11b\/g\/n)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003c!-- General Section --\u003e\n \u003cdetails class=\"stacked-foldable\"\u003e\n \u003csummary class=\"stacked-summary\"\u003e\n \u003cspan class=\"stacked-title\"\u003eGeneral\u003c\/span\u003e \n \u003cspan class=\"stacked-icon\"\u003e❯\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"stacked-content\"\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eGeneral function\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eDual stream, password protection\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eInstallation\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eWall Mount Bracket\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eOptional accessories\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eWireless Chime\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eTriggering\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eSupport PIR triggering\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eWorking temperature and humidity\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e-20℃~50℃, humidity less than 90% (without condensation)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eWater proof\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eIP66\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eBrand\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eZUMIMALL\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eAPP\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eZUMIMALL\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* 规格部分样式 - 匹配画廊风格 *\/\n .stacked-foldable-container {\n width: 100%;\n }\n \n \/* 折叠规格表样式 *\/\n .stacked-foldable {\n border: 1px solid #e0d0c0; \/* 匹配画廊边框颜色 *\/\n border-radius: 6px;\n margin-bottom: 8px;\n overflow: hidden;\n background-color: white;\n }\n \n .stacked-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 15px;\n cursor: pointer;\n list-style: none;\n font-weight: bold;\n color: #5a3e36; \/* 匹配画廊文字颜色 *\/\n background-color: #f9f5f0; \/* 匹配画廊背景色 *\/\n transition: all 0.2s;\n }\n \n .stacked-summary:hover {\n background-color: #f0e6d8; \/* 悬停颜色稍深 *\/\n }\n \n .stacked-title {\n font-size: 16px;\n }\n \n .stacked-icon {\n transition: transform 0.2s;\n color: #d9aa7d; \/* 匹配画廊图标颜色 *\/\n font-weight: bold;\n font-size: 18px;\n }\n \n .stacked-foldable[open] .stacked-icon {\n transform: rotate(90deg);\n }\n \n .stacked-content {\n padding: 0 15px;\n background-color: white;\n }\n \n .spec-row {\n display: flex;\n padding: 10px 0;\n border-top: 1px solid #f0f0f0;\n font-size: 14px;\n }\n \n .spec-name {\n flex: 0 0 40%;\n font-weight: 500;\n color: #666;\n }\n \n .spec-value {\n flex: 1;\n color: #333;\n }\n \n \/* 隐藏默认标记 *\/\n .stacked-summary::-webkit-details-marker {\n display: none;\n }\n \n \/* 响应式调整 - 匹配画廊响应式设计 *\/\n @media (max-width: 768px) {\n .stacked-foldable {\n margin-bottom: 5px;\n border-radius: 0;\n border-left: none;\n border-right: none;\n }\n \n .stacked-summary {\n padding: 10px;\n }\n \n .stacked-title {\n font-size: 15px;\n }\n \n .stacked-content {\n padding: 0 10px;\n }\n \n .spec-row {\n flex-direction: column;\n padding: 8px 0;\n }\n \n .spec-name {\n flex: 1;\n margin-bottom: 2px;\n font-size: 13px;\n }\n \n .spec-value {\n font-size: 13px;\n }\n }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n \/\/ 确保折叠功能在所有浏览器正常工作\n document.addEventListener('DOMContentLoaded', function() {\n const details = document.querySelectorAll('.stacked-foldable');\n \n details.forEach(detail =\u003e {\n const summary = detail.querySelector('summary');\n summary.addEventListener('click', function() {\n const icon = detail.querySelector('.stacked-icon');\n if(detail.open) {\n icon.style.transform = 'rotate(90deg)';\n } else {\n icon.style.transform = 'rotate(0deg)';\n }\n });\n });\n });\n\u003c\/script\u003e\n\n\u003c!-- Cloud Storage \u0026 AI Services Section --\u003e\n\u003cdiv class=\"page-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eCloud Storage \u0026amp; AI Services\u003c\/h2\u003e\n \u003cdiv class=\"resources-container\"\u003e\n \u003c!-- Cloud and AI Services --\u003e\n \u003cdiv class=\"accordion-container\"\u003e\n \u003cbutton class=\"accordion\"\u003e\n \u003cspan class=\"accordion-title\"\u003eZUMIMALL Cloud Storage\u003c\/span\u003e\n \u003cspan class=\"accordion-icon\"\u003e❯\u003c\/span\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/ZUMIMALL_Cloud_Storage_f5c790cc-fa5c-4aa5-b00d-101bd25c3a89.jpg?v=1752747534\" class=\"responsive-image\" alt=\"Cloud Storage\"\u003e\n \u003c\/div\u003e\n \n \u003cbutton class=\"accordion\"\u003e\n \u003cspan class=\"accordion-title\"\u003eZUMIMALL AI Services\u003c\/span\u003e\n \u003cspan class=\"accordion-icon\"\u003e❯\u003c\/span\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/ZUMIMALL_AI_d13f3958-2bdd-4338-a539-43aac8f90ece.jpg?v=1752747554\" class=\"responsive-image\" alt=\"AI Services\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Downloads Section --\u003e\n \u003cdiv class=\"downloads-container\"\u003e\n \u003cdiv class=\"download-row\"\u003e\n \u003cdiv class=\"download-column\"\u003e\n \u003cdiv class=\"download-content\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/file-arrow-down-solid.svg?v=1742554573\" class=\"download-icon\" alt=\"Manual Download\"\u003e\n \u003cdiv class=\"download-text\"\u003e\n \u003ch5\u003eProduct Manual\u003c\/h5\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/ZUMIMALL_P8_20250609.pdf?v=1749440718\" class=\"download-button\"\u003eDownload\u003c\/a\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"download-column\"\u003e\n \u003cdiv class=\"download-content\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/cloud-arrow-down-solid.svg?v=1742554572\" class=\"download-icon\" alt=\"App Download\"\u003e\n \u003cdiv class=\"download-text\"\u003e\n \u003ch5\u003eApp Download\u003c\/h5\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"download-button-group\"\u003e\n \u003ca href=\"https:\/\/play.google.com\/store\/search?q=zumimall\u0026amp;c=apps\" class=\"download-button\"\u003eAPK\u003c\/a\u003e\n \u003ca href=\"https:\/\/apps.apple.com\/us\/app\/zumimall\/id1515849509\" class=\"download-button\"\u003eiOS\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* 使用画廊风格的配色 *\/\n :root {\n --text-color: #5a3e36;\n --border-color: #e0d0c0;\n --bg-color: #f9f5f0;\n --accent-color: #d9aa7d;\n --button-color: #d9aa7d;\n --border-radius: 6px;\n --box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n }\n \n .accordion-container {\n width: 100%;\n }\n \n .accordion {\n width: 100%;\n background: var(--bg-color);\n border: 1px solid var(--border-color);\n border-radius: var(--border-radius);\n padding: 15px 20px;\n margin-bottom: 8px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n box-shadow: var(--box-shadow);\n transition: all 0.3s;\n }\n \n .accordion:hover {\n background-color: #f0e6d8;\n border-color: var(--accent-color);\n }\n \n .accordion-title {\n font-weight: bold;\n color: var(--text-color);\n }\n \n .accordion-icon {\n transition: transform 0.3s;\n color: var(--accent-color);\n font-weight: bold;\n }\n \n .accordion.active .accordion-icon {\n transform: rotate(90deg);\n }\n \n .accordion-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s;\n background-color: white;\n border: 1px solid var(--border-color);\n border-top: none;\n border-bottom-left-radius: var(--border-radius);\n border-bottom-right-radius: var(--border-radius);\n }\n \n .responsive-image {\n width: 100%;\n border-radius: var(--border-radius);\n margin: 10px 0;\n border: 1px solid var(--border-color);\n }\n \n .downloads-container {\n margin-top: 20px;\n }\n \n .download-row {\n display: flex;\n gap: 15px;\n }\n \n .download-column {\n flex: 1;\n background: var(--bg-color);\n border-radius: var(--border-radius);\n padding:12px 15px;\n display: flex;\n\n box-shadow: var(--box-shadow);\n border: 1px solid var(--border-color);\n height:70px;\n }\n \n .download-content {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n justify-content: space-between;\n }\n \n .download-icon {\n width: 18px;\n height: 18px;\n color: var(--accent-color);\n }\n \n .download-button {\n padding: 6px 12px;\n background: var(--button-color);\n color: white;\n border-radius: var(--border-radius);\n font-weight: bold;\n text-decoration: none;\n font-size: 13px;\n transition: background-color 0.3s;\n border: none;\n cursor: pointer;\n white-space: nowrap;\n }\n \n .download-button:hover {\n background-color: #c7986d;\n }\n \n .download-button-group {\n display: flex;\n gap: 6px;\n }\n \n h5 {\n color: var(--text-color);\n margin: 0;\n font-size: 15px;\n white-space: nowrap;\n }\n\n .download-text {\n flex: 1;\n padding: 0 10px;\n }\n \n @media (max-width: 768px) {\n .download-row {\n flex-direction: column;\n gap: 10px;\n }\n \n .download-column {\n width: 100%;\n height: auto;\n padding: 10px;\n }\n \n .download-content {\n flex-wrap: wrap;\n }\n \n .download-button, .download-button-group {\n width: auto;\n }\n \n .download-button-group {\n margin-left: auto;\n }\n \n h5 {\n font-size: 14px;\n }\n }\n @media (max-width: 480px) {\n .download-content {\n flex-wrap: nowrap;\n }\n \n .download-column {\n height: 60px;\n }\n \n .download-button {\n padding: 5px 10px;\n font-size: 12px;\n }\n \n .download-button-group {\n gap: 4px;\n }\n }\n\u003c\/style\u003e\n\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ About this item collapsible\n const collapsible = document.querySelector('.collapsible');\n const content = document.querySelector('.content');\n \n \/\/ Set initial state (collapsed)\n collapsible.classList.remove('active');\n content.style.maxHeight = null;\n \n \/\/ Toggle on click\n collapsible.addEventListener('click', function() {\n this.classList.toggle('active');\n const content = this.nextElementSibling;\n \n if (this.classList.contains('active')) {\n content.style.maxHeight = content.scrollHeight + 'px';\n } else {\n content.style.maxHeight = null;\n }\n });\n \n \/\/ What's in the Box functionality\n const whatsInBoxHeader = document.querySelector('.whats-in-box-header');\n const whatsInBoxContent = document.querySelector('.whats-in-box-content');\n \n \/\/ Set initial state (expanded)\n whatsInBoxHeader.classList.add('active');\n \n \/\/ Toggle on click\n whatsInBoxHeader.addEventListener('click', function() {\n this.classList.toggle('active');\n whatsInBoxContent.classList.toggle('collapsed');\n \n const icon = this.querySelector('.whats-in-box-icon');\n if (this.classList.contains('active')) {\n whatsInBoxContent.style.maxHeight = '500px';\n icon.style.transform = 'rotate(90deg)';\n } else {\n whatsInBoxContent.style.maxHeight = '0';\n icon.style.transform = 'rotate(0deg)';\n }\n });\n \n \/\/ Accordion functionality\n document.querySelectorAll('.accordion').forEach(btn =\u003e {\n btn.addEventListener('click', function() {\n this.classList.toggle('active');\n const content = this.nextElementSibling;\n content.style.maxHeight = content.style.maxHeight ? null : content.scrollHeight + 'px';\n });\n });\n });\n\u003c\/script\u003e\n\n\u003c!-- CTA Button Section --\u003e\n\u003cdiv class=\"page-section\"\u003e\n \u003cdiv class=\"cta-button-container\"\u003e\n \u003ca class=\"cta-button\" href=\"https:\/\/www.zumimall.com\/pages\/videos-for-p8-doorbell-camera\"\u003e \n Videos for Video Doorbell Camera-P8\n \u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* CTA Button Styles - Matching Gallery Colors *\/\n .cta-button-container {\n text-align: center;\n margin: 30px auto;\n width: 100%;\n }\n \n .cta-button {\n display: inline-block;\n padding: 14px 32px;\n background-color: #d9aa7d; \/* Matching gallery accent color *\/\n color: #fff;\n text-align: center;\n font-size: 16px;\n font-weight: bold;\n border: none;\n border-radius: 6px; \/* Matching gallery border radius *\/\n cursor: pointer;\n text-decoration: none;\n transition: all 0.3s;\n box-shadow: 0 2px 8px rgba(0,0,0,0.1); \/* Matching gallery shadow *\/\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n border: 1px solid #c7986d; \/* Slightly darker border *\/\n }\n \n .cta-button:hover {\n background-color: #c7986d; \/* Darker shade on hover *\/\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n }\n \n \/* Responsive Adjustments *\/\n @media (max-width: 768px) {\n .cta-button {\n padding: 12px 24px;\n font-size: 15px;\n width: 100%;\n box-sizing: border-box;\n }\n }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n \/\/ 确保Whats in the Box折叠功能正常工作\n document.addEventListener('DOMContentLoaded', function() {\n const whatsInBoxHeader = document.querySelector('.whats-in-box-header');\n if (whatsInBoxHeader) {\n whatsInBoxHeader.addEventListener('click', function() {\n this.classList.toggle('active');\n const content = this.nextElementSibling;\n content.classList.toggle('active');\n });\n }\n });\n\u003c\/script\u003e\n\n\n\n \n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eZUMIMALL Security Camera Comparison\u003c\/title\u003e\n \u003cstyle\u003e\n .product-comparison-section {\n width: 100%;\n margin: 40px auto;\n padding: 0 5px;\n position: relative;\n font-family: 'Segoe UI', Arial, sans-serif;\n }\n \n .product-comparison-section h2 {\n text-align: center;\n margin-bottom: 20px;\n font-size: 24px;\n color: #2c3e50;\n padding: 0 10px;\n font-weight: 600;\n }\n \n .comparison-table-container {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n margin: 0 -5px;\n width: calc(100% + 10px);\n position: relative;\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);\n }\n \n .product-comparison-table {\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n background: white;\n min-width: 600px;\n position: relative;\n }\n \n .product-comparison-table th,\n .product-comparison-table td {\n padding: 12px 10px;\n text-align: center;\n border: 1px solid #e0e0e0;\n font-size: 13px;\n line-height: 1.4;\n position: relative;\n }\n \n \/* 固定第一列样式 *\/\n .product-comparison-table thead tr th:first-child,\n .product-comparison-table tbody tr td:first-child {\n position: sticky;\n left: 0;\n z-index: 2;\n background-color: #f5f7fa;\n min-width: 120px;\n max-width: 120px;\n text-align: left;\n padding-left: 15px;\n font-weight: 600;\n color: #2c3e50;\n box-shadow: 2px 0 5px rgba(0, 0, 0, 0.05);\n }\n \n .product-comparison-table thead tr th:first-child {\n z-index: 3; \/* 确保表头在内容之上 *\/\n background-color: #e8ebf0;\n }\n \n .product-comparison-table th {\n background-color: #f8f9fa;\n font-weight: 600;\n color: #34495e;\n padding: 15px 10px;\n }\n \n .feature-header {\n background-color: #e8ebf0 !important;\n text-align: left !important;\n min-width: 120px;\n max-width: 120px;\n font-size: 13px;\n padding-left: 15px;\n }\n \n .product-image {\n max-width: 90px;\n height: auto;\n display: block;\n margin: 0 auto 8px;\n border-radius: 4px;\n transition: transform 0.2s;\n }\n \n .product-image:hover {\n transform: scale(1.03);\n }\n \n .product-link {\n color: #3498db;\n text-decoration: none;\n font-weight: 600;\n font-size: 13px;\n transition: color 0.2s;\n }\n \n .product-link:hover {\n color: #2980b9;\n text-decoration: underline;\n }\n \n .view-more-link {\n display: inline-block;\n margin-top: 8px;\n font-size: 12px;\n color: #e74c3c;\n text-decoration: none;\n font-weight: 600;\n padding: 4px 10px;\n border: 1px solid #e74c3c;\n border-radius: 4px;\n transition: all 0.2s;\n }\n \n .view-more-link:hover {\n background-color: #e74c3c;\n color: white;\n text-decoration: none;\n }\n \n .checkmark {\n color: #27ae60;\n font-weight: bold;\n font-size: 16px;\n }\n \n .crossmark {\n color: #c0392b;\n font-weight: bold;\n font-size: 16px;\n }\n \n .scroll-indicator {\n text-align: center;\n margin-top: 15px;\n color: #7f8c8d;\n font-size: 13px;\n display: none;\n font-style: italic;\n }\n \n .price-tag {\n font-weight: 600;\n color: #e74c3c;\n font-size: 14px;\n }\n \n \/* 移动端样式 *\/\n @media (max-width: 768px) {\n .product-comparison-section {\n padding: 0 3px;\n }\n \n .product-comparison-section h2 {\n font-size: 20px;\n }\n \n .comparison-table-container {\n margin: 0 -3px;\n width: calc(100% + 6px);\n }\n \n .product-comparison-table th,\n .product-comparison-table td {\n padding: 10px 6px;\n font-size: 12px;\n }\n \n .product-comparison-table thead tr th:first-child,\n .product-comparison-table tbody tr td:first-child {\n min-width: 100px;\n max-width: 100px;\n font-size: 12px;\n padding-left: 10px;\n }\n \n .feature-header {\n min-width: 100px;\n max-width: 100px;\n font-size: 12px;\n padding-left: 10px;\n }\n \n .product-image {\n max-width: 70px;\n }\n \n .scroll-indicator {\n display: block;\n }\n }\n \n \/* 小屏手机样式 *\/\n @media (max-width: 480px) {\n .product-comparison-table th,\n .product-comparison-table td {\n padding: 8px 4px;\n font-size: 11px;\n }\n \n .product-comparison-table thead tr th:first-child,\n .product-comparison-table tbody tr td:first-child {\n min-width: 90px;\n max-width: 90px;\n font-size: 11px;\n padding-left: 8px;\n }\n \n .feature-header {\n min-width: 90px;\n max-width: 90px;\n font-size: 11px;\n padding-left: 8px;\n }\n \n .product-image {\n max-width: 60px;\n }\n \n .view-more-link {\n font-size: 11px;\n padding: 3px 6px;\n }\n \n .price-tag {\n font-size: 12px;\n }\n }\n \n \/* 超小屏手机样式 *\/\n @media (max-width: 360px) {\n .product-comparison-table th,\n .product-comparison-table td {\n padding: 6px 3px;\n font-size: 10px;\n }\n \n .product-comparison-table thead tr th:first-child,\n .product-comparison-table tbody tr td:first-child {\n min-width: 80px;\n max-width: 80px;\n font-size: 10px;\n padding-left: 6px;\n }\n \n .feature-header {\n min-width: 80px;\n max-width: 80px;\n font-size: 10px;\n padding-left: 6px;\n }\n \n .product-image {\n max-width: 50px;\n }\n \n .view-more-link {\n font-size: 10px;\n padding: 2px 4px;\n }\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"product-comparison-section\"\u003e\n \u003ch2\u003eExplore more security cameras from ZUMIMALL\u003c\/h2\u003e\n \n \u003cdiv class=\"comparison-table-container\"\u003e\n \u003ctable class=\"product-comparison-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth class=\"feature-header\"\u003eFeatures\u003c\/th\u003e\n \u003c!-- 产品列将由JavaScript动态生成 --\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003c!-- 各行数据将由JavaScript动态生成 --\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"scroll-indicator\"\u003e\n \u003cspan\u003e← Scroll to see more →\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ 产品数据 - 更新为5款产品\n const products = [\n {\n picture: \"https:\/\/www.zumimall.com\/cdn\/shop\/files\/61OJ6O7WwaL._AC_SX679.jpg?v=1741314450\u0026width=1946\",\n link: \"https:\/\/www.zumimall.com\/products\/zumimall-dual-lens-video-doorbell-camera-with-chime-p10-worldwide-sales\",\n price: \"From $74.98\",\n model: \"Doorbell Camera P10\",\n powerSource: \"Battery\",\n resolution: \"3MP\",\n wifi: \"2.4GHz only\",\n nightVision: \"Color\/Infrared\",\n recording: \"✘\",\n sirenAlarm: \"✔\",\n rotatable: \"✘\",\n zoom: \"4X digital zoom\",\n interface: \"Type C Port\",\n detectionDistance: \"\u003e32FT\",\n app: \"ZUMIMALL\"\n },\n {\n picture: \"https:\/\/www.zumimall.com\/cdn\/shop\/files\/ZUMIMALL2KWIFISecurityCameraF5petkidalarmHousegardenresidenceapartmentmonitoringelderlywhiteSD64g128GFHDBatteryPoweredWirelesswithSirenOutdoorIndoorRechargeableSurveillanceHomeSecurit.jpg?v=1744010356\u0026width=1946\",\n link: \"https:\/\/www.zumimall.com\/products\/2k-wifi-wireless-security-camera-f5\",\n price: \"From $39.99\",\n model: \"Battery Camera F5\",\n powerSource: \"Battery\",\n resolution: \"3MP\",\n wifi: \"2.4GHz only\",\n nightVision: \"Color\/Infrared\",\n recording: \"✘\",\n sirenAlarm: \"✔\",\n rotatable: \"✘\",\n zoom: \"4X digital zoom\",\n interface: \"Type C Port\",\n detectionDistance: \"\u003e32FT\",\n app: \"ZUMIMALL\"\n },\n {\n picture: \"https:\/\/www.zumimall.com\/cdn\/shop\/files\/BK05-3MP_3ab62d04-ac44-4267-88d4-9658fd677a9e.jpg?v=1751448418\u0026width=493\",\n link: \"https:\/\/www.zumimall.com\/products\/zumimall-3mp-5g-2-4g-wifi-wired-security-camera-plug-in-power-bk05-1\",\n price: \"From $29.99\",\n model: \"Wired Camera BK05\",\n powerSource: \"Plug-in\",\n resolution: \"3MP\/5MP\",\n wifi: \"5GHz\/2.4GHz\",\n nightVision: \"Color\/Infrared\",\n recording: \"✔\",\n sirenAlarm: \"✔\",\n rotatable: \"✔\",\n zoom: \"4X digital zoom\",\n interface: \"Type C Port\",\n detectionDistance: \"\u003e32FT\",\n app: \"ZUMIMALL\"\n },\n {\n picture: \"https:\/\/www.zumimall.com\/cdn\/shop\/files\/Q6K_f6e18c8c-eff2-47a3-b67d-b890572b9e32.jpg?v=1754988516\u0026width=493\",\n link: \"https:\/\/www.zumimall.com\/products\/wireless-outdoor-security-cameras-with-solar-panel-type-c-q6\",\n price: \"From $29.99\",\n model: \"Battery Camera Q6\",\n powerSource: \"Solar\/Battery\",\n resolution: \"3MP\",\n wifi: \"2.4GHz only\",\n nightVision: \"Color\/Infrared\",\n recording: \"✘\",\n sirenAlarm: \"✔\",\n rotatable: \"✘\",\n zoom: \"4X digital zoom\",\n interface: \"Type C Port\",\n detectionDistance: \"\u003e32FT\",\n app: \"ZUMIMALL\"\n },\n {\n picture: \"https:\/\/www.zumimall.com\/cdn\/shop\/files\/3034a1133efe01daba919094b70c6310_d1b2ca31-f34a-4272-bfaf-65adaffd9fb4.jpg?v=1754987067\u0026width=493\",\n link: \"https:\/\/www.zumimall.com\/products\/zumimall-outdoor-3mp-solar-battery-powered-2-4g-wifi-security-camera-x6k?variant=49936521199920\",\n price: \"From $37.49\",\n model: \"Solar Camera X6K\",\n powerSource: \"Battery\",\n resolution: \"3MP\",\n wifi: \"2.4GHz only\",\n nightVision: \"Color\/Infrared\",\n recording: \"✘\",\n sirenAlarm: \"✔\",\n rotatable: \"✘\",\n zoom: \"4X digital zoom\",\n interface: \"Type C Port\",\n detectionDistance: \"\u003e32FT\",\n app: \"ZUMIMALL\"\n }\n ];\n\n \/\/ 创建表格列（产品）\n const theadRow = document.querySelector('.product-comparison-table thead tr');\n const tbody = document.querySelector('.product-comparison-table tbody');\n \n \/\/ 添加产品列标题\n products.forEach(product =\u003e {\n const th = document.createElement('th');\n th.innerHTML = `\n \u003ca href=\"${product.link}\" target=\"_blank\"\u003e\n \u003cimg src=\"${product.picture}\" alt=\"${product.model}\" class=\"product-image\"\u003e\n \u003c\/a\u003e\n \u003ca href=\"${product.link}\" target=\"_blank\" class=\"view-more-link\"\u003eView Details\u003c\/a\u003e\n `;\n theadRow.appendChild(th);\n });\n \n \/\/ 创建价格行\n const priceRow = document.createElement('tr');\n const priceHeader = document.createElement('td');\n priceHeader.textContent = 'Price';\n priceHeader.className = 'feature-header';\n priceRow.appendChild(priceHeader);\n \n \/\/ 添加价格单元格\n products.forEach(product =\u003e {\n const priceCell = document.createElement('td');\n priceCell.innerHTML = `\u003cspan class=\"price-tag\"\u003e${product.price}\u003c\/span\u003e`;\n priceRow.appendChild(priceCell);\n });\n \n tbody.appendChild(priceRow);\n \n \/\/ 创建型号行\n const modelRow = document.createElement('tr');\n const modelHeader = document.createElement('td');\n modelHeader.textContent = 'Model';\n modelHeader.className = 'feature-header';\n modelRow.appendChild(modelHeader);\n \n products.forEach(product =\u003e {\n const modelCell = document.createElement('td');\n modelCell.innerHTML = `\u003ca href=\"${product.link}\" target=\"_blank\" class=\"product-link\"\u003e${product.model}\u003c\/a\u003e`;\n modelRow.appendChild(modelCell);\n });\n \n tbody.appendChild(modelRow);\n \n \/\/ 添加其他特性行\n const features = [\n { key: 'powerSource', label: 'Power Source' },\n { key: 'resolution', label: 'Resolution' },\n { key: 'wifi', label: 'Wi-Fi' },\n { key: 'nightVision', label: 'Night Vision' },\n { key: 'recording', label: '24\/7 Recording' },\n { key: 'sirenAlarm', label: 'Siren Alarm' },\n { key: 'rotatable', label: 'Rotatable' },\n { key: 'zoom', label: 'Zoom' },\n { key: 'interface', label: 'Interface' },\n { key: 'detectionDistance', label: 'Detection Distance' },\n { key: 'app', label: 'APP' }\n ];\n \n features.forEach(feature =\u003e {\n const row = document.createElement('tr');\n const header = document.createElement('td');\n header.textContent = feature.label;\n header.className = 'feature-header';\n row.appendChild(header);\n \n products.forEach(product =\u003e {\n const cell = document.createElement('td');\n let value = product[feature.key];\n \n \/\/ 特殊处理勾选和叉号标记\n if (value === '✔') {\n cell.innerHTML = '\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e';\n } else if (value === '✘') {\n cell.innerHTML = '\u003cspan class=\"crossmark\"\u003e✘\u003c\/span\u003e';\n } else {\n cell.textContent = value;\n }\n \n row.appendChild(cell);\n });\n \n tbody.appendChild(row);\n });\n \n \/\/ 检测是否需要显示滚动提示\n function checkScrollIndicator() {\n const container = document.querySelector('.comparison-table-container');\n if (container.scrollWidth \u003e container.clientWidth) {\n document.querySelector('.scroll-indicator').style.display = 'block';\n } else {\n document.querySelector('.scroll-indicator').style.display = 'none';\n }\n }\n \n \/\/ 初始检查和窗口调整时检查\n checkScrollIndicator();\n window.addEventListener('resize', checkScrollIndicator);\n });\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"ZUMIMALL","offers":[{"title":"1 Doorbell(White) | No SD Card","offer_id":48898812379440,"sku":"P8W","price":54.99,"currency_code":"USD","in_stock":true},{"title":"1 Doorbell(White) | 128G SD Card","offer_id":66514371969328,"sku":"P8W+128G","price":85.99,"currency_code":"USD","in_stock":true},{"title":"1 Doorbell(Black) | No SD Card","offer_id":66514372002096,"sku":"P8","price":54.99,"currency_code":"USD","in_stock":true},{"title":"1 Doorbell(Black) | 128G SD Card","offer_id":66514372034864,"sku":"P8+128G","price":85.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8_2e51edbb-06bb-4687-8ae1-6e292ccae13d.jpg?v=1774246323"},{"product_id":"2k-wireless-outdoor-solar-power-battery-security-camera-mw3k-4-pack","title":"Tiejus Outdoor Solar Powered Security Camera-MW3K (4-pack)","description":"\u003cstyle\u003e\n \/* 全局样式 - 使用品牌色调 *\/\n :root {\n --primary-dark-blue: #476C94;\n --primary-teal: #2D9EA1;\n --primary-light-blue: #97C5EC;\n --text-color: #333;\n --light-bg: #f9f9f9;\n --border-radius: 8px;\n --box-shadow: 0 4px 12px rgba(71, 108, 148, 0.1);\n }\n \n \/* 基础样式 *\/\n body {\n font-family: 'Arial', sans-serif;\n color: var(--text-color);\n line-height: 1.6;\n margin: 0;\n padding: 0;\n }\n \n .product-section {\n max-width: 90%;\n margin: 40px auto;\n padding: 0 5%;\n }\n \n \/* 折叠面板样式 - 更新版 *\/\n .collapsible {\n background-color: white;\n color: var(--primary-dark-blue);\n cursor: pointer;\n padding: 20px;\n width: 100%;\n border: 1px solid #e0e0e0;\n text-align: left;\n outline: none;\n font-size: 18px;\n font-weight: bold;\n border-radius: var(--border-radius);\n margin-bottom: 10px;\n position: relative;\n transition: all 0.3s ease;\n box-shadow: var(--box-shadow);\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .collapsible:hover {\n background-color: var(--light-bg);\n border-color: var(--primary-light-blue);\n }\n \n .active, .collapsible.active:hover {\n background-color: var(--light-bg);\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n border-color: var(--primary-light-blue);\n }\n \n .collapsible .toggle-icon {\n transition: transform 0.3s ease;\n color: var(--primary-teal);\n font-weight: bold;\n margin-left: 10px;\n }\n \n .active .toggle-icon {\n transform: rotate(90deg);\n }\n \n .content {\n padding: 0;\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-out;\n background-color: white;\n border: 1px solid #e0e0e0;\n border-top: none;\n border-bottom-left-radius: var(--border-radius);\n border-bottom-right-radius: var(--border-radius);\n box-shadow: var(--box-shadow);\n }\n \n .content-inner {\n padding: 20px;\n }\n \n \/* What's in the Box 特殊样式 *\/\n .whats-in-box {\n display: flex;\n flex-wrap: wrap;\n }\n \n .whats-in-box-img {\n flex: 0 0 70%;\n max-width: 70%;\n padding-right: 20px;\n }\n \n .whats-in-box-text {\n flex: 0 0 30%;\n max-width: 30%;\n padding-left: 10px;\n }\n \n .whats-in-box-img img {\n width: 100%;\n height: auto;\n border-radius: var(--border-radius);\n }\n \n \/* 响应式图片容器 *\/\n .responsive-image {\n width: 100%;\n height: auto;\n border-radius: var(--border-radius);\n box-shadow: var(--box-shadow);\n margin-bottom: 2px;\n }\n \n .desktop-img {\n display: block;\n }\n \n .mobile-img {\n display: none;\n }\n \n \/* 视频部分样式 *\/\n .video-section {\n text-align: center;\n }\n \n .video-container {\n position: relative;\n padding-bottom: 56.25%; \/* 16:9 比例 *\/\n height: 0;\n overflow: hidden;\n max-width: 1800px;\n margin: 0 auto;\n border-radius: var(--border-radius);\n box-shadow: var(--box-shadow);\n }\n \n .video-container video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n \n \/* 图片部分样式 *\/\n .image-section {\n text-align: center;\n }\n \n .image-section img {\n max-width: 100%;\n height: auto;\n border-radius: var(--border-radius);\n box-shadow: var(--box-shadow);\n }\n \n .section-title {\n font-size: 28px;\n font-weight: bold;\n margin-bottom: 20px;\n color: var(--primary-dark-blue);\n text-align: center;\n font-family: 'Arial Rounded MT Bold', 'Arial', sans-serif;\n position: relative;\n padding-bottom: 10px;\n }\n \n .section-title:after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: var(--primary-teal);\n }\n \n .section-subtitle {\n font-size: 18px;\n margin-bottom: 30px;\n text-align: center;\n color: var(--text-color);\n }\n \n \/* 折叠内容带图片的样式 *\/\n .feature-item {\n margin-bottom: 30px;\n }\n \n .feature-text {\n margin-bottom: 20px;\n color: var(--text-color);\n }\n \n \/* 轮播图样式 *\/\n .carousel {\n position: relative;\n max-width: 100%;\n margin: 50px auto;\n overflow: hidden;\n border-radius: var(--border-radius);\n }\n \n .carousel-inner {\n display: flex;\n transition: transform 0.5s ease;\n }\n \n .carousel-item {\n min-width: 100%;\n box-sizing: border-box;\n padding: 0 10px;\n }\n \n .carousel-desktop .carousel-item {\n min-width: 50%;\n }\n \n .carousel img {\n width: 100%;\n height: auto;\n border-radius: var(--border-radius);\n box-shadow: var(--box-shadow);\n }\n \n .carousel-caption {\n padding: 20px 15px;\n text-align: center;\n }\n \n .carousel-caption h3 {\n font-weight: bold;\n margin-bottom: 10px;\n color: var(--primary-dark-blue);\n font-size: 18px;\n }\n \n .carousel-caption p {\n color: var(--text-color);\n }\n \n .carousel-control {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background-color: var(--primary-teal);\n color: white;\n border: none;\n padding: 12px;\n cursor: pointer;\n border-radius: 50%;\n z-index: 10;\n width: 44px;\n height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0.9;\n transition: all 0.3s;\n }\n \n .carousel-control:hover {\n opacity: 1;\n background-color: var(--primary-dark-blue);\n }\n \n .carousel-control.prev {\n left: 15px;\n }\n \n .carousel-control.next {\n right: 15px;\n }\n \n \/* 轮播分页指示器 *\/\n .carousel-indicators {\n display: flex;\n justify-content: center;\n margin-top: 15px;\n }\n \n .carousel-indicator {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background-color: #ccc;\n margin: 0 5px;\n cursor: pointer;\n transition: background-color 0.3s;\n }\n \n .carousel-indicator.active {\n background-color: var(--primary-teal);\n }\n \n \/* 多图片带标题部分 *\/\n .multi-image-section {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 50px 0;\n }\n \n .multi-image-item {\n width: 100%;\n margin-bottom: 40px;\n text-align: center;\n }\n \n .multi-image-item img {\n max-width: 100%;\n height: auto;\n border-radius: var(--border-radius);\n box-shadow: var(--box-shadow);\n transition: transform 0.3s;\n }\n \n .multi-image-item img:hover {\n transform: translateY(-5px);\n }\n \n .multi-image-title {\n font-size: 20px;\n font-weight: bold;\n margin-bottom: 15px;\n color: var(--primary-dark-blue);\n position: relative;\n padding-bottom: 10px;\n }\n \n .multi-image-title:after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 50px;\n height: 2px;\n background: var(--primary-teal);\n }\n \n \/* 按钮样式 *\/\n .cta-button {\n display: block;\n width: 100%;\n max-width: 400px;\n margin: 50px auto;\n padding: 16px;\n background-color: var(--primary-teal);\n color: white;\n text-align: center;\n font-size: 18px;\n font-weight: bold;\n border: none;\n border-radius: var(--border-radius);\n cursor: pointer;\n text-decoration: none;\n transition: all 0.3s;\n box-shadow: 0 4px 8px rgba(45, 158, 161, 0.3);\n }\n \n .cta-button:hover {\n background-color: var(--primary-dark-blue);\n transform: translateY(-2px);\n box-shadow: 0 6px 12px rgba(45, 158, 161, 0.4);\n }\n \n \/* 响应式调整 - 修改手机端样式 *\/\n @media (max-width: 767px) {\n body {\n padding: 0;\n }\n \n .product-section {\n max-width: 100%;\n padding: 0 2px;\n margin: 5px auto;\n }\n \n .section-title {\n font-size: 22px;\n margin-bottom: 10px;\n }\n \n .section-subtitle {\n font-size: 16px;\n margin-bottom: 15px;\n }\n \n .carousel-desktop .carousel-item {\n min-width: 100%;\n }\n \n .collapsible {\n padding: 12px 8px;\n font-size: 16px;\n margin-bottom: 5px;\n }\n \n .content-inner {\n padding: 10px 8px;\n }\n \n .feature-item {\n margin-bottom: 15px;\n }\n \n .carousel {\n margin: 15px auto;\n }\n \n .carousel-caption {\n padding: 10px 5px;\n }\n \n .carousel-caption h3 {\n font-size: 16px;\n margin-bottom: 5px;\n }\n \n .carousel-caption p {\n font-size: 14px;\n }\n \n .multi-image-section {\n margin: 15px 0;\n gap: 15px;\n }\n \n .multi-image-item {\n margin-bottom: 15px;\n }\n \n .whats-in-box-img, \n .whats-in-box-text {\n flex: 0 0 100%;\n max-width: 100%;\n padding: 0;\n }\n \n .whats-in-box-text {\n margin-top: 10px;\n }\n \n .cta-button {\n margin: 15px auto;\n padding: 12px;\n font-size: 16px;\n }\n \n \/* 切换图片显示 *\/\n .desktop-img {\n display: none;\n }\n \n .mobile-img {\n display: block;\n }\n }\n \n @media (min-width: 768px) {\n .multi-image-item {\n width: 32%;\n }\n \n \/* 确保桌面端显示正确的图片 *\/\n .desktop-img {\n display: block;\n }\n \n .mobile-img {\n display: none;\n }\n }\n\u003c\/style\u003e\n\n\u003c!-- 第一部分：About this item 折叠栏 --\u003e\n\u003cdiv class=\"product-section\"\u003e\n\u003cbutton class=\"collapsible\" type=\"button\"\u003e \u003cspan style=\"font-size: 22px;\"\u003eAbout this item\u003c\/span\u003e \u003cspan class=\"toggle-icon\"\u003e❯\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"content-inner\"\u003e\n\u003cp\u003e\u003cstrong\u003e2K HD \u0026amp; Full Color Night Vision-See Every Detail Clearly\u003c\/strong\u003e: This solar camera outdoor wireless deliver 2K video quality with 2 white lights and 4 IR lights for clear images in complete darkness, and this solar camera outdoor wireless with a viewing range up to 55 feet\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eNo Subscription - Cloud Storage \u0026amp; Memory Card Storage Support\u003c\/strong\u003e: Save footage locally with an memory card (not included) or enjoy truly lifetime cloud storage playback(1-day recurring clips, no subscriptions). Up to 4 users can access live feeds simultaneously for shared peace of mind\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSmart AI Motion Detection \u0026amp; Customizable Alarms\u003c\/strong\u003e: AI-powered PIR sensing accurately detects people and movement, reducing false alerts. Personalize your defense with 36 unique alarm sounds, or record custom voice warnings to scare off intruders\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e5G\/2.4GHz Dual-Band WiFi \u0026amp; Easy Setup \u0026amp; Easy Installation\u003c\/strong\u003e: This solar camera outdoor wireless connect via 5GHz or 2.4GHz Wi-Fi.TIEJUS solar camera outdoor wireless easily install the solar panel and camera with provided brackets and screws for a wireless\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eReal-Time Alerts via App or Email \u0026amp; Stay Informed in Real-Time\u003c\/strong\u003e: Get instant APP push notifications or email alerts the moment motion is detected. The upgraded O-KAM Pro App keeps you informed—whether you're home or away\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eIP66 \u0026amp; Extreme Weatherproof\u003c\/strong\u003e: This outdoor camera wireless built to endure rain, snow, and scorching heat, this camera features reinforced waterproofing (60% more effective!) and operates flawlessly from -4°F to 140°F (-20°C to 60°C). Your vigilance never takes a day off\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eRechargeable \u0026amp; Long-Lasting Battery \u0026amp; Solar-Powered for 24\/7 Protection\u003c\/strong\u003e: This solar camera outdoor wireless have ETFE solar panels, boosting efficiency by 22%, providing 365 days of protection with 1.5 hours of sunlight daily. No more battery swaps or charging headaches\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSuitable for Various Scenarios\u003c\/strong\u003e: This solar security cameras wireless outdoor are ideal for front doors, backyards, and more. Recommended for well-lit areas to ensure optimal solar charging and continuous operation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 第二部分：视频部分 --\u003e\n\u003cdiv class=\"product-section video-section\"\u003e\n\u003cdiv class=\"video-container\"\u003e\u003cvideo poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_Video.jpg?v=1753086908\" controls=\"controls\"\u003e\n \u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c90fd40b35e945e2bf494978e9d05620.mp4\"\u003e\n Your browser does not support the video tag.\n \u003c\/source\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 第三部分：图片带标题 --\u003e\n\u003cdiv class=\"product-section image-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eTIEJUE 5G WiFi Outdoor Solar Security Cameras\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eColor Night Vision, AI Detection, 2 Way Talk, IP66, Cloud\/SD, Alexa, 5G\/2.4GHz WiFi\u003c\/p\u003e\n\u003cimg class=\"responsive-image\" alt=\"TIEJUE 5G WiFi Outdoor Solar Security Cameras\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_5G.jpg?v=1754364409\"\u003e\n\u003c\/div\u003e\n\n\u003c!-- 第四部分：7个折叠栏带图片 --\u003e\n\u003cdiv class=\"product-section\"\u003e\n\u003c!-- 第一个折叠项 --\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cbutton class=\"collapsible active\" type=\"button\"\u003e \u003cspan style=\"font-family: 'Arial Rounded MT Bold', 'Arial', sans-serif;\"\u003e2K Resolution\u003c\/span\u003e \u003cspan class=\"toggle-icon\"\u003e❯\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv style=\"max-height: 1000px;\" class=\"content\"\u003e\n\u003cdiv class=\"content-inner\"\u003e\n\u003cp class=\"feature-text\"\u003eThis security camera delivers 2K quality video and images, allowing you to clearly capture every detail of the picture.\u003c\/p\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--1PC.png?v=1754362133\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--1.png?v=1753082687\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"2K Resolution\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--1PC.png?v=1754362133\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 第二个折叠项 --\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cbutton class=\"collapsible active\" type=\"button\"\u003e \u003cspan style=\"font-family: 'Arial Rounded MT Bold', 'Arial', sans-serif;\"\u003eFull-Color Night Vision\u003c\/span\u003e \u003cspan class=\"toggle-icon\"\u003e❯\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv style=\"max-height: 1000px;\" class=\"content\"\u003e\n\u003cdiv class=\"content-inner\"\u003e\n\u003cp class=\"feature-text\"\u003eEquipped with 2 white lights and 4 IR lights, this outdoor security camera provides clear black-and-white images or color images even in complete darkness with a viewing range of up to 55 feet.\u003c\/p\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--2PC.png?v=1754362132\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--2.png?v=1753082686\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Full-Color Night Vision\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--2PC.png?v=1754362132\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 第三个折叠项 --\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cbutton class=\"collapsible active\" type=\"button\"\u003e \u003cspan style=\"font-family: 'Arial Rounded MT Bold', 'Arial', sans-serif;\"\u003eBuilt-In Intelligent AI Detects Humans\u003c\/span\u003e \u003cspan class=\"toggle-icon\"\u003e❯\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv style=\"max-height: 1000px;\" class=\"content\"\u003e\n\u003cdiv class=\"content-inner\"\u003e\n\u003cp class=\"feature-text\"\u003eAdvanced AI only alerts you when a person enters the area and prevents alerts from pets or trees.\u003c\/p\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--3PC.png?v=1754362132\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--3.png?v=1753082687\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Built-In Intelligent AI Detects Humans\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--3PC.png?v=1754362132\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 第四个折叠项 --\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cbutton class=\"collapsible active\" type=\"button\"\u003e \u003cspan style=\"font-family: 'Arial Rounded MT Bold', 'Arial', sans-serif;\"\u003eCustomizable PIR Sensitivity\u003c\/span\u003e \u003cspan class=\"toggle-icon\"\u003e❯\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv style=\"max-height: 1000px;\" class=\"content\"\u003e\n\u003cdiv class=\"content-inner\"\u003e\n\u003cp class=\"feature-text\"\u003eSet Near\/Medium\/Far levels of PIR sensitivity to reduce false alarms and extend battery life.\u003c\/p\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--4PC.png?v=1754362133\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--4.png?v=1753082687\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Customizable PIR Sensitivity\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--4PC.png?v=1754362133\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 第五个折叠项 --\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cbutton class=\"collapsible active\" type=\"button\"\u003e \u003cspan style=\"font-family: 'Arial Rounded MT Bold', 'Arial', sans-serif;\"\u003e2 Storage Methods\u003c\/span\u003e \u003cspan class=\"toggle-icon\"\u003e❯\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv style=\"max-height: 1000px;\" class=\"content\"\u003e\n\u003cdiv class=\"content-inner\"\u003e\n\u003cp class=\"feature-text\"\u003eThe home security camera supports SD card and cloud storage. Recorded videos can be stored on your SD card, ensuring your data is backed up and accessible anytime, anywhere.\u003c\/p\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--9PC.png?v=1754362130\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--9.png?v=1753082686\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"2 Storage Methods\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--9PC.png?v=1754362130\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 第六个折叠项 --\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cbutton class=\"collapsible active\" type=\"button\"\u003e \u003cspan style=\"font-family: 'Arial Rounded MT Bold', 'Arial', sans-serif;\"\u003eIP66 Waterproof\u003c\/span\u003e \u003cspan class=\"toggle-icon\"\u003e❯\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv style=\"max-height: 1000px;\" class=\"content\"\u003e\n\u003cdiv class=\"content-inner\"\u003e\n\u003cp class=\"feature-text\"\u003eCompletely upgraded rubber ring to improve airtightness, waterproof effectively increased by 60%.\u003c\/p\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1-24PC.png?v=1754362132\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--24.png?v=1754362148\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"IP66 Waterproof\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1-24PC.png?v=1754362132\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 第七个折叠项 --\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cbutton class=\"collapsible active\" type=\"button\"\u003e \u003cspan style=\"font-family: 'Arial Rounded MT Bold', 'Arial', sans-serif;\"\u003eInstant App \u0026amp; Email Alerts\u003c\/span\u003e \u003cspan class=\"toggle-icon\"\u003e❯\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv style=\"max-height: 1000px;\" class=\"content\"\u003e\n\u003cdiv class=\"content-inner\"\u003e\n\u003cp class=\"feature-text\"\u003eThe camera will send you instant alerts via app and email when detecting something suspicious.\u003c\/p\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--10PC.png?v=1754362131\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--10.png?v=1753082686\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Instant App \u0026amp; Email Alerts\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--10PC.png?v=1754362131\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 第五部分：6张图片轮播 --\u003e\n\u003cdiv class=\"product-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBursting with Incredible Features\u003c\/h2\u003e\n\u003cdiv id=\"carousel1\" class=\"carousel carousel-desktop\"\u003e\n\u003cdiv class=\"carousel-inner\"\u003e\n\u003c!-- 轮播项1 --\u003e\n\u003cdiv class=\"carousel-item\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--8.png?v=1753082687\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--8.png?v=1753082687\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Work with Alexa\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--8.png?v=1753082687\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003cdiv class=\"carousel-caption\"\u003e\n\u003ch3\u003eWork with Alexa\u003c\/h3\u003e\n\u003cp\u003eOnce connected to Alexa, you can use voice control to have Alexa camera display live images to you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 轮播项2 --\u003e\n\u003cdiv class=\"carousel-item\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--7.png?v=1753082687\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--7.png?v=1753082687\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Smart Watch View Alarm Video\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--7.png?v=1753082687\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003cdiv class=\"carousel-caption\"\u003e\n\u003ch3\u003eSmart Watch View Alarm Video\u003c\/h3\u003e\n\u003cp\u003eView the alarm message video on your smart watch without taking out your mobile phone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 轮播项3 --\u003e\n\u003cdiv class=\"carousel-item\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--5.png?v=1753082687\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--5.png?v=1753082687\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Free Cloud Storage\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--5.png?v=1753082687\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003cdiv class=\"carousel-caption\"\u003e\n\u003ch3\u003eFree Cloud Storage\u003c\/h3\u003e\n\u003cp\u003eProvide lifetime 3 Days recurring free cloud storage, unlimited capacity and recording duration, no subscription and cost to enjoy the cloud storage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 轮播项4 --\u003e\n\u003cdiv class=\"carousel-item\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--6.png?v=1753082686\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--6.png?v=1753082686\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"2 Notification Methods\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--6.png?v=1753082686\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003cdiv class=\"carousel-caption\"\u003e\n\u003ch3\u003e2 Notification Methods\u003c\/h3\u003e\n\u003cp\u003eO-KAM Pro APP adds new email notification method. When motion is detected, it will send real-time APP notifications or email notifications to your phone, guarding your home security all the time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 轮播项5 --\u003e\n\u003cdiv class=\"carousel-item\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--11.png?v=1753082686\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--11.png?v=1753082686\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Two Way Talk\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--11.png?v=1753082686\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003cdiv class=\"carousel-caption\"\u003e\n\u003ch3\u003eTwo Way Talk\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 轮播项6 --\u003e\n\u003cdiv class=\"carousel-item\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--12.png?v=1753082686\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--12.png?v=1753082686\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Muti-Users Sharing\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--12.png?v=1753082686\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003cdiv class=\"carousel-caption\"\u003e\n\u003ch3\u003eMuti-Users Sharing\u003c\/h3\u003e\n\u003cp\u003eSupport unlimited sharing and 4 users watching live videos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"carousel-control prev\"\u003e❮\u003c\/button\u003e \n\u003cbutton class=\"carousel-control next\"\u003e❯\u003c\/button\u003e\n\u003cdiv id=\"carousel1-indicators\" class=\"carousel-indicators\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 第六部分：9张图片轮播 --\u003e\n\u003cdiv class=\"product-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eLearn More about MW3K\u003c\/h2\u003e\n\u003cdiv id=\"carousel2\" class=\"carousel\"\u003e\n\u003cdiv class=\"carousel-inner\"\u003e\n\u003c!-- 轮播项1 --\u003e\n\u003cdiv class=\"carousel-item\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--22PC.png?v=1754362128\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--22.png?v=1753082686\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Seamless Setup in Three Easy Steps\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--22PC.png?v=1754362128\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003cdiv class=\"carousel-caption\"\u003e\n\u003ch3\u003eSeamless Setup in Three Easy Steps\u003c\/h3\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 轮播项2 --\u003e\n\u003cdiv class=\"carousel-item\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--21PC.png?v=1754362131\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--21.png?v=1753082686\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--21PC.png?v=1754362131\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003cdiv class=\"carousel-caption\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 轮播项3 --\u003e\n\u003cdiv class=\"carousel-item\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--19PC.png?v=1754362129\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--19.png?v=1753082685\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--19PC.png?v=1754362129\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003cdiv class=\"carousel-caption\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 轮播项4 --\u003e\n\u003cdiv class=\"carousel-item\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--20PC.png?v=1754362129\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--20.png?v=1753082686\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--20PC.png?v=1754362129\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003cdiv class=\"carousel-caption\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 轮播项5 --\u003e\n\u003cdiv class=\"carousel-item\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--14PC.png?v=1754374736\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--14.png?v=1753082685\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"DIY Alarm Sounds\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--14PC.png?v=1754374736\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003cdiv class=\"carousel-caption\"\u003e\n\u003ch3\u003eDIY Alarm Sounds\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 轮播项6 --\u003e\n\u003cdiv class=\"carousel-item\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--15PC.png?v=1754374736\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--15.png?v=1753082685\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Setting Alarm Time Plan\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--15PC.png?v=1754374736\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003cdiv class=\"carousel-caption\"\u003e\n\u003ch3\u003eSetting Alarm Time Plan\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 轮播项7 --\u003e\n\u003cdiv class=\"carousel-item\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--16PC.png?v=1754374737\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--16.png?v=1753082685\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Setting Customized Area\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--16PC.png?v=1754374737\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003cdiv class=\"carousel-caption\"\u003e\n\u003ch3\u003eSetting Customized Area\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 轮播项8 --\u003e\n\u003cdiv class=\"carousel-item\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--17PC.png?v=1754374736\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--17.png?v=1753082686\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Multiple Speeds Play The Video\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--17PC.png?v=1754374736\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003cdiv class=\"carousel-caption\"\u003e\n\u003ch3\u003eMultiple Speeds Play The Video\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 轮播项9 --\u003e\n\u003cdiv class=\"carousel-item\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--18PC.png?v=1754374736\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--18.png?v=1753082686\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Alarm Message Video Sharing\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--18PC.png?v=1754374736\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003cdiv class=\"carousel-caption\"\u003e\n\u003ch3\u003eAlarm Message Video Sharing\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"carousel-control prev\"\u003e❮\u003c\/button\u003e \n\u003cbutton class=\"carousel-control next\"\u003e❯\u003c\/button\u003e\n\u003cdiv id=\"carousel2-indicators\" class=\"carousel-indicators\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 第七部分：1张图片 --\u003e\n\u003cdiv class=\"product-section image-section\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--23PC.png?v=1754362131\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--23.png?v=1753082686\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Protect Every Corner of Your Home\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_1--23PC.png?v=1754362131\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- 第八部分：What's in the Box 折叠栏 --\u003e\n\u003cdiv class=\"product-section\"\u003e\n\u003cbutton style=\"background-color: #f1f9f9;\" class=\"collapsible active\" type=\"button\"\u003e \u003cspan style=\"font-size: 22px;\"\u003eWhat's in the Box?\u003c\/span\u003e \u003cspan class=\"toggle-icon\"\u003e❯\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv style=\"max-height: 1000px; background-color: #f1f9f9;\" class=\"content\"\u003e\n\u003cdiv class=\"content-inner whats-in-box\"\u003e\n\u003cdiv class=\"whats-in-box-img\"\u003e\u003cimg alt=\"What's in the Box\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K-5G-pack.jpg?v=1754373127\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"whats-in-box-text\"\u003e\n\u003cp style=\"font-weight: bold; color: var(--primary-dark-blue);\"\u003eCamera*1\u003cbr\u003eCamera Backet*1\u003cbr\u003eSolor Panel*1\u003cbr\u003eSolor Panel Backet*1\u003cbr\u003eTip Sticker*1\u003cbr\u003eInstruction Manual*1\u003cbr\u003eData Cable*1\u003cbr\u003eScrew Package*2\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Product Specifications Section --\u003e\n\u003cdiv class=\"product-section\"\u003e\n\u003cdiv class=\"stacked-foldable-container\"\u003e\n\u003c!-- 产品参数折叠栏 1 --\u003e\n\u003cdetails class=\"stacked-foldable\"\u003e\n\u003csummary class=\"stacked-foldable-summary\"\u003e\u003cspan class=\"stacked-foldable-title\"\u003eResolution\u003c\/span\u003e \u003cspan class=\"stacked-foldable-icon\"\u003e›\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"stacked-foldable-content\"\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eImage sensor\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003e300WColor Sensor 1\/2.7CMOS\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eAudio Input\/output\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eBuilt-in microphone and speaker\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eLens\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003e2.9mm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eAngle of view\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003e130 degree\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eDay \u0026amp; night\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eElectronic(IR-CUT filter with auto switch)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eVideo compression\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eH.264\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eBit rate\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003e16Kbps~2Mbps\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eDual stream\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eYes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eImage resolution\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003e2K\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eFrame rate\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003e25fps\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eAlarm trigger\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eIntelligent motion detection, support PIR\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 折叠栏 2 --\u003e\n\u003cdetails class=\"stacked-foldable\"\u003e\n\u003csummary class=\"stacked-foldable-summary\"\u003e\u003cspan class=\"stacked-foldable-title\"\u003eDesign\u003c\/span\u003e \u003cspan class=\"stacked-foldable-icon\"\u003e›\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"stacked-foldable-content\"\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eWireless Security\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eWEP, WPA, WPA2\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eRemote wakeup\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eSupport\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eWireless\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003e2.4G\/5G WIFI\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eSupported mobile phone OS\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eiOS 9 up,Adroid 4.0 up\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eSecurity\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eUser authentication,software encryption\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- 折叠栏 3 --\u003e\n\u003cdetails class=\"stacked-foldable\"\u003e\n\u003csummary class=\"stacked-foldable-summary\"\u003e\u003cspan class=\"stacked-foldable-title\"\u003ePower\u003c\/span\u003e \u003cspan class=\"stacked-foldable-icon\"\u003e›\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"stacked-foldable-content\"\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eBattery\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003e5000mA\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eStandby consumption\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003e500µA\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eWork consumption\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003e220mA\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eStandy time 6 months\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003e6 months\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eWorking time\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003e3 months(15 times wake up per day)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eOperating temperature\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003e−20 °C to 50 °C\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003ePower supply\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eSupport, optional, DC 5V\/2A\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eIR distance\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eNight visibility up to 10m\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eBrand\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eTIEJUS\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eAPP\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eO KAM PRO\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n \/* Stacked Foldable Container Styles *\/\n .stacked-foldable-container {\n width: 100%;\n max-width: 1200px;\n margin: 30px auto;\n font-family: 'Arial', sans-serif;\n }\n \n .stacked-foldable {\n border: 1px solid #e0e0e0;\n border-radius: var(--border-radius);\n margin-bottom: 10px;\n overflow: hidden;\n box-shadow: var(--box-shadow);\n background-color: white;\n }\n \n .stacked-foldable-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px 20px;\n cursor: pointer;\n list-style: none;\n font-weight: bold;\n color: var(--primary-dark-blue);\n background-color: white;\n transition: all 0.3s;\n }\n \n .stacked-foldable-summary:hover {\n background-color: var(--light-bg);\n }\n \n .stacked-foldable-title {\n font-size: 16px;\n }\n \n .stacked-foldable-icon {\n transition: transform 0.3s;\n color: var(--primary-teal);\n font-weight: bold;\n font-size: 18px;\n }\n \n .stacked-foldable[open] .stacked-foldable-icon {\n transform: rotate(90deg);\n }\n \n .stacked-foldable-content {\n padding: 15px 20px;\n border-top: 1px solid #e0e0e0;\n }\n \n .stacked-foldable-row {\n display: flex;\n padding: 8px 0;\n border-bottom: 1px solid #f0f0f0;\n }\n \n .stacked-foldable-row:last-child {\n border-bottom: none;\n }\n \n .stacked-foldable-col {\n flex: 1;\n font-size: 14px;\n color: var(--text-color);\n }\n \n .stacked-foldable-col:first-child {\n font-weight: 500;\n color: #666;\n }\n \n @media (max-width: 767px) {\n .stacked-foldable-summary {\n padding: 12px 15px;\n }\n \n .stacked-foldable-title {\n font-size: 15px;\n }\n \n .stacked-foldable-content {\n padding: 10px 15px;\n }\n \n .stacked-foldable-row {\n flex-direction: column;\n }\n \n .stacked-foldable-col {\n padding: 3px 0;\n }\n }\n \u003c\/style\u003e\n\u003c!-- Additional Resources Section --\u003e\n\u003cdiv class=\"product-section\"\u003e\n\u003cdiv class=\"resources-container\"\u003e\n\u003c!-- Cloud and AI Services --\u003e\n\u003cdiv class=\"accordion-container\"\u003e\n\u003cbutton class=\"accordion\"\u003e \u003cspan class=\"accordion-title\"\u003eO KAM Pro Cloud Storage\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e›\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"accordion-content\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K_Cloud.jpg?v=1754362147\" class=\"responsive-image\" alt=\"Cloud Storage\"\u003e\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c!-- Downloads Section --\u003e\n\u003cdiv class=\"downloads-container\"\u003e\n\u003cdiv class=\"download-row\"\u003e\n\u003cdiv class=\"download-column\"\u003e\n\u003cdiv class=\"download-content\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/file-arrow-down-solid.svg?v=1742554573\" class=\"download-icon\" alt=\"Manual Download\"\u003e\n\u003cdiv class=\"download-text\"\u003e\n\u003ch3\u003eProduct Manual\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/TIEJUS_MW3_W3K_1_ceab672d-e247-4af6-9581-eae3457d1084.pdf?v=1729492048\" class=\"download-button\"\u003eDownload\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"download-column\"\u003e\n\u003cdiv class=\"download-content\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/cloud-arrow-down-solid.svg?v=1742554572\" class=\"download-icon\" alt=\"App Download\"\u003e\n\u003cdiv class=\"download-text\"\u003e\n\u003ch3\u003eApp Download\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"download-button-group\"\u003e\n\u003ca href=\"https:\/\/play.google.com\/store\/search?q=okam+pro\u0026amp;c=apps\" class=\"download-button\"\u003eAPK\u003c\/a\u003e \u003ca href=\"https:\/\/apps.apple.com\/us\/app\/o-kam-pro\/id1602054864\" class=\"download-button\"\u003eiOS\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n \/* Accordion Container Styles *\/\n .accordion-container {\n width: 100%;\n max-width: 1200px;\n margin: 30px auto;\n }\n \n .accordion {\n width: 100%;\n border: none;\n border-bottom: 1px solid #e0e0e0;\n outline: none;\n transition: 0.3s;\n background-color: white;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px 20px;\n text-align: left;\n border-radius: var(--border-radius);\n margin-bottom: 10px;\n box-shadow: var(--box-shadow);\n }\n \n .accordion:first-of-type {\n border-top: 1px solid #e0e0e0;\n }\n \n .accordion-title {\n font-weight: bold;\n font-size: 16px;\n color: var(--primary-dark-blue);\n margin: 0;\n }\n \n .accordion-icon {\n font-size: 18px;\n transition: transform 0.3s;\n color: var(--primary-teal);\n font-weight: bold;\n }\n \n .accordion.active .accordion-icon {\n transform: rotate(90deg);\n }\n \n .accordion-content {\n padding: 0;\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-out;\n margin-bottom: 15px;\n }\n \n \/* Downloads Container Styles *\/\n .downloads-container {\n width: 100%;\n max-width: 900px;\n margin: 30px auto;\n }\n \n .download-row {\n display: flex;\n gap: 15px;\n margin-bottom: 15px;\n }\n \n .download-column {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 15px;\n border-radius: var(--border-radius);\n background-color: white;\n box-shadow: var(--box-shadow);\n }\n \n .download-content {\n display: flex;\n align-items: center;\n gap: 10px;\n }\n \n .download-icon {\n width: 20px;\n height: 20px;\n color: var(--primary-teal);\n }\n \n .download-text h3 {\n font-size: 15px;\n margin: 0;\n color: var(--text-color);\n font-weight: 500;\n }\n \n .download-button {\n padding: 8px 15px;\n background-color: var(--primary-teal);\n color: white;\n border: none;\n border-radius: var(--border-radius);\n cursor: pointer;\n font-weight: bold;\n font-size: 13px;\n text-decoration: none;\n transition: all 0.3s;\n }\n \n .download-button:hover {\n background-color: var(--primary-dark-blue);\n }\n \n .download-button-group {\n display: flex;\n gap: 8px;\n }\n \n @media (max-width: 767px) {\n .download-row {\n flex-direction: column;\n gap: 10px;\n }\n \n .accordion {\n padding: 12px 15px;\n }\n \n .accordion-title {\n font-size: 15px;\n }\n \n .download-column {\n padding: 12px;\n }\n \n .download-icon {\n width: 18px;\n height: 18px;\n }\n \n .download-text h3 {\n font-size: 14px;\n }\n \n .download-button {\n padding: 6px 12px;\n font-size: 12px;\n }\n }\n \u003c\/style\u003e\n\u003cscript\u003e\n \/\/ Accordion functionality\n document.querySelectorAll('.accordion').forEach(accordion =\u003e {\n accordion.addEventListener('click', function() {\n this.classList.toggle('active');\n const content = this.nextElementSibling;\n if (content.style.maxHeight) {\n content.style.maxHeight = null;\n } else {\n content.style.maxHeight = content.scrollHeight + 'px';\n }\n });\n });\n \n \/\/ Foldable functionality\n document.querySelectorAll('.stacked-foldable').forEach(foldable =\u003e {\n foldable.addEventListener('toggle', function() {\n if (this.open) {\n this.style.marginBottom = '15px';\n } else {\n this.style.marginBottom = '10px';\n }\n });\n });\n\u003c\/script\u003e\n\u003c!-- 第九部分：按钮 --\u003e\n\u003cdiv class=\"product-section\"\u003e\u003ca class=\"cta-button\" href=\"https:\/\/www.zumimall.com\/pages\/videos-for-tiejus-security-camera-mw3k\"\u003e Videos for Tiejus security camera-MW3K \u003c\/a\u003e\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ 折叠面板功能修正\n document.addEventListener('DOMContentLoaded', function() {\n var coll = document.getElementsByClassName(\"collapsible\");\n for (var i = 0; i \u003c coll.length; i++) {\n var button = coll[i];\n var content = button.nextElementSibling;\n \/\/ 默认展开\n if (button.classList.contains(\"active\")) {\n content.style.maxHeight = content.scrollHeight + \"px\";\n } else {\n content.style.maxHeight = null;\n }\n button.addEventListener(\"click\", function() {\n var content = this.nextElementSibling;\n this.classList.toggle(\"active\");\n \/\/ 收起或展开\n if (this.classList.contains(\"active\")) {\n content.style.maxHeight = content.scrollHeight + \"px\";\n } else {\n content.style.maxHeight = null;\n }\n });\n }\n\n \/\/ 初始化轮播\n initCarousel('carousel1');\n initCarousel('carousel2');\n \/\/ 响应式重绘\n window.addEventListener('resize', function() {\n redrawCarousel('carousel1');\n redrawCarousel('carousel2');\n });\n\n \/\/ 轮播按钮事件绑定\n document.querySelectorAll('.carousel').forEach(function(carousel) {\n const prevBtn = carousel.querySelector('.carousel-control.prev');\n const nextBtn = carousel.querySelector('.carousel-control.next');\n const id = carousel.id;\n if (prevBtn) prevBtn.onclick = function() { moveCarousel(id, -1); };\n if (nextBtn) nextBtn.onclick = function() { moveCarousel(id, 1); };\n\n \/\/ 绑定滑动和拖动事件\n addCarouselSwipeListeners(carousel, id);\n });\n });\n\n \/\/ 轮播核心变量\n const carouselStates = {};\n\n \/\/ 轮播初始化\n function initCarousel(carouselId) {\n const carousel = document.getElementById(carouselId);\n if (!carousel) return;\n const inner = carousel.querySelector('.carousel-inner');\n const items = carousel.querySelectorAll('.carousel-item');\n let visibleCount = carousel.classList.contains('carousel-desktop') \u0026\u0026 window.innerWidth \u003e= 768 ? 2 : 1;\n carouselStates[carouselId] = {\n current: 0,\n visible: visibleCount,\n total: items.length\n };\n updateCarousel(carouselId, 0);\n createIndicators(carouselId);\n }\n\n \/\/ 创建轮播指示器\n function createIndicators(carouselId) {\n const state = carouselStates[carouselId];\n if (!state) return;\n \n const indicatorsContainer = document.getElementById(carouselId + '-indicators');\n if (!indicatorsContainer) return;\n \n indicatorsContainer.innerHTML = '';\n const totalPages = Math.ceil(state.total \/ state.visible);\n \n for (let i = 0; i \u003c totalPages; i++) {\n const indicator = document.createElement('div');\n indicator.className = 'carousel-indicator';\n if (i === 0) indicator.classList.add('active');\n indicator.onclick = function() {\n updateCarousel(carouselId, i * state.visible);\n };\n indicatorsContainer.appendChild(indicator);\n }\n }\n\n \/\/ 更新指示器状态\n function updateIndicators(carouselId) {\n const state = carouselStates[carouselId];\n if (!state) return;\n \n const indicatorsContainer = document.getElementById(carouselId + '-indicators');\n if (!indicatorsContainer) return;\n \n const indicators = indicatorsContainer.querySelectorAll('.carousel-indicator');\n const currentPage = Math.floor(state.current \/ state.visible);\n \n indicators.forEach((indicator, index) =\u003e {\n if (index === currentPage) {\n indicator.classList.add('active');\n } else {\n indicator.classList.remove('active');\n }\n });\n }\n\n \/\/ 轮播移动（修正分页与循环）\n function moveCarousel(carouselId, direction) {\n const state = carouselStates[carouselId];\n if (!state) return;\n let {visible, total, current} = state;\n const totalPages = Math.ceil(total \/ visible);\n let curPage = Math.floor(current \/ visible);\n curPage = (curPage + direction + totalPages) % totalPages;\n let newIndex = curPage * visible;\n if(newIndex \u003e= total) newIndex = 0;\n updateCarousel(carouselId, newIndex);\n }\n\n \/\/ 轮播更新\n function updateCarousel(carouselId, newIndex) {\n const carousel = document.getElementById(carouselId);\n const inner = carousel.querySelector('.carousel-inner');\n const state = carouselStates[carouselId];\n if (!carousel || !inner || !state) return;\n state.current = newIndex;\n state.visible = carousel.classList.contains('carousel-desktop') \u0026\u0026 window.innerWidth \u003e= 768 ? 2 : 1;\n let items = inner.querySelectorAll('.carousel-item');\n for (let item of items) {\n item.style.minWidth = (100 \/ state.visible) + '%';\n }\n const totalPages = Math.ceil(state.total \/ state.visible);\n let curPage = Math.floor(newIndex \/ state.visible);\n const percent = -(100 * curPage);\n inner.style.transform = `translateX(${percent}%)`;\n inner.dataset.currentIndex = newIndex;\n \n \/\/ 更新指示器\n updateIndicators(carouselId);\n }\n\n \/\/ 响应式重绘轮播\n function redrawCarousel(carouselId) {\n const carousel = document.getElementById(carouselId);\n const state = carouselStates[carouselId];\n if (!carousel || !state) return;\n let oldVisible = state.visible;\n state.visible = carousel.classList.contains('carousel-desktop') \u0026\u0026 window.innerWidth \u003e= 768 ? 2 : 1;\n let curPage = Math.floor(state.current \/ oldVisible);\n let newIndex = curPage * state.visible;\n if (newIndex \u003e= state.total) newIndex = 0;\n updateCarousel(carouselId, newIndex);\n createIndicators(carouselId);\n }\n\n \/\/ 轮播滑动与拖动支持\n function addCarouselSwipeListeners(carousel, carouselId) {\n const inner = carousel.querySelector('.carousel-inner');\n if (!inner) return;\n\n \/\/ Touch events\n let startX = 0, startY = 0, moved = false;\n\n inner.addEventListener('touchstart', function(e) {\n if (e.touches.length !== 1) return;\n startX = e.touches[0].clientX;\n startY = e.touches[0].clientY;\n moved = false;\n }, {passive: true});\n\n inner.addEventListener('touchmove', function(e) {\n if (e.touches.length !== 1) return;\n const dx = e.touches[0].clientX - startX;\n const dy = e.touches[0].clientY - startY;\n moved = Math.abs(dx) \u003e 30 \u0026\u0026 Math.abs(dx) \u003e Math.abs(dy);\n \/\/ 可选：阻止页面滚动\n if (moved) e.preventDefault();\n }, {passive: false});\n\n inner.addEventListener('touchend', function(e) {\n if (!moved) return;\n const dx = e.changedTouches[0].clientX - startX;\n if (dx \u003e 30) moveCarousel(carouselId, -1);\n else if (dx \u003c -30) moveCarousel(carouselId, 1);\n moved = false;\n });\n\n \/\/ Mouse drag events\n let isDragging = false, dragStartX = 0, dragStartY = 0;\n inner.addEventListener('mousedown', function(e) {\n isDragging = true;\n dragStartX = e.clientX;\n dragStartY = e.clientY;\n inner.style.cursor = 'grabbing';\n });\n inner.addEventListener('mousemove', function(e) {\n if (!isDragging) return;\n const dx = e.clientX - dragStartX;\n const dy = e.clientY - dragStartY;\n if (Math.abs(dx) \u003e 30 \u0026\u0026 Math.abs(dx) \u003e Math.abs(dy)) {\n if (dx \u003e 0) moveCarousel(carouselId, -1);\n else moveCarousel(carouselId, 1);\n isDragging = false;\n inner.style.cursor = '';\n }\n });\n inner.addEventListener('mouseup', function() {\n isDragging = false;\n inner.style.cursor = '';\n });\n inner.addEventListener('mouseleave', function() {\n isDragging = false;\n inner.style.cursor = '';\n });\n }\n\n \/\/ 暴露给HTML按钮\n window.moveCarousel = moveCarousel;\n\u003c\/script\u003e","brand":"Tiejus","offers":[{"title":"4 Pack (No SD Card)","offer_id":49802730406192,"sku":"5G-MW3K*4","price":149.98,"currency_code":"USD","in_stock":true},{"title":"4 Pack Cams + 4 × 128GB SD Cards","offer_id":49802730373424,"sku":"5G-MW3K+128G)*4","price":249.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/MW3K-1.jpg?v=1767672517"}],"url":"https:\/\/www.zumimall.com\/ja-ar\/collections\/build-a-smarter-and-safer-home-ca.oembed","provider":"ZUMIMALL","version":"1.0","type":"link"}