{"product_id":"2k-rechargeable-battery-wireless-security-camera-outdoor","title":"Cámara de Seguridad Exterior con Batería ZUMIMALL -X6K","description":"\u003cstyle\u003e\n  \/* 全局样式 - 使用品牌色调 *\/\n  :root {\n    --primary-dark-blue: #476C94;\n    --primary-teal: #2D9EA1;\n    --primary-light-blue: #97C5EC;\n    --text-color: #333;\n    --light-bg: #f9f9f9;\n    --border-radius: 8px;\n    --box-shadow: 0 4px 12px rgba(71, 108, 148, 0.1);\n  }\n  \n  \/* 基础样式 *\/\n  body {\n    font-family: 'Arial', sans-serif;\n    color: var(--text-color);\n    line-height: 1.6;\n    margin: 0;\n    padding: 0;\n  }\n  \n  .product-section {\n    max-width: 90%;\n    margin: 40px auto;\n    padding: 0 5%;\n  }\n  \n  \/* 折叠面板样式 - 更新版 *\/\n  .collapsible {\n    background-color: white;\n    color: var(--primary-dark-blue);\n    cursor: pointer;\n    padding: 20px;\n    width: 100%;\n    border: 1px solid #e0e0e0;\n    text-align: left;\n    outline: none;\n    font-size: 18px;\n    font-weight: bold;\n    border-radius: var(--border-radius);\n    margin-bottom: 10px;\n    position: relative;\n    transition: all 0.3s ease;\n    box-shadow: var(--box-shadow);\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  \n  .collapsible:hover {\n    background-color: var(--light-bg);\n    border-color: var(--primary-light-blue);\n  }\n  \n  .active, .collapsible.active:hover {\n    background-color: var(--light-bg);\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-color: var(--primary-light-blue);\n  }\n  \n  .collapsible .toggle-icon {\n    transition: transform 0.3s ease;\n    color: var(--primary-teal);\n    font-weight: bold;\n    margin-left: 10px;\n  }\n  \n  .active .toggle-icon {\n    transform: rotate(90deg);\n  }\n  \n  .content {\n    padding: 0;\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.3s ease-out;\n    background-color: white;\n    border: 1px solid #e0e0e0;\n    border-top: none;\n    border-bottom-left-radius: var(--border-radius);\n    border-bottom-right-radius: var(--border-radius);\n    box-shadow: var(--box-shadow);\n  }\n  \n  .content-inner {\n    padding: 20px;\n  }\n  \n  \/* What's in the Box 特殊样式 *\/\n  .whats-in-box {\n    display: flex;\n    flex-wrap: wrap;\n  }\n  \n  .whats-in-box-img {\n    flex: 0 0 70%;\n    max-width: 70%;\n    padding-right: 20px;\n  }\n  \n  .whats-in-box-text {\n    flex: 0 0 30%;\n    max-width: 30%;\n    padding-left: 10px;\n  }\n  \n  .whats-in-box-img img {\n    width: 100%;\n    height: auto;\n    border-radius: var(--border-radius);\n  }\n  \n  \/* 响应式图片容器 *\/\n  .responsive-image {\n    width: 100%;\n    height: auto;\n    border-radius: var(--border-radius);\n    box-shadow: var(--box-shadow);\n  }\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: 100%;\n    padding:0;\n  }\n  \n  .carousel img {\n    width: 100%;\n    height: auto;\n    border-radius: var(--border-radius);\n    box-shadow: var(--box-shadow);\n  }\n  \n  .carousel-caption {\n    padding: 20px 15px;\n    text-align: center;\n  }\n  \n  .carousel-caption h3 {\n    font-weight: bold;\n    margin-bottom: 10px;\n    color: var(--primary-dark-blue);\n    font-size: 18px;\n  }\n  \n  .carousel-caption p {\n    color: var(--text-color);\n  }\n  \n  .carousel-control {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background-color: var(--primary-teal);\n    color: white;\n    border: none;\n    padding: 12px;\n    cursor: pointer;\n    border-radius: 50%;\n    z-index: 10;\n    width: 44px;\n    height: 44px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0.9;\n    transition: all 0.3s;\n  }\n  \n  .carousel-control:hover {\n    opacity: 1;\n    background-color: var(--primary-dark-blue);\n  }\n  \n  .carousel-control.prev {\n    left: 15px;\n  }\n  \n  .carousel-control.next {\n    right: 15px;\n  }\n\n  \/* 分页指示器 *\/\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    margin-top: 15px;\n  }\n  \n  .carousel-indicator {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background-color: #ccc;\n    margin: 0 5px;\n    cursor: pointer;\n    transition: background-color 0.3s;\n  }\n  \n  .carousel-indicator.active {\n    background-color: var(--primary-teal);\n  }\n  \n  \/* 多图片带标题部分 *\/\n  .multi-image-section {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    margin: 50px 0;\n  }\n  \n  .multi-image-item {\n    width: 100%;\n    margin-bottom: 40px;\n    text-align: center;\n  }\n  \n  .multi-image-item img {\n    max-width: 100%;\n    height: auto;\n    border-radius: var(--border-radius);\n    box-shadow: var(--box-shadow);\n    transition: transform 0.3s;\n  }\n  \n  .multi-image-item img:hover {\n    transform: translateY(-5px);\n  }\n  \n  .multi-image-title {\n    font-size: 20px;\n    font-weight: bold;\n    margin-bottom: 15px;\n    color: var(--primary-dark-blue);\n    position: relative;\n    padding-bottom: 10px;\n  }\n  \n  .multi-image-title:after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 50px;\n    height: 2px;\n    background: var(--primary-teal);\n  }\n  \n  \/* 按钮样式 *\/\n  .cta-button {\n    display: block;\n    width: 100%;\n    max-width: 400px;\n    margin: 50px auto;\n    padding: 16px;\n    background-color: var(--primary-teal);\n    color: white;\n    text-align: center;\n    font-size: 18px;\n    font-weight: bold;\n    border: none;\n    border-radius: var(--border-radius);\n    cursor: pointer;\n    text-decoration: none;\n    transition: all 0.3s;\n    box-shadow: 0 4px 8px rgba(45, 158, 161, 0.3);\n  }\n  \n  .cta-button:hover {\n    background-color: var(--primary-dark-blue);\n    transform: translateY(-2px);\n    box-shadow: 0 6px 12px rgba(45, 158, 161, 0.4);\n  }\n  \n  \/* 响应式调整 - 修改手机端样式 *\/\n  @media (max-width: 767px) {\n    body {\n      padding: 0;\n    }\n    \n    .product-section {\n      max-width: 100%;\n      padding: 0 2px;\n      margin: 5px auto;\n    }\n    \n    .section-title {\n      font-size: 22px;\n      margin-bottom: 10px;\n    }\n    \n    .section-subtitle {\n      font-size: 16px;\n      margin-bottom: 15px;\n    }\n    \n    .carousel-desktop .carousel-item {\n      min-width: 100%;\n    }\n    \n    .collapsible {\n      padding: 12px 8px;\n      font-size: 16px;\n      margin-bottom: 5px;\n    }\n    \n    .content-inner {\n      padding: 10px 8px;\n    }\n    \n    .feature-item {\n      margin-bottom: 15px;\n    }\n    \n    .carousel {\n      margin: 15px auto;\n    }\n    \n    .carousel-caption {\n      padding: 10px 5px;\n    }\n    \n    .carousel-caption h3 {\n      font-size: 16px;\n      margin-bottom: 5px;\n    }\n    \n    .carousel-caption p {\n      font-size: 14px;\n    }\n    \n    .multi-image-section {\n      margin: 15px 0;\n      gap: 15px;\n    }\n    \n    .multi-image-item {\n      margin-bottom: 15px;\n    }\n    \n    .whats-in-box-img, \n    .whats-in-box-text {\n      flex: 0 0 100%;\n      max-width: 100%;\n      padding: 0;\n    }\n    \n    .whats-in-box-text {\n      margin-top: 10px;\n    }\n    \n    .cta-button {\n      margin: 15px auto;\n      padding: 12px;\n      font-size: 16px;\n    }\n    \n    \/* 切换图片显示 *\/\n    .desktop-img {\n      display: none;\n    }\n    \n    .mobile-img {\n      display: block;\n    }\n  }\n  \n  @media (min-width: 768px) {\n    .multi-image-item {\n      width: 32%;\n    }\n    \n    \/* 确保桌面端显示正确的图片 *\/\n    .desktop-img {\n      display: block;\n    }\n    \n    .mobile-img {\n      display: none;\n    }\n  }\n\u003c\/style\u003e\n\u003c!-- 第一部分：About this item 折叠栏 --\u003e\n\u003cdiv class=\"product-section\"\u003e\n\n \u003cbutton class=\"collapsible\" type=\"button\"\u003e\u003cspan style=\"font-size: 22px;\"\u003eAcerca de este artículo\u003c\/span\u003e \u003cspan class=\"toggle-icon\"\u003e›\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"content\"\u003e\n\n\u003cdiv class=\"content-inner\"\u003e\n\n\u003cp\u003e \u003cstrong\u003e【Visión nocturna a color 2K FHD e IR】\u003c\/strong\u003e : Las cámaras de seguridad solares inalámbricas para exteriores, equipadas con 4 LED infrarrojos, cambian automáticamente a visión nocturna en blanco y negro o a color para garantizar una visión nítida en la oscuridad. Ofrecen un amplio ángulo de visión de 130° y un alcance de visión nocturna de 17 metros. La cámara de seguridad ZUMIMALL es suficiente para proteger su propiedad y mantener su hogar seguro.\u003c\/p\u003e\n\n\u003cp\u003e \u003cstrong\u003e【Alimentación solar y por batería】\u003c\/strong\u003e - La batería recargable mejorada de gran capacidad y el panel solar de mayor eficiencia ofrecen protección continua durante 365 días. La cámara de seguridad para exteriores ofrece un tiempo de espera prolongado solo con la batería. No es necesario subir ni bajar para desmontarla.\u003c\/p\u003e\n\n \u003cp\u003e\u003cstrong\u003e【Área de detección personalizada y alerta en tiempo real】\u003c\/strong\u003e - Cámaras de seguridad inalámbricas para exteriores con energía solar, sensor PIR mejorado y sensibilidad ajustable. Permite personalizar los planes de alarma, los intervalos de alarma y las áreas de detección. El foco y la alarma se activan automáticamente al detectar movimiento. Para satisfacer las diversas necesidades de seguridad de su hogar y brindarle tranquilidad.\u003c\/p\u003e\n\n\u003cp\u003e \u003cstrong\u003e【Conversación bidireccional y uso compartido entre múltiples usuarios】\u003c\/strong\u003e : La cámara de seguridad para el hogar cuenta con función de conversación bidireccional, micrófono integrado y altavoz de alta potencia. Las cámaras inalámbricas para exteriores permiten la interacción en línea con niños, invitados, mensajeros, etc. Si el usuario tiene la misma aplicación ZUMIMALL que tú, puedes compartir el código QR con él y ver la transmisión en vivo juntos (4 dispositivos). Compatible con Alexa y el Asistente de Google.\u003c\/p\u003e\n\n \u003cp\u003e\u003cstrong\u003eCámara de seguridad inalámbrica IP66 resistente a la intemperie y con WiFi de 2.4 GHz:\u003c\/strong\u003e Esta cámara de seguridad inalámbrica para exteriores con certificación IP66 resistente al agua funciona en cualquier condición climática, ya sea con sol, lluvia o tormenta. Funciona en un rango de -20 °C a 50 °C y ofrece un excelente rendimiento. Puede usarla en diversos lugares, como su jardín, tienda, puerta de entrada o garaje. Esta cámara de seguridad para exteriores es compatible con WiFi de 2.4 GHz (no compatible con conectividad 5G), se instala de forma inalámbrica y se configura en 5 minutos. \u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 第二部分：视频部分 --\u003e\n\u003cdiv class=\"product-section video-section\"\u003e\n\n\u003cdiv class=\"video-container\"\u003e\u003cvideo poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/1920-1080_X6K.jpg?v=1751528902\" controls=\"controls\"\u003e\n\u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c595e41208414fa592c87686d61c6bc8.mp4\"\u003e\n Su navegador no soporta la etiqueta de vídeo. \n\u003c\/source\u003e\u003c\/video\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 第三部分：图片带标题 --\u003e\n\u003cdiv class=\"product-section image-section\"\u003e\n\n\u003ch2 class=\"section-title\"\u003e Cámara de seguridad ZUMIMALL-DG4K\u003c\/h2\u003e\n\n\u003cp class=\"section-subtitle\"\u003e Batería inalámbrica para exteriores y energía solar \u003c\/p\u003e\n\n\u003cimg class=\"responsive-image\" alt=\"Cámara de seguridad ZUMIMALL-X6K\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/DG4K_059f3bb7-c277-4694-b17d-2329e997fa87.jpg?v=1751526516\"\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- 第四部分：5个折叠栏带图片 --\u003e\n\u003cdiv class=\"product-section\"\u003e\n\n\u003c!-- 第一个折叠项 --\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\n \u003cbutton class=\"collapsible active\" type=\"button\"\u003e\u003cspan style=\"font-family: 'Arial Rounded MT Bold', 'Arial', sans-serif;\"\u003e2K Ultra FHD\u003c\/span\u003e \u003cspan class=\"toggle-icon\"\u003e›\u003c\/span\u003e\u003c\/button\u003e \n\u003cdiv style=\"max-height: 1000px;\" class=\"content\"\u003e\n\n\u003cdiv class=\"content-inner\"\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_2-1_2K.jpg?v=1751522903\" media=\"(min-width: 768px)\"\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_2-1_2k_566b8621-130c-4704-9fea-ba5aa1294d54.jpg?v=1751522917\" media=\"(max-width: 767px)\"\u003e\u003cimg class=\"responsive-image\" alt=\"2K Ultra FHD\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_2-1_2K.jpg?v=1751522903\"\u003e\u003c\/source\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个折叠项 --\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\n \u003cbutton class=\"collapsible active\" type=\"button\"\u003e\u003cspan style=\"font-family: 'Arial Rounded MT Bold', 'Arial', sans-serif;\"\u003eDetección inteligente con IA\u003c\/span\u003e \u003cspan class=\"toggle-icon\"\u003e›\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv style=\"max-height: 1000px;\" class=\"content\"\u003e\n\n\u003cdiv class=\"content-inner\"\u003e \u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_2-2_ai.jpg?v=1751522903\" media=\"(min-width: 768px)\"\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_2-2_ai_065df40f-0173-4542-8525-b52f076e2258.jpg?v=1751522917\" media=\"(max-width: 767px)\"\u003e\u003cimg class=\"responsive-image\" alt=\"Detección inteligente de IA\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_2-2_ai.jpg?v=1751522903\"\u003e\u003c\/source\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个折叠项 --\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\n \u003cbutton class=\"collapsible active\" type=\"button\"\u003e\u003cspan style=\"font-family: 'Arial Rounded MT Bold', 'Arial', sans-serif;\"\u003eÁrea de detección personalizada\u003c\/span\u003e \u003cspan class=\"toggle-icon\"\u003e›\u003c\/span\u003e\u003c\/button\u003e \n\u003cdiv style=\"max-height: 1000px;\" class=\"content\"\u003e\n\n\u003cdiv class=\"content-inner\"\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_2-3.jpg?v=1751522903\" media=\"(min-width: 768px)\"\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_2-3_d9abe16c-f456-4db8-94c2-eb2c352d61ce.jpg?v=1751522917\" media=\"(max-width: 767px)\"\u003e\u003cimg class=\"responsive-image\" alt=\"Área de detección personalizada\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_2-3.jpg?v=1751522903\"\u003e\u003c\/source\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 第四个折叠项 --\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\n \u003cbutton class=\"collapsible active\" type=\"button\"\u003e\u003cspan style=\"font-family: 'Arial Rounded MT Bold', 'Arial', sans-serif;\"\u003eAjuste de sensibilidad\u003c\/span\u003e \u003cspan class=\"toggle-icon\"\u003e›\u003c\/span\u003e\u003c\/button\u003e \n\u003cdiv style=\"max-height: 1000px;\" class=\"content\"\u003e\n\n\u003cdiv class=\"content-inner\"\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_2-4.jpg?v=1751522903\" media=\"(min-width: 768px)\"\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_2-4_cc6753a7-acf9-41ef-bc1e-1c1257f479b7.jpg?v=1751522917\" media=\"(max-width: 767px)\"\u003e\u003cimg class=\"responsive-image\" alt=\"Ajuste de sensibilidad\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_2-4.jpg?v=1751522903\"\u003e\u003c\/source\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 第五个折叠项 --\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\n \u003cbutton class=\"collapsible active\" type=\"button\"\u003e\u003cspan style=\"font-family: 'Arial Rounded MT Bold', 'Arial', sans-serif;\"\u003eOcultar luz indicadora\u003c\/span\u003e \u003cspan class=\"toggle-icon\"\u003e›\u003c\/span\u003e\u003c\/button\u003e \n\u003cdiv style=\"max-height: 1000px;\" class=\"content\"\u003e\n\n\u003cdiv class=\"content-inner\"\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_2-5.jpg?v=1751522903\" media=\"(min-width: 768px)\"\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_2-5_b0a802f6-1528-45d5-b8ad-922dcd57e121.jpg?v=1751522917\" media=\"(max-width: 767px)\"\u003e\u003cimg class=\"responsive-image\" alt=\"Ocultar luz indicadora\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_2-5.jpg?v=1751522903\"\u003e\u003c\/source\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 第五部分：5张图片轮播（电脑端一行2个，手机端全宽） --\u003e\n\u003cdiv class=\"product-section\"\u003e\n\n\u003cdiv id=\"carousel1\" class=\"carousel carousel-desktop\"\u003e\n\n\u003cdiv class=\"carousel-inner\"\u003e\n\n\u003c!-- 轮播项1 --\u003e\n\u003cdiv class=\"carousel-item\"\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_4-1.jpg?v=1751522917\" media=\"(min-width: 768px)\"\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_4-1.jpg?v=1751522917\" media=\"(max-width: 767px)\"\u003e\u003cimg class=\"responsive-image\" alt=\"Característica 1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_4-1.jpg?v=1751522917\"\u003e\u003c\/source\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\n\u003c!-- 轮播项2 --\u003e\n\u003cdiv class=\"carousel-item\"\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_4-2_207a0c1f-cb16-4dfe-b093-6303b712617b.jpg?v=1751522917\" media=\"(min-width: 768px)\"\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_4-2_207a0c1f-cb16-4dfe-b093-6303b712617b.jpg?v=1751522917\" media=\"(max-width: 767px)\"\u003e\u003cimg class=\"responsive-image\" alt=\"Característica 2\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_4-2_207a0c1f-cb16-4dfe-b093-6303b712617b.jpg?v=1751522917\"\u003e\u003c\/source\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\n\u003c!-- 轮播项3 --\u003e\n\u003cdiv class=\"carousel-item\"\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_4-3_wifi.jpg?v=1751522917\" media=\"(min-width: 768px)\"\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_4-3_wifi.jpg?v=1751522917\" media=\"(max-width: 767px)\"\u003e\u003cimg class=\"responsive-image\" alt=\"Característica 3\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_4-3_wifi.jpg?v=1751522917\"\u003e\u003c\/source\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\n\u003c!-- 轮播项4 --\u003e\n\u003cdiv class=\"carousel-item\"\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/DG4K_907f7765-7114-4bff-be22-79acb1356e16.png?v=1751529729\" media=\"(min-width: 768px)\"\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/DG4K_907f7765-7114-4bff-be22-79acb1356e16.png?v=1751529729\" media=\"(max-width: 767px)\"\u003e\u003cimg class=\"responsive-image\" alt=\"Característica 4\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/DG4K_907f7765-7114-4bff-be22-79acb1356e16.png?v=1751529729\"\u003e\u003c\/source\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\n\u003c!-- 轮播项5 --\u003e\n\u003cdiv class=\"carousel-item\"\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/DG4K_1ea1253c-a262-4de3-9092-39381a836ded.png?v=1751529729\" media=\"(min-width: 768px)\"\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/DG4K_1ea1253c-a262-4de3-9092-39381a836ded.png?v=1751529729\" media=\"(max-width: 767px)\"\u003e\u003cimg class=\"responsive-image\" alt=\"Característica 5\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/DG4K_1ea1253c-a262-4de3-9092-39381a836ded.png?v=1751529729\"\u003e\u003c\/source\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n \u003cbutton class=\"carousel-control prev\"\u003e❮\u003c\/button\u003e \u003cbutton class=\"carousel-control next\"\u003e❯\u003c\/button\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 第六部分：5张图片轮播带标题和分页 --\u003e\n\u003cdiv class=\"product-section\"\u003e\n\n\u003ch2 class=\"section-title\"\u003e Características principales \u003c\/h2\u003e\n\n\u003cdiv id=\"carousel2\" class=\"carousel\"\u003e\n\n\u003cdiv class=\"carousel-inner\"\u003e\n\n\u003c!-- 轮播项1 --\u003e\n\u003cdiv class=\"carousel-item\"\u003e\n\n\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_3-1_2.4g.jpg?v=1751522902\" media=\"(min-width: 768px)\"\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_3-1_wifi.jpg?v=1751522917\" media=\"(max-width: 767px)\"\u003e\u003cimg class=\"responsive-image\" alt=\"Wi-Fi de 2,4 GHz\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_3-1_2.4g.jpg?v=1751522902\"\u003e\u003c\/source\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003cdiv class=\"carousel-caption\"\u003e\n\n\u003ch3\u003e Wi-Fi de 2,4 GHz \u003c\/h3\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 轮播项2 --\u003e\n\u003cdiv class=\"carousel-item\"\u003e\n\n\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_3-2.jpg?v=1751522903\" media=\"(min-width: 768px)\"\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_3-2_9abf68c7-1ccc-4652-bb18-15035bab7a18.jpg?v=1751522917\" media=\"(max-width: 767px)\"\u003e\u003cimg class=\"responsive-image\" alt=\"Sugerencias de instalación\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_3-2.jpg?v=1751522903\"\u003e\u003c\/source\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003cdiv class=\"carousel-caption\"\u003e\n\n\u003ch3\u003e Sugerencias de instalación \u003c\/h3\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 轮播项3 --\u003e\n\u003cdiv class=\"carousel-item\"\u003e\n\n\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_3-3.jpg?v=1751522903\" media=\"(min-width: 768px)\"\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_3-3_a4aacbb6-4b4d-4dc0-873e-048b2018bebf.jpg?v=1751522917\" media=\"(max-width: 767px)\"\u003e\u003cimg class=\"responsive-image\" alt=\"Monitoreo de múltiples dispositivos\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_3-3.jpg?v=1751522903\"\u003e\u003c\/source\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003cdiv class=\"carousel-caption\"\u003e\n\n\u003ch3\u003e Monitoreo de múltiples dispositivos \u003c\/h3\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 轮播项4 --\u003e\n\u003cdiv class=\"carousel-item\"\u003e\n\n\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_3-4.jpg?v=1751522903\" media=\"(min-width: 768px)\"\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_3-4_8bf8deb2-0c14-4113-8c2d-f4f6d6ec57b6.jpg?v=1751522917\" media=\"(max-width: 767px)\"\u003e\u003cimg class=\"responsive-image\" alt=\"Uso compartido entre múltiples usuarios\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_3-4.jpg?v=1751522903\"\u003e\u003c\/source\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003cdiv class=\"carousel-caption\"\u003e\n\n\u003ch3\u003e Uso compartido entre múltiples usuarios \u003c\/h3\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 轮播项5 --\u003e\n\u003cdiv class=\"carousel-item\"\u003e\n\n\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_3-5_ip66.jpg?v=1751522903\" media=\"(min-width: 768px)\"\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_3-5_ip66_adaabd97-a1d3-4704-a2bc-f110ee9f4274.jpg?v=1751522917\" media=\"(max-width: 767px)\"\u003e\u003cimg class=\"responsive-image\" alt=\"Resistente a la intemperie IP66\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_3-5_ip66.jpg?v=1751522903\"\u003e\u003c\/source\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003cdiv class=\"carousel-caption\"\u003e\n\n\u003ch3\u003e Resistente a la intemperie IP66\u003c\/h3\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n \u003cbutton class=\"carousel-control prev\"\u003e❮\u003c\/button\u003e \u003cbutton class=\"carousel-control next\"\u003e❯\u003c\/button\u003e\u003c!-- 分页指示器 --\u003e\n\u003cdiv id=\"carousel2-indicators\" class=\"carousel-indicators\"\u003e \n\u003cspan data-index=\"0\" class=\"carousel-indicator active\"\u003e\u003c\/span\u003e\u003cspan data-index=\"1\" class=\"carousel-indicator\"\u003e\u003c\/span\u003e\u003cspan data-index=\"2\" class=\"carousel-indicator\"\u003e\u003c\/span\u003e\u003cspan data-index=\"3\" class=\"carousel-indicator\"\u003e\u003c\/span\u003e\u003cspan data-index=\"4\" class=\"carousel-indicator\"\u003e\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 第七部分：1张图片 --\u003e\n\u003cdiv class=\"product-section image-section\"\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_5-1.jpg?v=1751522903\" media=\"(min-width: 768px)\"\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_5-1_d351277a-adad-4c54-afc7-790169452f0a.jpg?v=1751522917\" media=\"(max-width: 767px)\"\u003e\u003cimg class=\"responsive-image\" alt=\"Cámara ZUMIMALL X6K\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X6K_5-1.jpg?v=1751522903\"\u003e\u003c\/source\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\n\u003c!-- 第八部分：What's in the Box 折叠栏 --\u003e\n\u003cdiv class=\"product-section\"\u003e\n\n \u003cbutton style=\"background-color: #f1f9f9;\" class=\"collapsible active\" type=\"button\"\u003e\u003cspan style=\"font-size: 22px;\"\u003e¿Qué hay en la caja? (DG4K)\u003c\/span\u003e \u003cspan class=\"toggle-icon\"\u003e›\u003c\/span\u003e\u003c\/button\u003e \n\u003cdiv style=\"max-height: 1000px; background-color: #f1f9f9;\" class=\"content\"\u003e\n\n\u003cdiv class=\"content-inner whats-in-box\"\u003e\n\n\u003cdiv class=\"whats-in-box-img\"\u003e\u003cimg alt=\"¿Qué hay en la caja?\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/DG4K_dba4861a-92ca-4cf0-a74d-3ecfacb9f4a8.jpg?v=1751538155\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"whats-in-box-text\"\u003e\n\n\u003cp style=\"font-weight: bold; color: var(--primary-dark-blue);\"\u003e Cámara DG4K *1\u003cbr\u003e Soporte de cámara *1\u003cbr\u003e Panel solar *1\u003cbr\u003e Soporte para panel solar *1\u003cbr\u003e Cable de datos *1\u003cbr\u003e Paquete de tornillos *2\u003cbr\u003e Manual de instrucciones *1\u003cbr\u003e Pegatina de punta *1 \u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 第九部分：按钮 --\u003e\n\u003cdiv class=\"product-section\"\u003e \u003ca class=\"cta-button\" href=\"https:\/\/www.zumimall.com\/pages\/videos-for-zumimall-x6k-camera\"\u003eVídeos de la cámara ZUMIMALL DG4K\u003c\/a\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      const indicators = carousel.querySelectorAll('.carousel-indicator');\n      if (indicators.length \u003e 0) {\n        indicators.forEach(indicator =\u003e {\n          indicator.addEventListener('click', function() {\n            const index = parseInt(this.getAttribute('data-index'));\n            const state = carouselStates[id];\n            if (state) {\n              updateCarousel(id, index * state.visible);\n            }\n          });\n        });\n      }\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  \n  \/\/ 修改这里 - 电脑端始终显示1个项目\n  let visibleCount = 1; \/\/ 改为固定值1\n  \n  carouselStates[carouselId] = {\n    current: 0,\n    visible: visibleCount,\n    total: items.length\n  };\n  updateCarousel(carouselId, 0);\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    const indicators = carousel.querySelectorAll('.carousel-indicator');\n    if (indicators.length \u003e 0) {\n      indicators.forEach((indicator, i) =\u003e {\n        if (i === curPage) {\n          indicator.classList.add('active');\n        } else {\n          indicator.classList.remove('active');\n        }\n      });\n    }\n  }\n\n  \/\/ 响应式重绘轮播\n function redrawCarousel(carouselId) {\n  const carousel = document.getElementById(carouselId);\n  const state = carouselStates[carouselId];\n  if (!carousel || !state) return;\n  \n  \/\/ 修改这里 - 始终保持1个可见项目\n  state.visible = 1;\n  \n  let curPage = Math.floor(state.current \/ state.visible);\n  let newIndex = curPage * state.visible;\n  if (newIndex \u003e= state.total) newIndex = 0;\n  updateCarousel(carouselId, newIndex);\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\n\u003cdiv class=\"product-comparison-section\"\u003e\n\n\u003ch2\u003e Explora más cámaras de seguridad de ZUMIMALL \u003c\/h2\u003e\n\n\n\u003cdiv class=\"comparison-table-container\"\u003e\n\n\u003ctable class=\"product-comparison-table\"\u003e\n\n\u003cthead\u003e\n\n\u003ctr\u003e\n\n\u003cth class=\"feature-header\"\u003e Características\u003c\/th\u003e\n\n\u003c!-- 产品列将由JavaScript动态生成 --\u003e\n\n\u003c\/tr\u003e\n\n\n\u003c\/thead\u003e\n\n\u003ctbody\u003e\n\n\u003c!-- 各行数据将由JavaScript动态生成 --\u003e\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"scroll-indicator\"\u003e\n\n \u003cspan\u003e← Desplácese para ver más →\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cstyle\u003e\n  .product-comparison-section {\n    width: 100%;\n    margin: 40px auto;\n    padding: 0 5px;\n  }\n  \n  .product-comparison-section h2 {\n    text-align: center;\n    margin-bottom: 20px;\n    font-size: 20px;\n    color: #333;\n    padding: 0 10px;\n  }\n  \n  .comparison-table-container {\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    margin: 0 -5px;\n    width: calc(100% + 10px);\n  }\n  \n  .product-comparison-table {\n    width: 100%;\n    border-collapse: collapse;\n    background: white;\n    min-width: 600px;\n  }\n  \n  .product-comparison-table th,\n  .product-comparison-table td {\n    padding: 8px 6px;\n    text-align: center;\n    border: 1px solid #ddd;\n    font-size: 12px;\n    line-height: 1.3;\n  }\n  \n  .product-comparison-table th {\n    background-color: #f8f8f8;\n    font-weight: bold;\n  }\n  \n  .feature-header {\n    background-color: #eaeaea !important;\n    text-align: left !important;\n    min-width: 80px;\n    max-width: 80px;\n    font-size: 11px;\n    padding-left: 8px;\n  }\n  \n  .product-image {\n    max-width: 70px;\n    height: auto;\n    display: block;\n    margin: 0 auto 5px;\n  }\n  \n  .product-link {\n    color: #0066cc;\n    text-decoration: none;\n    font-weight: bold;\n    font-size: 11px;\n  }\n  \n  .view-more-link {\n    display: block;\n    margin-top: 5px;\n    font-size: 11px;\n    color: #e74c3c;\n    text-decoration: none;\n    font-weight: bold;\n  }\n  \n  .view-more-link:hover {\n    text-decoration: underline;\n  }\n  \n  .checkmark {\n    color: #4CAF50;\n    font-weight: bold;\n  }\n  \n  .crossmark {\n    color: #F44336;\n    font-weight: bold;\n  }\n  \n  .scroll-indicator {\n    text-align: center;\n    margin-top: 10px;\n    color: #666;\n    font-size: 12px;\n    display: none;\n  }\n  \n  \/* 移动端样式 *\/\n  @media (max-width: 768px) {\n    .product-comparison-section {\n      padding: 0 3px;\n    }\n    \n    .comparison-table-container {\n      margin: 0 -3px;\n      width: calc(100% + 6px);\n    }\n    \n    .product-comparison-table th,\n    .product-comparison-table td {\n      padding: 6px 4px;\n      font-size: 11px;\n    }\n    \n    .feature-header {\n      min-width: 70px;\n      max-width: 70px;\n      font-size: 10px;\n      padding-left: 6px;\n    }\n    \n    .product-image {\n      max-width: 60px;\n    }\n    \n    .scroll-indicator {\n      display: block;\n    }\n  }\n  \n  \/* 小屏手机样式 *\/\n  @media (max-width: 480px) {\n    .product-comparison-table th,\n    .product-comparison-table td {\n      padding: 5px 3px;\n      font-size: 10px;\n    }\n    \n    .feature-header {\n      min-width: 65px;\n      max-width: 65px;\n      font-size: 9px;\n      padding-left: 4px;\n    }\n    \n    .product-image {\n      max-width: 50px;\n    }\n    \n    .view-more-link {\n      font-size: 10px;\n    }\n  }\n  \n  \/* 超小屏手机样式 *\/\n  @media (max-width: 360px) {\n    .product-comparison-table th,\n    .product-comparison-table td {\n      padding: 4px 2px;\n      font-size: 9px;\n    }\n    \n    .feature-header {\n      min-width: 60px;\n      max-width: 60px;\n      font-size: 8px;\n      padding-left: 3px;\n    }\n    \n    .product-image {\n      max-width: 45px;\n    }\n    \n    .view-more-link {\n      font-size: 9px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ 产品数据\n  const products = [\n    {\n      picture: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/A60_AOV.jpg?v=1752829362\",\n      link: \"https:\/\/www.zumimall.com\/products\/zumimall-aov-solar-powered-wireless-security-camera-24-7-recording\",\n      price: \"From $84.99\",\n      model: \"AOV Camera A60\",\n      powerSource: \"Solar\/Battery\",\n      resolution: \"3MP\",\n      wifi: \"2.4GHz only\",\n      nightVision: \"Color\/Infrared\",\n      recording: \"✔\",\n      sirenAlarm: \"✔\",\n      rotatable: \"✔\",\n      zoom: \"4X digital zoom\",\n      interface: \"Type C Port\",\n      detectionDistance: \"\u003e32FT\",\n      app: \"ZUMIMALL\"\n    },\n    {\n      picture: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/X2K_Wireless_security_outdoor_camera_13_0b64744c-e06b-4fff-be21-f92445319240.jpg?v=1754992364\",\n      link: \"https:\/\/www.zumimall.com\/products\/2k-ptz-solar-wireless-security-camera-gx2k\",\n      price: \"From $50.99\",\n      model: \"Battery Camera X2\",\n      powerSource: \"Solar\/Battery\",\n      resolution: \"3MP\",\n      wifi: \"2.4GHz only\",\n      nightVision: \"Color\/Infrared\",\n      recording: \"✘\",\n      sirenAlarm: \"✔\",\n      rotatable: \"✔\",\n      zoom: \"4X digital zoom\",\n      interface: \"Type C Port\",\n      detectionDistance: \"\u003e32FT\",\n      app: \"ZUMIMALL\"\n    },\n    {\n      picture: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/F5_cc16bb81-f85e-4ae0-8fe7-95bbbad4d9ff.jpg?v=1752745653\",\n      link: \"https:\/\/www.zumimall.com\/products\/2k-wifi-wireless-security-camera-f5\",\n      price: \"From $39.99\",\n      model: \"Battery Camera F5\",\n      powerSource: \"Battery\",\n      resolution: \"3MP\",\n      wifi: \"2.4GHz only\",\n      nightVision: \"Color\/Infrared\",\n      recording: \"✘\",\n      sirenAlarm: \"✔\",\n      rotatable: \"✘\",\n      zoom: \"4X digital zoom\",\n      interface: \"Type C Port\",\n      detectionDistance: \"\u003e32FT\",\n      app: \"ZUMIMALL\"\n    },\n    {\n      picture: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/BK05_d7e8bffc-2ae0-4bbf-99ae-32fb80552e1d.jpg?v=1750930402\",\n      link: \"https:\/\/www.zumimall.com\/products\/zumimall-5g-2-4g-wifi-360-ptz-security-camera-plug-in-power-bk05\",\n      price: \"From $34.49\",\n      model: \"Wired Camera BK05\",\n      powerSource: \"Plug-in\",\n      resolution: \"3MP\/5MP\",\n      wifi: \"5GHz\/2.4GHz\",\n      nightVision: \"Color\/Infrared\",\n      recording: \"✔\",\n      sirenAlarm: \"✔\",\n      rotatable: \"✔\",\n      zoom: \"4X digital zoom\",\n      interface: \"Type C Port\",\n      detectionDistance: \"\u003e32FT\",\n      app: \"ZUMIMALL\"\n    },\n    {\n      picture: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P10_0caf45c4-fa5a-4b40-9702-18bf40901eb8.jpg?v=1750930402\",\n      link: \"https:\/\/www.zumimall.com\/products\/zumimall-dual-lens-video-doorbell-camera-with-chime-p10-worldwide-sales\",\n      price: \"From $64.98\",\n      model: \"Doorbell Camera P10\",\n      powerSource: \"Battery\",\n      resolution: \"3MP\",\n      wifi: \"2.4GHz only\",\n      nightVision: \"Color\/Infrared\",\n      recording: \"✘\",\n      sirenAlarm: \"✔\",\n      rotatable: \"✘\",\n      zoom: \"4X digital zoom\",\n      interface: \"Type C Port\",\n      detectionDistance: \"\u003e32FT\",\n      app: \"ZUMIMALL\"\n    }\n  ];\n\n  \/\/ 创建表格列（产品）\n  const theadRow = document.querySelector('.product-comparison-table thead tr');\n  const tbody = document.querySelector('.product-comparison-table tbody');\n  \n  \/\/ 添加产品列标题\n  products.forEach(product =\u003e {\n    const th = document.createElement('th');\n    th.innerHTML = `\n      \u003ca href=\"${product.link}\" target=\"_blank\"\u003e\n        \u003cimg src=\"${product.picture}\" alt=\"${product.model}\" class=\"product-image\"\u003e\n      \u003c\/a\u003e\n      \u003ca href=\"${product.link}\" target=\"_blank\" class=\"view-more-link\"\u003eView More\u003c\/a\u003e\n    `;\n    theadRow.appendChild(th);\n  });\n  \n  \/\/ 创建价格行\n  const priceRow = document.createElement('tr');\n  const priceHeader = document.createElement('td');\n  priceHeader.textContent = 'Price';\n  priceHeader.className = 'feature-header';\n  priceRow.appendChild(priceHeader);\n  \n  \/\/ 添加价格单元格\n  products.forEach(product =\u003e {\n    const priceCell = document.createElement('td');\n    priceCell.textContent = product.price;\n    priceRow.appendChild(priceCell);\n  });\n  \n  tbody.appendChild(priceRow);\n  \n  \/\/ 创建型号行\n  const modelRow = document.createElement('tr');\n  const modelHeader = document.createElement('td');\n  modelHeader.textContent = 'Model';\n  modelHeader.className = 'feature-header';\n  modelRow.appendChild(modelHeader);\n  \n  products.forEach(product =\u003e {\n    const modelCell = document.createElement('td');\n    modelCell.innerHTML = `\u003ca href=\"${product.link}\" target=\"_blank\" class=\"product-link\"\u003e${product.model}\u003c\/a\u003e`;\n    modelRow.appendChild(modelCell);\n  });\n  \n  tbody.appendChild(modelRow);\n  \n  \/\/ 添加其他特性行\n  const features = [\n    { key: 'powerSource', label: 'Power Source' },\n    { key: 'resolution', label: 'Resolution' },\n    { key: 'wifi', label: 'Wi-Fi' },\n    { key: 'nightVision', label: 'Night Vision' },\n    { key: 'recording', label: '24\/7 Recording' },\n    { key: 'sirenAlarm', label: 'Siren Alarm' },\n    { key: 'rotatable', label: 'Rotatable' },\n    { key: 'zoom', label: 'Zoom' },\n    { key: 'interface', label: 'Interface' },\n    { key: 'detectionDistance', label: 'Detection Distance' },\n    { key: 'app', label: 'APP' }\n  ];\n  \n  features.forEach(feature =\u003e {\n    const row = document.createElement('tr');\n    const header = document.createElement('td');\n    header.textContent = feature.label;\n    header.className = 'feature-header';\n    row.appendChild(header);\n    \n    products.forEach(product =\u003e {\n      const cell = document.createElement('td');\n      let value = product[feature.key];\n      \n      \/\/ 特殊处理勾选和叉号标记\n      if (value === '✔') {\n        cell.innerHTML = '\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e';\n      } else if (value === '✘') {\n        cell.innerHTML = '\u003cspan class=\"crossmark\"\u003e✘\u003c\/span\u003e';\n      } else {\n        cell.textContent = value;\n      }\n      \n      row.appendChild(cell);\n    });\n    \n    tbody.appendChild(row);\n  });\n  \n  \/\/ 检测是否需要显示滚动提示\n  function checkScrollIndicator() {\n    const container = document.querySelector('.comparison-table-container');\n    if (container.scrollWidth \u003e container.clientWidth) {\n      document.querySelector('.scroll-indicator').style.display = 'block';\n    } else {\n      document.querySelector('.scroll-indicator').style.display = 'none';\n    }\n  }\n  \n  \/\/ 初始检查和窗口调整时检查\n  checkScrollIndicator();\n  window.addEventListener('resize', checkScrollIndicator);\n});\n\u003c\/script\u003e","brand":"ZUMIMALL","offers":[{"title":"1 Cámara | Sin tarjeta SD","offer_id":66514359779632,"sku":"X6","price":39.99,"currency_code":"USD","in_stock":true},{"title":"1 cámara | Tarjeta SD de 128 GB","offer_id":66514359812400,"sku":"X6+128g","price":69.99,"currency_code":"USD","in_stock":true},{"title":"1 cámara + panel | Sin tarjeta SD","offer_id":50796374524208,"sku":"X6K+SPX1","price":59.99,"currency_code":"USD","in_stock":true},{"title":"1 Cámara + Panel | Tarjeta SD de 128 GB","offer_id":50796374556976,"sku":"X6K+SPX1+128g","price":89.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/Solar-Security-Camera-X6K.png?v=1776073481","url":"https:\/\/www.zumimall.com\/es\/products\/2k-rechargeable-battery-wireless-security-camera-outdoor","provider":"ZUMIMALL","version":"1.0","type":"link"}