{"title":"Build a Smarter and Safer Home【AUS】","description":"","products":[{"product_id":"360-ptz-solar-panel-battery-security-camera-pw1","title":"Tiejus Outdoor Solar Security Camera-PW1(2 Pack)","description":"\u003cstyle\u003e\n   \/* 添加针对第五部分轮播的特殊样式 *\/\n  #carousel1.carousel-desktop .carousel-item {\n    min-width: 25%; \/* 一行显示4个 *\/\n  }\n  \n  \/* 桌面端隐藏箭头 *\/\n  @media (min-width: 768px) {\n    .carousel-control.mobile-only {\n      display: none;\n    }\n  }\n  \n  \/* 手机端显示箭头 *\/\n  @media (max-width: 767px) {\n    .carousel-control.mobile-only {\n      display: flex;\n    }\n    \/* 修改：手机端轮播项全宽显示 *\/\n    #carousel1.carousel-desktop .carousel-item,\n    #carousel2.carousel-desktop .carousel-item {\n      min-width: 100%; \/* 手机端全宽 *\/\n    }\n    \/* 修改：减少轮播容器在手机端的左右边距 *\/\n    #carousel1, #carousel2 {\n      margin-left: -5px;\n      margin-right: -5px;\n      width: calc(100% + 10px);\n    }\n  }\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      width: 100%;\n        max-width: 1200px;\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  }\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: 8px 6px;\n      font-size: 16px;\n      margin-bottom: 5px;\n    }\n    \n    .content-inner {\n      padding: 8px 6px;\n    }\n    \n    .feature-item {\n      margin-bottom: 15px;\n    }\n    \n    .carousel {\n      margin: 15px auto;\n    }\n    \n    .carousel-caption {\n      padding: 5px 2px;\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\u003e[ 2K HD Resolution \u0026amp; 3 Days Free Cycle Cloud Storage ]\u003c\/strong\u003e - Security cameras wireless outdoor with 2K HD wide-angle lens for 4x digital zoom,Tiejus home security cameras provides free 3-day rotating cloud storage without paying monthly fees. Cloud storage with encrypted secure data and privacy protection or 16-256GB Memory card (Not included) support\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e[Dual-Band WiFi \u0026amp; 360° View \u0026amp; Muti-Users Sharing]\u003c\/strong\u003e - Tiejus security camera outdoor breaking through traditional technology, supporting connection of both 2.4GHz and 5GHz WiFi signals. Rotate the ptz outdoor camera from side to side 355° horizontally, up and down 100° vertically, you can view 360° wide vision with no blind spot. You can share your device with different people so your whole family\/friends can view security cameras outdoor at the same time. The 2.4G\/5GHz wifi camera secures your home with ease\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e[ Custom Mode \u0026amp; AI Detection \u0026amp; 2 Notification Ways]\u003c\/strong\u003e - Customize alarm schedules, notifications sounds, activity areas, PIR sensitivity, and intervals with Tiejus wireless outdoor camera for home security. The combination of PIR and AI algorithms offers the 'human detection only' function at no additional charge. Outside camera wireless will send you instant alerts via O-KAM Pro APP and E-mail when detecting something suspicious. PS: Our cameras only work on O-KAM Pro APP\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e[IP66 Weatherproof \u0026amp; 2-Way Audio]\u003c\/strong\u003e - IP66 weatherproof outdoor cameras for home security wireless wifi endure all weather conditions from sunshine to storms and operate reliably in temperatures from -13°F to 140°F (-25°C to 60°C). Ideal for various locations like front doors, courtyards, stores, and garages. Additionally, solar camera security outdoor offers 2-way audio functionality, allowing you to communicate effectively and enhance your security\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e[Wireless Camera \u0026amp; Battery and Solar Powered]\u003c\/strong\u003e - Home security cameras wireless outdoor wifi boast with rechargeable battery and solar panels, 1.5 hours of sunlight a day to maintain 365 days of uninterrupted protection,Forget about the hassles of wires and cables. Easy bracket and screw installation ensures a wireless experience. Enjoy the convenience and peace of mind, all while saving your precious time and money\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\/0940\/5074\/6643\/files\/PW1_6dc7c35b-b34e-4d8e-b93b-a180b5a69496.jpg?v=1754447669\" controls=\"controls\"\u003e\n      \u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c07cad94a8604ad08255aad829ec8131.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 2K Solar Outdoor Security Cameras-PW1\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eBattery Powered, 360° PTZ\/Color Night Vision\/2Way Talk\/Compatible with Alexa\/IP66 Waterproof\u003c\/p\u003e\n\u003cimg class=\"responsive-image\" alt=\"TIEJUE 2K Solar Outdoor Security Cameras-PW1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1.png?v=1758009259\"\u003e\n\u003c\/div\u003e\n\u003c!-- 第四部分：1张图片 --\u003e\n\u003cdiv class=\"product-section image-section\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-2.jpg?v=1754446894\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-2_67a998b0-d828-4e58-b7f1-6738ba3ad3b7.jpg?v=1754446894\n\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Easy Setup\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-2.jpg?v=1754446894\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- 第五部分：6张轮播图片 --\u003e\n\u003cdiv class=\"product-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAdvanced Features\u003c\/h2\u003e\n\u003cdiv id=\"carousel1\" 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\/0940\/5074\/6643\/files\/PW1-3.jpg?v=1754446891\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-3-2.jpg?v=1754446894\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Feature 1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-3.jpg?v=1754446891\"\u003e\u003c\/source\u003e\u003c\/picture\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\/0940\/5074\/6643\/files\/PW1-3-2_360.jpg?v=1754446892\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-3_258f2025-0e44-46bd-b1d4-f3b331f330e9.jpg?v=1754446893\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Feature 2\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-3-2_360.jpg?v=1754446892\"\u003e\u003c\/source\u003e\u003c\/picture\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\/0940\/5074\/6643\/files\/PW1-3-3.jpg?v=1754446890\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-3-3_d153c27a-2fb9-4a14-bc0f-4299f7101522.jpg?v=1754446894\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Feature 3\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-3-3.jpg?v=1754446890\"\u003e\u003c\/source\u003e\u003c\/picture\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\/0940\/5074\/6643\/files\/PW1-3-4.jpg?v=1754446890\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-3-4_9cccc073-5591-49af-86dc-55dd56b8a492.jpg?v=1754446894\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Feature 4\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-3-4.jpg?v=1754446890\"\u003e\u003c\/source\u003e\u003c\/picture\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\/0940\/5074\/6643\/files\/PW1-3-5.jpg?v=1754446891\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-3-5_5f00952c-060b-4100-873b-5d6cc7342baf.jpg?v=1754446894\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Feature 5\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-3-5.jpg?v=1754446891\"\u003e\u003c\/source\u003e\u003c\/picture\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\/0940\/5074\/6643\/files\/PW1-3-6.jpg?v=1754446890\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-3-6_80ceb649-b2e1-44e6-a11d-643009bf08c0.jpg?v=1754446894\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Feature 6\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-3-6.jpg?v=1754446890\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"carousel-control prev\"\u003e❮\u003c\/button\u003e \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\u003c!-- 第六部分：1张图片 --\u003e\n\u003cdiv class=\"product-section image-section\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-4.jpg?v=1754446891\n\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-4_025ba6a6-de69-44f7-ad58-7a92a86eb74d.jpg?v=1754446895\n\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Easy Setup\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-4.jpg?v=1754446891%0A\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c!-- 第七部分：6张轮播图片 --\u003e\n\u003cdiv class=\"product-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eMore Features\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\/0940\/5074\/6643\/files\/PW1-5.jpg?v=1754446891\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-5_5246e6e1-f0eb-41d4-86ab-112a0874905c.jpg?v=1754446894\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Feature 1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-5.jpg?v=1754446891\"\u003e\u003c\/source\u003e\u003c\/picture\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\/0940\/5074\/6643\/files\/PW1-5-2.jpg?v=1754446890\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-5-2_a26da4a1-d82a-45cb-aac9-343049d03088.jpg?v=1754446894\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Feature 2\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-5-2.jpg?v=1754446890\"\u003e\u003c\/source\u003e\u003c\/picture\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\/0940\/5074\/6643\/files\/PW1-5-3.jpg?v=1754446891\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-5-3_bc0aed85-12b7-48ff-9976-d88c05f7c4a7.jpg?v=1754446894\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Feature 3\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-5-3.jpg?v=1754446891\"\u003e\u003c\/source\u003e\u003c\/picture\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\/0940\/5074\/6643\/files\/PW1-5-4.jpg?v=1754446890\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-5-4_77ca5973-686b-417e-a8de-445183e009c6.jpg?v=1754446894\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Feature 4\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-5-4.jpg?v=1754446890\"\u003e\u003c\/source\u003e\u003c\/picture\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\/0940\/5074\/6643\/files\/PW1-5-5.jpg?v=1754446889\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-5-5_a0216d9e-523c-47be-994e-88c4d45da787.jpg?v=1754446894\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Feature 5\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-5-5.jpg?v=1754446889\"\u003e\u003c\/source\u003e\u003c\/picture\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\/0940\/5074\/6643\/files\/PW1-5-6_ip66.jpg?v=1754446890\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-5-6.jpg?v=1754446894\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Feature 6\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-5-6_ip66.jpg?v=1754446890\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"carousel-control prev\"\u003e❮\u003c\/button\u003e \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\/0940\/5074\/6643\/files\/PW1-6.jpg?v=1754446891\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-6_465ae4fd-20f7-435b-831b-3d8aa853c7f5.jpg?v=1754446894\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Easy Setup\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-6.jpg?v=1754446891\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\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\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\"\u003eNight vision\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eDual light source, full color day and night\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eStreams\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003e2048*1536\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eStorage\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eCloud storage，TF push-push socket,Maximum support 128GB\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003ePTZ\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003e300 degrees horizontally and 80 degrees vertically\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, Android 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\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_PG1K_PW1K_20241015.pdf?v=1733212116\" 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-solar-security-camera-pw1\"\u003e Videos for Tiejus Solar security camera-PW1 \u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Tiejus","offers":[{"title":"2 Pack Cam | No SD Card","offer_id":49054620352816,"sku":"PW1C","price":129.98,"currency_code":"USD","in_stock":false},{"title":"2 Pack Cam | 128G SD Card x 2","offer_id":49054620385584,"sku":"PW1C+128G*2","price":189.98,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/PW1C.jpg?v=1741314717"},{"product_id":"solar-power-battery-security-camera-pw1","title":"TIEJUS Solar Powered Security Camera-PW1","description":"\u003cstyle\u003e\n   \/* 添加针对第五部分轮播的特殊样式 *\/\n  #carousel1.carousel-desktop .carousel-item {\n    min-width: 25%; \/* 一行显示4个 *\/\n  }\n  \n  \/* 桌面端隐藏箭头 *\/\n  @media (min-width: 768px) {\n    .carousel-control.mobile-only {\n      display: none;\n    }\n  }\n  \n  \/* 手机端显示箭头 *\/\n  @media (max-width: 767px) {\n    .carousel-control.mobile-only {\n      display: flex;\n    }\n    \/* 修改：手机端轮播项全宽显示 *\/\n    #carousel1.carousel-desktop .carousel-item,\n    #carousel2.carousel-desktop .carousel-item {\n      min-width: 100%; \/* 手机端全宽 *\/\n    }\n    \/* 修改：减少轮播容器在手机端的左右边距 *\/\n    #carousel1, #carousel2 {\n      margin-left: -5px;\n      margin-right: -5px;\n      width: calc(100% + 10px);\n    }\n  }\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      width: 100%;\n        max-width: 1200px;\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  }\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: 8px 6px;\n      font-size: 16px;\n      margin-bottom: 5px;\n    }\n    \n    .content-inner {\n      padding: 8px 6px;\n    }\n    \n    .feature-item {\n      margin-bottom: 15px;\n    }\n    \n    .carousel {\n      margin: 15px auto;\n    }\n    \n    .carousel-caption {\n      padding: 5px 2px;\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\u003e[ 2K HD Resolution \u0026amp; 3 Days Free Cycle Cloud Storage ]\u003c\/strong\u003e - Security cameras wireless outdoor with 2K HD wide-angle lens for 4x digital zoom,Tiejus home security cameras provides free 3-day rotating cloud storage without paying monthly fees. Cloud storage with encrypted secure data and privacy protection or 16-256GB Memory card (Not included) support\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e[Dual-Band WiFi \u0026amp; 360° View \u0026amp; Muti-Users Sharing]\u003c\/strong\u003e - Tiejus security camera outdoor breaking through traditional technology, supporting connection of both 2.4GHz and 5GHz WiFi signals. Rotate the ptz outdoor camera from side to side 355° horizontally, up and down 100° vertically, you can view 360° wide vision with no blind spot. You can share your device with different people so your whole family\/friends can view security cameras outdoor at the same time. The 2.4G\/5GHz wifi camera secures your home with ease\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e[ Custom Mode \u0026amp; AI Detection \u0026amp; 2 Notification Ways]\u003c\/strong\u003e - Customize alarm schedules, notifications sounds, activity areas, PIR sensitivity, and intervals with Tiejus wireless outdoor camera for home security. The combination of PIR and AI algorithms offers the 'human detection only' function at no additional charge. Outside camera wireless will send you instant alerts via O-KAM Pro APP and E-mail when detecting something suspicious. PS: Our cameras only work on O-KAM Pro APP\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e[IP66 Weatherproof \u0026amp; 2-Way Audio]\u003c\/strong\u003e - IP66 weatherproof outdoor cameras for home security wireless wifi endure all weather conditions from sunshine to storms and operate reliably in temperatures from -13°F to 140°F (-25°C to 60°C). Ideal for various locations like front doors, courtyards, stores, and garages. Additionally, solar camera security outdoor offers 2-way audio functionality, allowing you to communicate effectively and enhance your security\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e[Wireless Camera \u0026amp; Battery and Solar Powered]\u003c\/strong\u003e - Home security cameras wireless outdoor wifi boast with rechargeable battery and solar panels, 1.5 hours of sunlight a day to maintain 365 days of uninterrupted protection,Forget about the hassles of wires and cables. Easy bracket and screw installation ensures a wireless experience. Enjoy the convenience and peace of mind, all while saving your precious time and money\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\/0940\/5074\/6643\/files\/PW1_6dc7c35b-b34e-4d8e-b93b-a180b5a69496.jpg?v=1754447669\" controls=\"controls\"\u003e\n      \u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c07cad94a8604ad08255aad829ec8131.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 2K Solar Outdoor Security Cameras-PW1\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eBattery Powered, 360° PTZ\/Color Night Vision\/2Way Talk\/Compatible with Alexa\/IP66 Waterproof\u003c\/p\u003e\n\u003cimg class=\"responsive-image\" alt=\"TIEJUE 2K Solar Outdoor Security Cameras-PW1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/PW1_Banner_new.png?v=1767681395\"\u003e\n\u003c\/div\u003e\n\u003c!-- 第四部分：1张图片 --\u003e\n\u003cdiv class=\"product-section image-section\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-2.jpg?v=1754446894\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-2_67a998b0-d828-4e58-b7f1-6738ba3ad3b7.jpg?v=1754446894\n\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Easy Setup\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-2.jpg?v=1754446894\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003c!-- 第五部分：6张轮播图片 --\u003e\n\u003cdiv class=\"product-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eAdvanced Features\u003c\/h2\u003e\n\u003cdiv id=\"carousel1\" 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\/0940\/5074\/6643\/files\/PW1-3.jpg?v=1754446891\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-3-2.jpg?v=1754446894\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Feature 1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-3.jpg?v=1754446891\"\u003e\u003c\/source\u003e\u003c\/picture\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\/0940\/5074\/6643\/files\/PW1-3-2_360.jpg?v=1754446892\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-3_258f2025-0e44-46bd-b1d4-f3b331f330e9.jpg?v=1754446893\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Feature 2\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-3-2_360.jpg?v=1754446892\"\u003e\u003c\/source\u003e\u003c\/picture\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\/0940\/5074\/6643\/files\/PW1-3-3.jpg?v=1754446890\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-3-3_d153c27a-2fb9-4a14-bc0f-4299f7101522.jpg?v=1754446894\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Feature 3\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-3-3.jpg?v=1754446890\"\u003e\u003c\/source\u003e\u003c\/picture\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\/0940\/5074\/6643\/files\/PW1-3-4.jpg?v=1754446890\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-3-4_9cccc073-5591-49af-86dc-55dd56b8a492.jpg?v=1754446894\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Feature 4\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-3-4.jpg?v=1754446890\"\u003e\u003c\/source\u003e\u003c\/picture\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\/0940\/5074\/6643\/files\/PW1-3-5.jpg?v=1754446891\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-3-5_5f00952c-060b-4100-873b-5d6cc7342baf.jpg?v=1754446894\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Feature 5\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-3-5.jpg?v=1754446891\"\u003e\u003c\/source\u003e\u003c\/picture\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\/0940\/5074\/6643\/files\/PW1-3-6.jpg?v=1754446890\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-3-6_80ceb649-b2e1-44e6-a11d-643009bf08c0.jpg?v=1754446894\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Feature 6\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-3-6.jpg?v=1754446890\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"carousel-control prev\"\u003e❮\u003c\/button\u003e \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\u003c!-- 第六部分：1张图片 --\u003e\n\u003cdiv class=\"product-section image-section\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-4.jpg?v=1754446891\n\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-4_025ba6a6-de69-44f7-ad58-7a92a86eb74d.jpg?v=1754446895\n\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Easy Setup\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-4.jpg?v=1754446891%0A\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c!-- 第七部分：6张轮播图片 --\u003e\n\u003cdiv class=\"product-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eMore Features\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\/0940\/5074\/6643\/files\/PW1-5.jpg?v=1754446891\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-5_5246e6e1-f0eb-41d4-86ab-112a0874905c.jpg?v=1754446894\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Feature 1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-5.jpg?v=1754446891\"\u003e\u003c\/source\u003e\u003c\/picture\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\/0940\/5074\/6643\/files\/PW1-5-2.jpg?v=1754446890\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-5-2_a26da4a1-d82a-45cb-aac9-343049d03088.jpg?v=1754446894\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Feature 2\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-5-2.jpg?v=1754446890\"\u003e\u003c\/source\u003e\u003c\/picture\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\/0940\/5074\/6643\/files\/PW1-5-3.jpg?v=1754446891\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-5-3_bc0aed85-12b7-48ff-9976-d88c05f7c4a7.jpg?v=1754446894\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Feature 3\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-5-3.jpg?v=1754446891\"\u003e\u003c\/source\u003e\u003c\/picture\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\/0940\/5074\/6643\/files\/PW1-5-4.jpg?v=1754446890\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-5-4_77ca5973-686b-417e-a8de-445183e009c6.jpg?v=1754446894\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Feature 4\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-5-4.jpg?v=1754446890\"\u003e\u003c\/source\u003e\u003c\/picture\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\/0940\/5074\/6643\/files\/PW1-5-5.jpg?v=1754446889\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-5-5_a0216d9e-523c-47be-994e-88c4d45da787.jpg?v=1754446894\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Feature 5\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-5-5.jpg?v=1754446889\"\u003e\u003c\/source\u003e\u003c\/picture\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\/0940\/5074\/6643\/files\/PW1-5-6_ip66.jpg?v=1754446890\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-5-6.jpg?v=1754446894\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Feature 6\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-5-6_ip66.jpg?v=1754446890\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"carousel-control prev\"\u003e❮\u003c\/button\u003e \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\/0940\/5074\/6643\/files\/PW1-6.jpg?v=1754446891\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-6_465ae4fd-20f7-435b-831b-3d8aa853c7f5.jpg?v=1754446894\" media=\"(max-width: 767px)\"\u003e \u003cimg class=\"responsive-image\" alt=\"Easy Setup\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0940\/5074\/6643\/files\/PW1-6.jpg?v=1754446891\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\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\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\"\u003eNight vision\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eDual light source, full color day and night\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eStreams\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003e2048*1536\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eStorage\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003eCloud storage，TF push-push socket,Maximum support 128GB\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-row\"\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003ePTZ\u003c\/div\u003e\n\u003cdiv class=\"stacked-foldable-col\"\u003e300 degrees horizontally and 80 degrees vertically\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, Android 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\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_PG1K_PW1K_20241015.pdf?v=1733212116\" 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-solar-security-camera-pw1\"\u003e Videos for Tiejus Solar security camera-PW1 \u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Tiejus","offers":[{"title":"1 Cam + Panel | No SD Card","offer_id":49247102665008,"sku":"PW1","price":53.98,"currency_code":"USD","in_stock":true},{"title":"1 Cam + Panel | 128G SD Card","offer_id":49880422089008,"sku":"PW1+128g","price":83.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/PW1-1.jpg?v=1767680165"}],"url":"https:\/\/www.zumimall.com\/it-ar\/collections\/build-a-smarter-and-safer-home-aus.oembed","provider":"ZUMIMALL","version":"1.0","type":"link"}