{"title":"Meilleures ventes","description":"","products":[{"product_id":"armor-25t-pro","title":"Armor 25T Pro","description":"\u003cp class=\"ms-min-p\"\u003eImagerie thermique | Appareil photo principal 50MP | Caméra Vision Nocturne 64MP | Écran Ultra 120Hz | Processeur 5G | Charge super rapide 33W | Charge sans fil 30W | Android 15 | NFC | Émetteur IR\u003c\/p\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\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 \/* 移动端响应式 *\/\n @media (max-width: 768px) {\n .desktop-view {\n display: none !important;\n }\n .mobile-view {\n display: block !important;\n }\n }\n \n @media (min-width: 769px) {\n .desktop-view {\n display: flex !important;\n }\n .mobile-view {\n display: none !important;\n }\n }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n font-size: 1.3rem;\n }\n }\n .icon-row {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n flex-wrap: nowrap;\n width: fit-content;\n }\n \n .icon-item {\n flex: 0 0 auto;\n text-align: center;\n margin-block-start:0 !important;\n }\n \n .icon-link {\n display: block;\n text-decoration: none;\n margin-block:0 !important;\n }\n \n .icon-image {\n width: 60px;\n height: 60px;\n object-fit: contain;\n display: block;\n border-radius: 4px;\n margin-block:0 !important; \n }\n \n \/* 第三个图标的悬停效果 *\/\n .icon-item.special {\n position: relative;\n }\n \n .hover-trigger {\n position: relative;\n display: block;\n cursor: pointer;\n }\n \n .hover-image {\n display: none;\n position: absolute;\n top: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n z-index: 100;\n width: 250px;\n border-radius: 6px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n border: 1px solid #ddd;\n background: white;\n padding: 4px;\n }\n \n .hover-image img {\n width: 250px;\n height: auto;\n border-radius: 4px;\n display: block;\n margin-block:0 !important;\n }\n \n \/* 添加向下箭头提示 *\/\n .hover-trigger::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid #333;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n \n \/* PC端悬停显示 *\/\n @media (hover: hover) and (pointer: fine) {\n .hover-trigger:hover .hover-image {\n display: block;\n }\n \n .hover-trigger:hover::after {\n opacity: 1;\n }\n }\n \n \/* 移动端适配 *\/\n @media (max-width: 768px) {\n .icon-row {\n gap: 10px;\n }\n \n .icon-image {\n width: 50px;\n height: 50px;\n }\n \n .hover-image {\n width: 250px;\n }\n \n .hover-image.active {\n display: block;\n }\n }\n \n \/* 防止在小屏幕上被挤压 *\/\n @media (max-width: 480px) {\n .icon-row {\n flex-wrap: wrap;\n justify-content: center;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-33W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/B-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_25TP.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const trigger = document.getElementById('hover-trigger-3');\n const hoverImage = document.getElementById('hover-image-3');\n \n if (!trigger || !hoverImage) return;\n \n \/\/ 检测是否为移动端（屏幕宽度≤768px）\n function isMobileDevice() {\n return window.innerWidth \u003c= 768;\n }\n \n \/\/ 移动端点击事件处理\n function handleMobileClick() {\n if (!isMobileDevice()) return;\n \n hoverImage.classList.toggle('active');\n }\n \n \/\/ 点击页面其他地方关闭图片\n function handleDocumentClick(e) {\n if (!isMobileDevice()) return;\n \n if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n hoverImage.classList.remove('active');\n }\n }\n \n \/\/ 添加事件监听\n trigger.addEventListener('click', handleMobileClick);\n document.addEventListener('click', handleDocumentClick);\n \n \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n trigger.addEventListener('click', function(e) {\n if (isMobileDevice()) {\n e.stopPropagation();\n }\n });\n });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armor 25T Pro","offer_id":49954341814590,"sku":"AR25TPROBK02","price":449.99,"currency_code":"USD","in_stock":true},{"title":"Chargeur sans fil Armor 25T Pro+","offer_id":49954341978430,"sku":"AR25TPROBK03","price":499.99,"currency_code":"USD","in_stock":true},{"title":"Armor 25T Pro+Armor Mount Pro","offer_id":49954342076734,"sku":"AR25TPROBK04","price":509.99,"currency_code":"USD","in_stock":true},{"title":"Armor 25T Pro+Armor bond","offer_id":49954342142270,"sku":"AR25TPROBK05","price":474.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/25T_pro.png?v=1770624363"},{"product_id":"armor-25t","title":"Armor 25T","description":"\u003cp class=\"ms-min-p\"\u003eImagerie thermique | Appareil photo principal 50MP | Caméra Vision Nocturne 64MP | Écran Ultra 120Hz | 4G-LTE | Charge super rapide 33W | Charge sans fil 30W | Android 15 | NFC | Émetteur IR\u003c\/p\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\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 \/* 移动端响应式 *\/\n @media (max-width: 768px) {\n .desktop-view {\n display: none !important;\n }\n .mobile-view {\n display: block !important;\n }\n }\n \n @media (min-width: 769px) {\n .desktop-view {\n display: flex !important;\n }\n .mobile-view {\n display: none !important;\n }\n }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n font-size: 1.3rem;\n }\n }\n .icon-row {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n flex-wrap: nowrap;\n width: fit-content;\n }\n \n .icon-item {\n flex: 0 0 auto;\n text-align: center;\n margin-block-start:0 !important;\n }\n \n .icon-link {\n display: block;\n text-decoration: none;\n margin-block:0 !important;\n }\n \n .icon-image {\n width: 60px;\n height: 60px;\n object-fit: contain;\n display: block;\n border-radius: 4px;\n margin-block:0 !important; \n }\n \n \/* 第三个图标的悬停效果 *\/\n .icon-item.special {\n position: relative;\n }\n \n .hover-trigger {\n position: relative;\n display: block;\n cursor: pointer;\n }\n \n .hover-image {\n display: none;\n position: absolute;\n top: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n z-index: 100;\n width: 250px;\n border-radius: 6px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n border: 1px solid #ddd;\n background: white;\n padding: 4px;\n }\n \n .hover-image img {\n width: 250px;\n height: auto;\n border-radius: 4px;\n display: block;\n margin-block:0 !important;\n }\n \n \/* 添加向下箭头提示 *\/\n .hover-trigger::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid #333;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n \n \/* PC端悬停显示 *\/\n @media (hover: hover) and (pointer: fine) {\n .hover-trigger:hover .hover-image {\n display: block;\n }\n \n .hover-trigger:hover::after {\n opacity: 1;\n }\n }\n \n \/* 移动端适配 *\/\n @media (max-width: 768px) {\n .icon-row {\n gap: 10px;\n }\n \n .icon-image {\n width: 50px;\n height: 50px;\n }\n \n .hover-image {\n width: 250px;\n }\n \n .hover-image.active {\n display: block;\n }\n }\n \n \/* 防止在小屏幕上被挤压 *\/\n @media (max-width: 480px) {\n .icon-row {\n flex-wrap: wrap;\n justify-content: center;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-33W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/B-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_25T.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const trigger = document.getElementById('hover-trigger-3');\n const hoverImage = document.getElementById('hover-image-3');\n \n if (!trigger || !hoverImage) return;\n \n \/\/ 检测是否为移动端（屏幕宽度≤768px）\n function isMobileDevice() {\n return window.innerWidth \u003c= 768;\n }\n \n \/\/ 移动端点击事件处理\n function handleMobileClick() {\n if (!isMobileDevice()) return;\n \n hoverImage.classList.toggle('active');\n }\n \n \/\/ 点击页面其他地方关闭图片\n function handleDocumentClick(e) {\n if (!isMobileDevice()) return;\n \n if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n hoverImage.classList.remove('active');\n }\n }\n \n \/\/ 添加事件监听\n trigger.addEventListener('click', handleMobileClick);\n document.addEventListener('click', handleDocumentClick);\n \n \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n trigger.addEventListener('click', function(e) {\n if (isMobileDevice()) {\n e.stopPropagation();\n }\n });\n });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"6 Go \/ Armure 25T","offer_id":50176090276158,"sku":"AR25TBK02","price":319.99,"currency_code":"USD","in_stock":true},{"title":"6 Go \/ Armor 25T+Chargeur sans fil","offer_id":50176090308926,"sku":"AR25TBK03","price":369.99,"currency_code":"USD","in_stock":true},{"title":"6 Go \/ Armor 25T+Armor Mount Pro","offer_id":50176090341694,"sku":"AR25TBK04","price":369.99,"currency_code":"USD","in_stock":true},{"title":"6 Go \/ Armure 25T+Armure bond","offer_id":50176090374462,"sku":"AR25TBK05","price":339.99,"currency_code":"USD","in_stock":true},{"title":"8 Go \/ Armure 25T","offer_id":51445668577598,"sku":"AR25T8GBBK02","price":339.99,"currency_code":"USD","in_stock":true},{"title":"8 Go \/ Armor 25T+Chargeur sans fil","offer_id":51445668610366,"sku":"AR25T8GBBK03","price":389.99,"currency_code":"USD","in_stock":true},{"title":"8 Go \/ Armor 25T+Armor Mount Pro","offer_id":51445668643134,"sku":"AR25T8GBBK04","price":389.99,"currency_code":"USD","in_stock":true},{"title":"8 Go \/ Armure 25T+Armure bond","offer_id":51445668675902,"sku":"AR25T8GBBK05","price":359.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/25T-free-gift-for-eu-only.jpg?v=1782109359"},{"product_id":"armor-27t-pro","title":"Armor 27T Pro","description":"\u003cp class=\"ms-min-p\"\u003eBatterie méga 10600mAh | Appareil photo infrarouge 64MP pour vision nocturne | Imagerie thermique par FLIR | Écran 6,78\" FHD+ 120Hz | Processeur MediaTek Dimensity 6300 5G | 12 Go+256 Go | WiFi 6 | Android 15\u003c\/p\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\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 \/* 移动端响应式 *\/\n @media (max-width: 768px) {\n .desktop-view {\n display: none !important;\n }\n .mobile-view {\n display: block !important;\n }\n }\n \n @media (min-width: 769px) {\n .desktop-view {\n display: flex !important;\n }\n .mobile-view {\n display: none !important;\n }\n }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n font-size: 1.3rem;\n }\n }\n .icon-row {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n flex-wrap: nowrap;\n width: fit-content;\n }\n \n .icon-item {\n flex: 0 0 auto;\n text-align: center;\n margin-block-start:0 !important;\n }\n \n .icon-link {\n display: block;\n text-decoration: none;\n margin-block:0 !important;\n }\n \n .icon-image {\n width: 60px;\n height: 60px;\n object-fit: contain;\n display: block;\n border-radius: 4px;\n margin-block:0 !important; \n }\n \n \/* 第三个图标的悬停效果 *\/\n .icon-item.special {\n position: relative;\n }\n \n .hover-trigger {\n position: relative;\n display: block;\n cursor: pointer;\n }\n \n .hover-image {\n display: none;\n position: absolute;\n top: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n z-index: 100;\n width: 250px;\n border-radius: 6px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n border: 1px solid #ddd;\n background: white;\n padding: 4px;\n }\n \n .hover-image img {\n width: 250px;\n height: auto;\n border-radius: 4px;\n display: block;\n margin-block:0 !important;\n }\n \n \/* 添加向下箭头提示 *\/\n .hover-trigger::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid #333;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n \n \/* PC端悬停显示 *\/\n @media (hover: hover) and (pointer: fine) {\n .hover-trigger:hover .hover-image {\n display: block;\n }\n \n .hover-trigger:hover::after {\n opacity: 1;\n }\n }\n \n \/* 移动端适配 *\/\n @media (max-width: 768px) {\n .icon-row {\n gap: 10px;\n }\n \n .icon-image {\n width: 50px;\n height: 50px;\n }\n \n .hover-image {\n width: 250px;\n }\n \n .hover-image.active {\n display: block;\n }\n }\n \n \/* 防止在小屏幕上被挤压 *\/\n @media (max-width: 480px) {\n .icon-row {\n flex-wrap: wrap;\n justify-content: center;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-33W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_27TP.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const trigger = document.getElementById('hover-trigger-3');\n const hoverImage = document.getElementById('hover-image-3');\n \n if (!trigger || !hoverImage) return;\n \n \/\/ 检测是否为移动端（屏幕宽度≤768px）\n function isMobileDevice() {\n return window.innerWidth \u003c= 768;\n }\n \n \/\/ 移动端点击事件处理\n function handleMobileClick() {\n if (!isMobileDevice()) return;\n \n hoverImage.classList.toggle('active');\n }\n \n \/\/ 点击页面其他地方关闭图片\n function handleDocumentClick(e) {\n if (!isMobileDevice()) return;\n \n if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n hoverImage.classList.remove('active');\n }\n }\n \n \/\/ 添加事件监听\n trigger.addEventListener('click', handleMobileClick);\n document.addEventListener('click', handleDocumentClick);\n \n \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n trigger.addEventListener('click', function(e) {\n if (isMobileDevice()) {\n e.stopPropagation();\n }\n });\n });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armor 27T Pro+ \/ Norme","offer_id":53320034058558,"sku":"AR27TPRO+BK01","price":579.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27T Pro+ \/ Coque Armor","offer_id":53320034091326,"sku":"AR27TPRO+BK02","price":609.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27T Pro+ \/ Chargeur sans fil","offer_id":53320034124094,"sku":"AR27TPRO+BK03","price":629.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27T Pro+ \/ +Support Armor Pro","offer_id":53320034156862,"sku":"AR27TPRO+BK07","price":639.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27T Pro+ \/ +uSmart C01","offer_id":53320034189630,"sku":"AR27TPRO+BK09","price":639.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27T Pro+ \/ +uSmart E02","offer_id":53320034222398,"sku":"AR27TPRO+BK06","price":639.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27T Pro+ \/ +uSmart E03","offer_id":53320034255166,"sku":"AR27TPRO+BK08","price":729.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Armor_27T_Pro_f5535033-ab81-4e84-983c-33e01e0dfb74.jpg?v=1765272933"},{"product_id":"armor-27-pro","title":"Armor 27 Pro","description":"\u003cp class=\"ms-min-p\"\u003eBatterie méga 10600mAh | Appareil photo infrarouge 64MP pour vision nocturne | Écran 6,78\" FHD+ 120Hz | Processeur MediaTek Dimensity 6300 5G | 12 Go+256 Go | WiFi 6 | Android 15\u003c\/p\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\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 \/* 移动端响应式 *\/\n @media (max-width: 768px) {\n .desktop-view {\n display: none !important;\n }\n .mobile-view {\n display: block !important;\n }\n }\n \n @media (min-width: 769px) {\n .desktop-view {\n display: flex !important;\n }\n .mobile-view {\n display: none !important;\n }\n }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n font-size: 1.3rem;\n }\n }\n .icon-row {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n flex-wrap: nowrap;\n width: fit-content;\n }\n \n .icon-item {\n flex: 0 0 auto;\n text-align: center;\n margin-block-start:0 !important;\n }\n \n .icon-link {\n display: block;\n text-decoration: none;\n margin-block:0 !important;\n }\n \n .icon-image {\n width: 60px;\n height: 60px;\n object-fit: contain;\n display: block;\n border-radius: 4px;\n margin-block:0 !important; \n }\n \n \/* 第三个图标的悬停效果 *\/\n .icon-item.special {\n position: relative;\n }\n \n .hover-trigger {\n position: relative;\n display: block;\n cursor: pointer;\n }\n \n .hover-image {\n display: none;\n position: absolute;\n top: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n z-index: 100;\n width: 250px;\n border-radius: 6px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n border: 1px solid #ddd;\n background: white;\n padding: 4px;\n }\n \n .hover-image img {\n width: 250px;\n height: auto;\n border-radius: 4px;\n display: block;\n margin-block:0 !important;\n }\n \n \/* 添加向下箭头提示 *\/\n .hover-trigger::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid #333;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n \n \/* PC端悬停显示 *\/\n @media (hover: hover) and (pointer: fine) {\n .hover-trigger:hover .hover-image {\n display: block;\n }\n \n .hover-trigger:hover::after {\n opacity: 1;\n }\n }\n \n \/* 移动端适配 *\/\n @media (max-width: 768px) {\n .icon-row {\n gap: 10px;\n }\n \n .icon-image {\n width: 50px;\n height: 50px;\n }\n \n .hover-image {\n width: 250px;\n }\n \n .hover-image.active {\n display: block;\n }\n }\n \n \/* 防止在小屏幕上被挤压 *\/\n @media (max-width: 480px) {\n .icon-row {\n flex-wrap: wrap;\n justify-content: center;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-33W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_27P.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const trigger = document.getElementById('hover-trigger-3');\n const hoverImage = document.getElementById('hover-image-3');\n \n if (!trigger || !hoverImage) return;\n \n \/\/ 检测是否为移动端（屏幕宽度≤768px）\n function isMobileDevice() {\n return window.innerWidth \u003c= 768;\n }\n \n \/\/ 移动端点击事件处理\n function handleMobileClick() {\n if (!isMobileDevice()) return;\n \n hoverImage.classList.toggle('active');\n }\n \n \/\/ 点击页面其他地方关闭图片\n function handleDocumentClick(e) {\n if (!isMobileDevice()) return;\n \n if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n hoverImage.classList.remove('active');\n }\n }\n \n \/\/ 添加事件监听\n trigger.addEventListener('click', handleMobileClick);\n document.addEventListener('click', handleDocumentClick);\n \n \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n trigger.addEventListener('click', function(e) {\n if (isMobileDevice()) {\n e.stopPropagation();\n }\n });\n });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armor 27 Pro","offer_id":50316070191422,"sku":"AR27PROBK01","price":449.99,"currency_code":"USD","in_stock":true},{"title":"Coque Armor 27 Pro+","offer_id":50316070256958,"sku":"AR27PROBK02","price":474.99,"currency_code":"USD","in_stock":true},{"title":"Chargeur sans fil Armor 27 Pro+","offer_id":50316070224190,"sku":"AR27PROBK03","price":499.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27 Pro+Support Pro","offer_id":50316070322494,"sku":"AR27PROBK07","price":509.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27 Pro+uSmart C01","offer_id":50316070355262,"sku":"AR27PROBK04","price":509.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27 Pro+uSmart E02","offer_id":53320940749118,"sku":"AR27PROBK06","price":509.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27 Pro+uSmart E03","offer_id":50316070453566,"sku":"AR27PROBK08","price":599.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Armor_27_Pro_633c9cf5-17eb-4e84-8148-53ecf34743d4.jpg?v=1765273034"},{"product_id":"armor-mini-20t-pro","title":"Armor Mini 20T Pro","description":"\u003cp class=\"ms-min-p\"\u003eSmartphone robuste compact 5G 4,7\" | Thermique par FLIR | Batterie grande capacité 6200mAh |  Lumière LED polyvalente | Voyant d'alerte | Jusqu'à 16 Go+256 Go | Charge rapide 33W | Charge sans fil 15W | IP68\/IP69K | Appareil photo principal 50MP | Appareil photo frontal 32MP | Android 15\u003c\/p\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\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 \/* 移动端响应式 *\/\n @media (max-width: 768px) {\n .desktop-view {\n display: none !important;\n }\n .mobile-view {\n display: block !important;\n }\n }\n \n @media (min-width: 769px) {\n .desktop-view {\n display: flex !important;\n }\n .mobile-view {\n display: none !important;\n }\n }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n font-size: 1.3rem;\n }\n }\n .icon-row {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n flex-wrap: nowrap;\n width: fit-content;\n }\n \n .icon-item {\n flex: 0 0 auto;\n text-align: center;\n margin-block-start:0 !important;\n }\n \n .icon-link {\n display: block;\n text-decoration: none;\n margin-block:0 !important;\n }\n \n .icon-image {\n width: 60px;\n height: 60px;\n object-fit: contain;\n display: block;\n border-radius: 4px;\n margin-block:0 !important; \n }\n \n \/* 第三个图标的悬停效果 *\/\n .icon-item.special {\n position: relative;\n }\n \n .hover-trigger {\n position: relative;\n display: block;\n cursor: pointer;\n }\n \n .hover-image {\n display: none;\n position: absolute;\n top: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n z-index: 100;\n width: 250px;\n border-radius: 6px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n border: 1px solid #ddd;\n background: white;\n padding: 4px;\n }\n \n .hover-image img {\n width: 250px;\n height: auto;\n border-radius: 4px;\n display: block;\n margin-block:0 !important;\n }\n \n \/* 添加向下箭头提示 *\/\n .hover-trigger::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid #333;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n \n \/* PC端悬停显示 *\/\n @media (hover: hover) and (pointer: fine) {\n .hover-trigger:hover .hover-image {\n display: block;\n }\n \n .hover-trigger:hover::after {\n opacity: 1;\n }\n }\n \n \/* 移动端适配 *\/\n @media (max-width: 768px) {\n .icon-row {\n gap: 10px;\n }\n \n .icon-image {\n width: 50px;\n height: 50px;\n }\n \n .hover-image {\n width: 250px;\n }\n \n .hover-image.active {\n display: block;\n }\n }\n \n \/* 防止在小屏幕上被挤压 *\/\n @media (max-width: 480px) {\n .icon-row {\n flex-wrap: wrap;\n justify-content: center;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-33W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/B-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_20TP.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const trigger = document.getElementById('hover-trigger-3');\n const hoverImage = document.getElementById('hover-image-3');\n \n if (!trigger || !hoverImage) return;\n \n \/\/ 检测是否为移动端（屏幕宽度≤768px）\n function isMobileDevice() {\n return window.innerWidth \u003c= 768;\n }\n \n \/\/ 移动端点击事件处理\n function handleMobileClick() {\n if (!isMobileDevice()) return;\n \n hoverImage.classList.toggle('active');\n }\n \n \/\/ 点击页面其他地方关闭图片\n function handleDocumentClick(e) {\n if (!isMobileDevice()) return;\n \n if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n hoverImage.classList.remove('active');\n }\n }\n \n \/\/ 添加事件监听\n trigger.addEventListener('click', handleMobileClick);\n document.addEventListener('click', handleDocumentClick);\n \n \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n trigger.addEventListener('click', function(e) {\n if (isMobileDevice()) {\n e.stopPropagation();\n }\n });\n });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armor Mini 20T Pro","offer_id":50894844625214,"sku":"AMINI20TP-1","price":469.99,"currency_code":"USD","in_stock":true},{"title":"Armor Mini 20T Pro+Étui","offer_id":50894844657982,"sku":"AMINI20TP-2","price":499.99,"currency_code":"USD","in_stock":true},{"title":"Armor Mini 20T Pro+Pad de Charge Sans Fil","offer_id":50894844690750,"sku":"AMINI20TP-3","price":509.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Ulefone_Armor_Mini_20T_Pro_Rugged_Small_Smartphone.jpg?v=1762842575"},{"product_id":"armor-27","title":"Armor 27","description":"\u003cp class=\"ms-min-p\"\u003eCaméra infrarouge 64MP pour vision nocturne | Batterie méga 10600mAh | 6,75\" FHD+ 120Hz | 12 Go+256 Go | Charge rapide et sans fil | Android 15 | Appareil photo principal 50MP | Caméra frontale 32 MP | Connecteur uSmart 2.0 | IP68\/IP69K, MIL-STD-810H\u003c\/p\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\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 \/* 移动端响应式 *\/\n @media (max-width: 768px) {\n .desktop-view {\n display: none !important;\n }\n .mobile-view {\n display: block !important;\n }\n }\n \n @media (min-width: 769px) {\n .desktop-view {\n display: flex !important;\n }\n .mobile-view {\n display: none !important;\n }\n }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n font-size: 1.3rem;\n }\n }\n .icon-row {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n flex-wrap: nowrap;\n width: fit-content;\n }\n \n .icon-item {\n flex: 0 0 auto;\n text-align: center;\n margin-block-start:0 !important;\n }\n \n .icon-link {\n display: block;\n text-decoration: none;\n margin-block:0 !important;\n }\n \n .icon-image {\n width: 60px;\n height: 60px;\n object-fit: contain;\n display: block;\n border-radius: 4px;\n margin-block:0 !important; \n }\n \n \/* 第三个图标的悬停效果 *\/\n .icon-item.special {\n position: relative;\n }\n \n .hover-trigger {\n position: relative;\n display: block;\n cursor: pointer;\n }\n \n .hover-image {\n display: none;\n position: absolute;\n top: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n z-index: 100;\n width: 250px;\n border-radius: 6px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n border: 1px solid #ddd;\n background: white;\n padding: 4px;\n }\n \n .hover-image img {\n width: 250px;\n height: auto;\n border-radius: 4px;\n display: block;\n margin-block:0 !important;\n }\n \n \/* 添加向下箭头提示 *\/\n .hover-trigger::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid #333;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n \n \/* PC端悬停显示 *\/\n @media (hover: hover) and (pointer: fine) {\n .hover-trigger:hover .hover-image {\n display: block;\n }\n \n .hover-trigger:hover::after {\n opacity: 1;\n }\n }\n \n \/* 移动端适配 *\/\n @media (max-width: 768px) {\n .icon-row {\n gap: 10px;\n }\n \n .icon-image {\n width: 50px;\n height: 50px;\n }\n \n .hover-image {\n width: 250px;\n }\n \n .hover-image.active {\n display: block;\n }\n }\n \n \/* 防止在小屏幕上被挤压 *\/\n @media (max-width: 480px) {\n .icon-row {\n flex-wrap: wrap;\n justify-content: center;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-33W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_27.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const trigger = document.getElementById('hover-trigger-3');\n const hoverImage = document.getElementById('hover-image-3');\n \n if (!trigger || !hoverImage) return;\n \n \/\/ 检测是否为移动端（屏幕宽度≤768px）\n function isMobileDevice() {\n return window.innerWidth \u003c= 768;\n }\n \n \/\/ 移动端点击事件处理\n function handleMobileClick() {\n if (!isMobileDevice()) return;\n \n hoverImage.classList.toggle('active');\n }\n \n \/\/ 点击页面其他地方关闭图片\n function handleDocumentClick(e) {\n if (!isMobileDevice()) return;\n \n if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n hoverImage.classList.remove('active');\n }\n }\n \n \/\/ 添加事件监听\n trigger.addEventListener('click', handleMobileClick);\n document.addEventListener('click', handleDocumentClick);\n \n \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n trigger.addEventListener('click', function(e) {\n if (isMobileDevice()) {\n e.stopPropagation();\n }\n });\n });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armure 27","offer_id":50744134467902,"sku":"AR2701","price":359.99,"currency_code":"USD","in_stock":true},{"title":"Coque Armor 27+","offer_id":50744134500670,"sku":"AR2702","price":384.99,"currency_code":"USD","in_stock":true},{"title":"Chargeur sans fil Armor 27+","offer_id":50744134566206,"sku":"AR2704","price":409.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27+Support Pro","offer_id":50744134598974,"sku":"AR2705","price":419.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27+uSmart C01","offer_id":50744134631742,"sku":"AR2706","price":419.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27+uSmart E02","offer_id":50744134664510,"sku":"AR2708","price":419.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27+uSmart E03","offer_id":50744134730046,"sku":"AR2709","price":509.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Armor_27_a592a88d-8cff-452e-b955-820fffe99b3d.jpg?v=1765272997"},{"product_id":"armor-27t","title":"Armor 27T","description":"\u003cp class=\"ms-min-p\"\u003eImagerie thermique par FLIR | Vision nocturne infrarouge 64MP | Batterie méga 10600mAh | Charge rapide et sans fil | Écran 6,78\" FHD+ 120Hz | Appareil photo principal 50MP | Appareil photo frontal 32MP | 12 Go+256 Go | Android 15 | Connecteur uSmart 2.0 | IP68\/IP69K, MIL-STD-810H\u003c\/p\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\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 \/* 移动端响应式 *\/\n @media (max-width: 768px) {\n .desktop-view {\n display: none !important;\n }\n .mobile-view {\n display: block !important;\n }\n }\n \n @media (min-width: 769px) {\n .desktop-view {\n display: flex !important;\n }\n .mobile-view {\n display: none !important;\n }\n }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n font-size: 1.3rem;\n }\n }\n .icon-row {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n flex-wrap: nowrap;\n width: fit-content;\n }\n \n .icon-item {\n flex: 0 0 auto;\n text-align: center;\n margin-block-start:0 !important;\n }\n \n .icon-link {\n display: block;\n text-decoration: none;\n margin-block:0 !important;\n }\n \n .icon-image {\n width: 60px;\n height: 60px;\n object-fit: contain;\n display: block;\n border-radius: 4px;\n margin-block:0 !important; \n }\n \n \/* 第三个图标的悬停效果 *\/\n .icon-item.special {\n position: relative;\n }\n \n .hover-trigger {\n position: relative;\n display: block;\n cursor: pointer;\n }\n \n .hover-image {\n display: none;\n position: absolute;\n top: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n z-index: 100;\n width: 250px;\n border-radius: 6px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n border: 1px solid #ddd;\n background: white;\n padding: 4px;\n }\n \n .hover-image img {\n width: 250px;\n height: auto;\n border-radius: 4px;\n display: block;\n margin-block:0 !important;\n }\n \n \/* 添加向下箭头提示 *\/\n .hover-trigger::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid #333;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n \n \/* PC端悬停显示 *\/\n @media (hover: hover) and (pointer: fine) {\n .hover-trigger:hover .hover-image {\n display: block;\n }\n \n .hover-trigger:hover::after {\n opacity: 1;\n }\n }\n \n \/* 移动端适配 *\/\n @media (max-width: 768px) {\n .icon-row {\n gap: 10px;\n }\n \n .icon-image {\n width: 50px;\n height: 50px;\n }\n \n .hover-image {\n width: 250px;\n }\n \n .hover-image.active {\n display: block;\n }\n }\n \n \/* 防止在小屏幕上被挤压 *\/\n @media (max-width: 480px) {\n .icon-row {\n flex-wrap: wrap;\n justify-content: center;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-33W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_27T.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const trigger = document.getElementById('hover-trigger-3');\n const hoverImage = document.getElementById('hover-image-3');\n \n if (!trigger || !hoverImage) return;\n \n \/\/ 检测是否为移动端（屏幕宽度≤768px）\n function isMobileDevice() {\n return window.innerWidth \u003c= 768;\n }\n \n \/\/ 移动端点击事件处理\n function handleMobileClick() {\n if (!isMobileDevice()) return;\n \n hoverImage.classList.toggle('active');\n }\n \n \/\/ 点击页面其他地方关闭图片\n function handleDocumentClick(e) {\n if (!isMobileDevice()) return;\n \n if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n hoverImage.classList.remove('active');\n }\n }\n \n \/\/ 添加事件监听\n trigger.addEventListener('click', handleMobileClick);\n document.addEventListener('click', handleDocumentClick);\n \n \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n trigger.addEventListener('click', function(e) {\n if (isMobileDevice()) {\n e.stopPropagation();\n }\n });\n });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armure 27T \/ Norme","offer_id":50734819901758,"sku":"AR27T01","price":449.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27T \/ Coque Armor","offer_id":50734819934526,"sku":"AR27T02","price":479.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27T \/ Chargeur sans fil","offer_id":50734819967294,"sku":"AR27T03","price":499.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27T \/ +Support Armor Pro","offer_id":50734820032830,"sku":"AR27T05","price":509.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27T \/ +uSmart C01","offer_id":50734820065598,"sku":"AR27T06","price":509.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27T \/ +uSmart E02","offer_id":53320005910846,"sku":"AR27T08","price":509.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27T \/ +uSmart E03","offer_id":50734820163902,"sku":"AR27T09","price":599.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27T+ \/ Norme","offer_id":53320043757886,"sku":"AR27T+01","price":479.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27T+ \/ Coque Armor","offer_id":53320043790654,"sku":"AR27T+02","price":509.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27T+ \/ Chargeur sans fil","offer_id":53320043823422,"sku":"AR27T+03","price":529.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27T+ \/ +Support Armor Pro","offer_id":53320043856190,"sku":"AR27T+05","price":539.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27T+ \/ +uSmart C01","offer_id":53320043888958,"sku":"AR27T+06","price":539.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27T+ \/ +uSmart E02","offer_id":53320043921726,"sku":"AR27T+08","price":539.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27T+ \/ +uSmart E03","offer_id":53320043954494,"sku":"AR27T+09","price":629.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Armor_27T_a5bb6ac6-032d-4eb4-b6d7-2343f53ebd00.jpg?v=1765272963"},{"product_id":"armor-x31-pro","title":"Armor X31 Pro","description":"\u003cp class=\"ms-min-p\"\u003eGrand écran 6,56\" 120Hz | MediaTek Dimensity 6300 5G | Caméra infrarouge de vision nocturne 25MP | Appareil photo principal 64MP | Batterie 6050mAh | Lampe de poche indépendante anti-éblouissement | Jusqu'à 16 Go+256 Go | Android 15\u003c\/p\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\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 \/* 移动端响应式 *\/\n @media (max-width: 768px) {\n .desktop-view {\n display: none !important;\n }\n .mobile-view {\n display: block !important;\n }\n }\n \n @media (min-width: 769px) {\n .desktop-view {\n display: flex !important;\n }\n .mobile-view {\n display: none !important;\n }\n }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n font-size: 1.3rem;\n }\n }\n .icon-row {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n flex-wrap: nowrap;\n width: fit-content;\n }\n \n .icon-item {\n flex: 0 0 auto;\n text-align: center;\n margin-block-start:0 !important;\n }\n \n .icon-link {\n display: block;\n text-decoration: none;\n margin-block:0 !important;\n }\n \n .icon-image {\n width: 60px;\n height: 60px;\n object-fit: contain;\n display: block;\n border-radius: 4px;\n margin-block:0 !important; \n }\n \n \/* 第三个图标的悬停效果 *\/\n .icon-item.special {\n position: relative;\n }\n \n .hover-trigger {\n position: relative;\n display: block;\n cursor: pointer;\n }\n \n .hover-image {\n display: none;\n position: absolute;\n top: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n z-index: 100;\n width: 250px;\n border-radius: 6px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n border: 1px solid #ddd;\n background: white;\n padding: 4px;\n }\n \n .hover-image img {\n width: 250px;\n height: auto;\n border-radius: 4px;\n display: block;\n margin-block:0 !important;\n }\n \n \/* 添加向下箭头提示 *\/\n .hover-trigger::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid #333;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n \n \/* PC端悬停显示 *\/\n @media (hover: hover) and (pointer: fine) {\n .hover-trigger:hover .hover-image {\n display: block;\n }\n \n .hover-trigger:hover::after {\n opacity: 1;\n }\n }\n \n \/* 移动端适配 *\/\n @media (max-width: 768px) {\n .icon-row {\n gap: 10px;\n }\n \n .icon-image {\n width: 50px;\n height: 50px;\n }\n \n .hover-image {\n width: 250px;\n }\n \n .hover-image.active {\n display: block;\n }\n }\n \n \/* 防止在小屏幕上被挤压 *\/\n @media (max-width: 480px) {\n .icon-row {\n flex-wrap: wrap;\n justify-content: center;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-18W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_X31P.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const trigger = document.getElementById('hover-trigger-3');\n const hoverImage = document.getElementById('hover-image-3');\n \n if (!trigger || !hoverImage) return;\n \n \/\/ 检测是否为移动端（屏幕宽度≤768px）\n function isMobileDevice() {\n return window.innerWidth \u003c= 768;\n }\n \n \/\/ 移动端点击事件处理\n function handleMobileClick() {\n if (!isMobileDevice()) return;\n \n hoverImage.classList.toggle('active');\n }\n \n \/\/ 点击页面其他地方关闭图片\n function handleDocumentClick(e) {\n if (!isMobileDevice()) return;\n \n if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n hoverImage.classList.remove('active');\n }\n }\n \n \/\/ 添加事件监听\n trigger.addEventListener('click', handleMobileClick);\n document.addEventListener('click', handleDocumentClick);\n \n \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n trigger.addEventListener('click', function(e) {\n if (isMobileDevice()) {\n e.stopPropagation();\n }\n });\n });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Vert \/ Armor X31 Pro","offer_id":51111832846654,"sku":"X31PGR","price":299.99,"currency_code":"USD","in_stock":true},{"title":"Vert \/ Brassard de sport Armor X31 Pro+","offer_id":50975754355006,"sku":"X31PGR1","price":324.99,"currency_code":"USD","in_stock":true},{"title":"Vert \/ Armor X31 Pro+ Support Armor Pro","offer_id":51096922718526,"sku":"X31PGR2","price":359.99,"currency_code":"USD","in_stock":true},{"title":"Vert \/ Coque Armor X31 Pro+ + Support","offer_id":51096922784062,"sku":"X31PGR5","price":359.99,"currency_code":"USD","in_stock":true},{"title":"Vert \/ Coque Armor X31 Pro+ Support+ Support Pro","offer_id":51096922816830,"sku":"X31PGR6","price":409.99,"currency_code":"USD","in_stock":true},{"title":"Noir \/ Armor X31 Pro","offer_id":51111832781118,"sku":"X31PBK","price":299.99,"currency_code":"USD","in_stock":true},{"title":"Noir \/ Brassard de sport Armor X31 Pro+","offer_id":50975754289470,"sku":"X31PBK1","price":324.99,"currency_code":"USD","in_stock":true},{"title":"Noir \/ Armor X31 Pro+ Support Armor Pro","offer_id":51096922390846,"sku":"X31PBK2","price":359.99,"currency_code":"USD","in_stock":true},{"title":"Noir \/ Coque Armor X31 Pro+ + Support","offer_id":51096922456382,"sku":"X31PBK5","price":359.99,"currency_code":"USD","in_stock":true},{"title":"Noir \/ Coque Armor X31 Pro+ Support+ Support Pro","offer_id":51096922489150,"sku":"X31PBK6","price":409.99,"currency_code":"USD","in_stock":true},{"title":"Pour iPhone 15 Plus \/ Armor X31 Pro","offer_id":51111832813886,"sku":"X31POR","price":299.99,"currency_code":"USD","in_stock":true},{"title":"Pour iPhone 15 Plus \/ Brassard de sport Armor X31 Pro+","offer_id":50975754322238,"sku":"X31POR1","price":324.99,"currency_code":"USD","in_stock":true},{"title":"Pour iPhone 15 Plus \/ Armor X31 Pro+ Support Armor Pro","offer_id":51096922554686,"sku":"X31POR2","price":359.99,"currency_code":"USD","in_stock":true},{"title":"Pour iPhone 15 Plus \/ Coque Armor X31 Pro+ + Support","offer_id":51096922620222,"sku":"X31POR5","price":359.99,"currency_code":"USD","in_stock":true},{"title":"Pour iPhone 15 Plus \/ Coque Armor X31 Pro+ Support+ Support Pro","offer_id":51096922652990,"sku":"X31POR6","price":409.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/X31Pro-G.jpg?v=1765184489"},{"product_id":"armor-28-ultra","title":"Armor 28 Ultra","description":"\u003cp class=\"ms-min-p\"\u003eSoc IA 5G Dimensity 9300+ | Écran 6,67\" 120Hz | Écran secondaire arrière 1,04\" | Triple caméra principale IMAX989 de Sony | Vision nocturne ultra | 16 Go RAM + 1 To ROM | Batterie 10600mAh | Charge rapide 120W | Charge sans fil 50W | Wifi 7 | Enregistrement vidéo 8K | Android 15\u003c\/p\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\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 \/* 移动端响应式 *\/\n @media (max-width: 768px) {\n .desktop-view {\n display: none !important;\n }\n .mobile-view {\n display: block !important;\n }\n }\n \n @media (min-width: 769px) {\n .desktop-view {\n display: flex !important;\n }\n .mobile-view {\n display: none !important;\n }\n }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n font-size: 1.3rem;\n }\n }\n .icon-row {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n flex-wrap: nowrap;\n width: fit-content;\n }\n \n .icon-item {\n flex: 0 0 auto;\n text-align: center;\n margin-block-start:0 !important;\n }\n \n .icon-link {\n display: block;\n text-decoration: none;\n margin-block:0 !important;\n }\n \n .icon-image {\n width: 60px;\n height: 60px;\n object-fit: contain;\n display: block;\n border-radius: 4px;\n margin-block:0 !important; \n }\n \n \/* 第三个图标的悬停效果 *\/\n .icon-item.special {\n position: relative;\n }\n \n .hover-trigger {\n position: relative;\n display: block;\n cursor: pointer;\n }\n \n .hover-image {\n display: none;\n position: absolute;\n top: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n z-index: 100;\n width: 250px;\n border-radius: 6px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n border: 1px solid #ddd;\n background: white;\n padding: 4px;\n }\n \n .hover-image img {\n width: 250px;\n height: auto;\n border-radius: 4px;\n display: block;\n margin-block:0 !important;\n }\n \n \/* 添加向下箭头提示 *\/\n .hover-trigger::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid #333;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n \n \/* PC端悬停显示 *\/\n @media (hover: hover) and (pointer: fine) {\n .hover-trigger:hover .hover-image {\n display: block;\n }\n \n .hover-trigger:hover::after {\n opacity: 1;\n }\n }\n \n \/* 移动端适配 *\/\n @media (max-width: 768px) {\n .icon-row {\n gap: 10px;\n }\n \n .icon-image {\n width: 50px;\n height: 50px;\n }\n \n .hover-image {\n width: 250px;\n }\n \n .hover-image.active {\n display: block;\n }\n }\n \n \/* 防止在小屏幕上被挤压 *\/\n @media (max-width: 480px) {\n .icon-row {\n flex-wrap: wrap;\n justify-content: center;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-120W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_28U.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const trigger = document.getElementById('hover-trigger-3');\n const hoverImage = document.getElementById('hover-image-3');\n \n if (!trigger || !hoverImage) return;\n \n \/\/ 检测是否为移动端（屏幕宽度≤768px）\n function isMobileDevice() {\n return window.innerWidth \u003c= 768;\n }\n \n \/\/ 移动端点击事件处理\n function handleMobileClick() {\n if (!isMobileDevice()) return;\n \n hoverImage.classList.toggle('active');\n }\n \n \/\/ 点击页面其他地方关闭图片\n function handleDocumentClick(e) {\n if (!isMobileDevice()) return;\n \n if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n hoverImage.classList.remove('active');\n }\n }\n \n \/\/ 添加事件监听\n trigger.addEventListener('click', handleMobileClick);\n document.addEventListener('click', handleDocumentClick);\n \n \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n trigger.addEventListener('click', function(e) {\n if (isMobileDevice()) {\n e.stopPropagation();\n }\n });\n });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armor 28 Ultra","offer_id":51377389240638,"sku":"A28","price":999.99,"currency_code":"USD","in_stock":true},{"title":"Coque Ultra+Armor 28","offer_id":51505111040318,"sku":"A28-2","price":1029.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Ultra+uSmart C01","offer_id":51377392943422,"sku":"A28-3","price":1059.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Ultra+uSmart E02","offer_id":51377393008958,"sku":"A28-5","price":1059.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Ultra+uSmart E03","offer_id":51377393041726,"sku":"A28-6","price":1149.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Ultra+Support Pro Armor","offer_id":51377393107262,"sku":"A28-7","price":1059.99,"currency_code":"USD","in_stock":true},{"title":"Brassard de sport Armor 28 Ultra+","offer_id":51424707674430,"sku":"A28-8","price":1024.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Armor-28-Ultra.jpg?v=1765268405"},{"product_id":"armor-28-ultra-thermal-version","title":"Armor 28 Ultra Thermique","description":"\u003cp class=\"ms-min-p\"\u003eImagerie thermique IA de nouvelle génération (Résolution 640 x 512, NETD\u0026lt;40mk, Fréquence d'images 25Hz, Précision ±2℃, Plage de température -20°C à 550°C, Champ de vision 56° x 42°)\u003c\/p\u003e\n\u003cp class=\"ms-min-p\"\u003eSuper Vision Nocturne | Soc IA 5G Dimensity 9300+ | Caméra principale triple Sony IMX989 | Écran principal AMOLED 6,67 pouces 120Hz | Écran secondaire arrière de 1,04 pouce | Batterie 10600mAh | Charge Flash 120W | Charge sans fil 50W | Wifi 7 | Enregistrement vidéo 8K | Android 15 \u003c\/p\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\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 \/* 移动端响应式 *\/\n @media (max-width: 768px) {\n .desktop-view {\n display: none !important;\n }\n .mobile-view {\n display: block !important;\n }\n }\n \n @media (min-width: 769px) {\n .desktop-view {\n display: flex !important;\n }\n .mobile-view {\n display: none !important;\n }\n }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n font-size: 1.3rem;\n }\n }\n .icon-row {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n flex-wrap: nowrap;\n width: fit-content;\n }\n \n .icon-item {\n flex: 0 0 auto;\n text-align: center;\n margin-block-start:0 !important;\n }\n \n .icon-link {\n display: block;\n text-decoration: none;\n margin-block:0 !important;\n }\n \n .icon-image {\n width: 60px;\n height: 60px;\n object-fit: contain;\n display: block;\n border-radius: 4px;\n margin-block:0 !important; \n }\n \n \/* 第三个图标的悬停效果 *\/\n .icon-item.special {\n position: relative;\n }\n \n .hover-trigger {\n position: relative;\n display: block;\n cursor: pointer;\n }\n \n .hover-image {\n display: none;\n position: absolute;\n top: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n z-index: 100;\n width: 250px;\n border-radius: 6px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n border: 1px solid #ddd;\n background: white;\n padding: 4px;\n }\n \n .hover-image img {\n width: 250px;\n height: auto;\n border-radius: 4px;\n display: block;\n margin-block:0 !important;\n }\n \n \/* 添加向下箭头提示 *\/\n .hover-trigger::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid #333;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n \n \/* PC端悬停显示 *\/\n @media (hover: hover) and (pointer: fine) {\n .hover-trigger:hover .hover-image {\n display: block;\n }\n \n .hover-trigger:hover::after {\n opacity: 1;\n }\n }\n \n \/* 移动端适配 *\/\n @media (max-width: 768px) {\n .icon-row {\n gap: 10px;\n }\n \n .icon-image {\n width: 50px;\n height: 50px;\n }\n \n .hover-image {\n width: 250px;\n }\n \n .hover-image.active {\n display: block;\n }\n }\n \n \/* 防止在小屏幕上被挤压 *\/\n @media (max-width: 480px) {\n .icon-row {\n flex-wrap: wrap;\n justify-content: center;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-120W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_28U.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const trigger = document.getElementById('hover-trigger-3');\n const hoverImage = document.getElementById('hover-image-3');\n \n if (!trigger || !hoverImage) return;\n \n \/\/ 检测是否为移动端（屏幕宽度≤768px）\n function isMobileDevice() {\n return window.innerWidth \u003c= 768;\n }\n \n \/\/ 移动端点击事件处理\n function handleMobileClick() {\n if (!isMobileDevice()) return;\n \n hoverImage.classList.toggle('active');\n }\n \n \/\/ 点击页面其他地方关闭图片\n function handleDocumentClick(e) {\n if (!isMobileDevice()) return;\n \n if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n hoverImage.classList.remove('active');\n }\n }\n \n \/\/ 添加事件监听\n trigger.addEventListener('click', handleMobileClick);\n document.addEventListener('click', handleDocumentClick);\n \n \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n trigger.addEventListener('click', function(e) {\n if (isMobileDevice()) {\n e.stopPropagation();\n }\n });\n });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armor 28 Ultra Thermique","offer_id":51377403527486,"sku":"A28RCX","price":1199.99,"currency_code":"USD","in_stock":true},{"title":"Coque Armor 28 Ultra Thermique+Armor","offer_id":51505109008702,"sku":"A28RCX-2","price":1229.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Ultra Thermal+Support Armor Pro","offer_id":51377403658558,"sku":"A28RCX-3","price":1259.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Ultra Thermique+uSmart C01","offer_id":51377403756862,"sku":"A28RCX-4","price":1259.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Ultra Thermal+uSmart E02","offer_id":51377403822398,"sku":"A28RCX-6","price":1259.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Ultra Thermal+uSmart E03","offer_id":51377403855166,"sku":"A28RCX-7","price":1349.99,"currency_code":"USD","in_stock":true},{"title":"Brassard Sport Ultra Thermique Armor 28+","offer_id":51424693256510,"sku":"A28RCX-8","price":1224.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/x2-800_5b55998d-c54c-407f-9e04-8820b4560500.jpg?v=1762842265"},{"product_id":"armor-30-pro","title":"Armor 30 Pro","description":"\u003cp class=\"ms-min-p\"\u003eÉcran arrière le plus grand de 3,4\" | Infinite Halo 2.0 | Haut-parleur 118dB | Jusqu'à 32 Go + 512 Go | Processeur IA 5G Dimensity 7300X | Batterie grande capacité 12800mAh | Android 15\u003c\/p\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\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 \/* 移动端响应式 *\/\n @media (max-width: 768px) {\n .desktop-view {\n display: none !important;\n }\n .mobile-view {\n display: block !important;\n }\n }\n \n @media (min-width: 769px) {\n .desktop-view {\n display: flex !important;\n }\n .mobile-view {\n display: none !important;\n }\n }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n font-size: 1.3rem;\n }\n }\n .icon-row {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n flex-wrap: nowrap;\n width: fit-content;\n }\n \n .icon-item {\n flex: 0 0 auto;\n text-align: center;\n margin-block-start:0 !important;\n }\n \n .icon-link {\n display: block;\n text-decoration: none;\n margin-block:0 !important;\n }\n \n .icon-image {\n width: 60px;\n height: 60px;\n object-fit: contain;\n display: block;\n border-radius: 4px;\n margin-block:0 !important; \n }\n \n \/* 第三个图标的悬停效果 *\/\n .icon-item.special {\n position: relative;\n }\n \n .hover-trigger {\n position: relative;\n display: block;\n cursor: pointer;\n }\n \n .hover-image {\n display: none;\n position: absolute;\n top: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n z-index: 100;\n width: 250px;\n border-radius: 6px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n border: 1px solid #ddd;\n background: white;\n padding: 4px;\n }\n \n .hover-image img {\n width: 250px;\n height: auto;\n border-radius: 4px;\n display: block;\n margin-block:0 !important;\n }\n \n \/* 添加向下箭头提示 *\/\n .hover-trigger::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid #333;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n \n \/* PC端悬停显示 *\/\n @media (hover: hover) and (pointer: fine) {\n .hover-trigger:hover .hover-image {\n display: block;\n }\n \n .hover-trigger:hover::after {\n opacity: 1;\n }\n }\n \n \/* 移动端适配 *\/\n @media (max-width: 768px) {\n .icon-row {\n gap: 10px;\n }\n \n .icon-image {\n width: 50px;\n height: 50px;\n }\n \n .hover-image {\n width: 250px;\n }\n \n .hover-image.active {\n display: block;\n }\n }\n \n \/* 防止在小屏幕上被挤压 *\/\n @media (max-width: 480px) {\n .icon-row {\n flex-wrap: wrap;\n justify-content: center;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-66W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_30P.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const trigger = document.getElementById('hover-trigger-3');\n const hoverImage = document.getElementById('hover-image-3');\n \n if (!trigger || !hoverImage) return;\n \n \/\/ 检测是否为移动端（屏幕宽度≤768px）\n function isMobileDevice() {\n return window.innerWidth \u003c= 768;\n }\n \n \/\/ 移动端点击事件处理\n function handleMobileClick() {\n if (!isMobileDevice()) return;\n \n hoverImage.classList.toggle('active');\n }\n \n \/\/ 点击页面其他地方关闭图片\n function handleDocumentClick(e) {\n if (!isMobileDevice()) return;\n \n if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n hoverImage.classList.remove('active');\n }\n }\n \n \/\/ 添加事件监听\n trigger.addEventListener('click', handleMobileClick);\n document.addEventListener('click', handleDocumentClick);\n \n \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n trigger.addEventListener('click', function(e) {\n if (isMobileDevice()) {\n e.stopPropagation();\n }\n });\n });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armor 30 Pro","offer_id":51448642896190,"sku":"A30PRO","price":549.99,"currency_code":"USD","in_stock":true},{"title":"Armure 30 Pro+Étui Molle Armor","offer_id":51448643125566,"sku":"A30PRO1","price":579.99,"currency_code":"USD","in_stock":true},{"title":"Armor 30 Pro+Support de fixation Armor Pro","offer_id":51448642928958,"sku":"A30Pro2","price":609.99,"currency_code":"USD","in_stock":true},{"title":"Armor 30 Pro+uSmart C01","offer_id":51448642994494,"sku":"A30Pro3","price":619.99,"currency_code":"USD","in_stock":true},{"title":"Armor 30 Pro+uSmart E01","offer_id":51448643027262,"sku":"A30Pro4","price":599.99,"currency_code":"USD","in_stock":true},{"title":"Armor 30 Pro+uSmart E02","offer_id":51448643060030,"sku":"A30Pro5","price":609.99,"currency_code":"USD","in_stock":true},{"title":"Armor 30 Pro+uSmart E03","offer_id":51448643092798,"sku":"A30Pro6","price":699.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Armor-30-Pro.jpg?v=1765267150"},{"product_id":"armor-28-pro","title":"Armor 28 Pro","description":"\u003cp class=\"ms-min-p\"\u003eSoC IA 5G | 8 cœurs | Double écran AMOLED | Vision nocturne ultra | Dimensity 7300 | Triple caméra principale Sony IMX 989 | Jusqu'à 32 Go + 512 Go | Charge rapide 120W | Android 15\u003c\/p\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\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 \/* 移动端响应式 *\/\n @media (max-width: 768px) {\n .desktop-view {\n display: none !important;\n }\n .mobile-view {\n display: block !important;\n }\n }\n \n @media (min-width: 769px) {\n .desktop-view {\n display: flex !important;\n }\n .mobile-view {\n display: none !important;\n }\n }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n font-size: 1.3rem;\n }\n }\n .icon-row {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n flex-wrap: nowrap;\n width: fit-content;\n }\n \n .icon-item {\n flex: 0 0 auto;\n text-align: center;\n margin-block-start:0 !important;\n }\n \n .icon-link {\n display: block;\n text-decoration: none;\n margin-block:0 !important;\n }\n \n .icon-image {\n width: 60px;\n height: 60px;\n object-fit: contain;\n display: block;\n border-radius: 4px;\n margin-block:0 !important; \n }\n \n \/* 第三个图标的悬停效果 *\/\n .icon-item.special {\n position: relative;\n }\n \n .hover-trigger {\n position: relative;\n display: block;\n cursor: pointer;\n }\n \n .hover-image {\n display: none;\n position: absolute;\n top: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n z-index: 100;\n width: 250px;\n border-radius: 6px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n border: 1px solid #ddd;\n background: white;\n padding: 4px;\n }\n \n .hover-image img {\n width: 250px;\n height: auto;\n border-radius: 4px;\n display: block;\n margin-block:0 !important;\n }\n \n \/* 添加向下箭头提示 *\/\n .hover-trigger::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid #333;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n \n \/* PC端悬停显示 *\/\n @media (hover: hover) and (pointer: fine) {\n .hover-trigger:hover .hover-image {\n display: block;\n }\n \n .hover-trigger:hover::after {\n opacity: 1;\n }\n }\n \n \/* 移动端适配 *\/\n @media (max-width: 768px) {\n .icon-row {\n gap: 10px;\n }\n \n .icon-image {\n width: 50px;\n height: 50px;\n }\n \n .hover-image {\n width: 250px;\n }\n \n .hover-image.active {\n display: block;\n }\n }\n \n \/* 防止在小屏幕上被挤压 *\/\n @media (max-width: 480px) {\n .icon-row {\n flex-wrap: wrap;\n justify-content: center;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-120W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_28P.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const trigger = document.getElementById('hover-trigger-3');\n const hoverImage = document.getElementById('hover-image-3');\n \n if (!trigger || !hoverImage) return;\n \n \/\/ 检测是否为移动端（屏幕宽度≤768px）\n function isMobileDevice() {\n return window.innerWidth \u003c= 768;\n }\n \n \/\/ 移动端点击事件处理\n function handleMobileClick() {\n if (!isMobileDevice()) return;\n \n hoverImage.classList.toggle('active');\n }\n \n \/\/ 点击页面其他地方关闭图片\n function handleDocumentClick(e) {\n if (!isMobileDevice()) return;\n \n if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n hoverImage.classList.remove('active');\n }\n }\n \n \/\/ 添加事件监听\n trigger.addEventListener('click', handleMobileClick);\n document.addEventListener('click', handleDocumentClick);\n \n \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n trigger.addEventListener('click', function(e) {\n if (isMobileDevice()) {\n e.stopPropagation();\n }\n });\n });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armor 28 Pro","offer_id":51640076075326,"sku":"A28Pro","price":599.99,"currency_code":"USD","in_stock":true},{"title":"Coque Armor 28 Pro+Armor","offer_id":51640076108094,"sku":"A28Pro-1","price":629.99,"currency_code":"USD","in_stock":true},{"title":"Chargeur sans fil Armor 28 Pro+","offer_id":51640076140862,"sku":"A28Pro-2","price":649.99,"currency_code":"USD","in_stock":true},{"title":"Étui Molle Armor 28 Pro+Armor","offer_id":51640076173630,"sku":"A28Pro-3","price":629.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Pro+Support de fixation Armor Pro","offer_id":51640076239166,"sku":"A28Pro-4","price":659.99,"currency_code":"USD","in_stock":true},{"title":"Brassard de sport Armor 28 Pro+","offer_id":51640076271934,"sku":"A28Pro-5","price":624.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Pro+uSmart C01","offer_id":51640076304702,"sku":"A28Pro-6","price":659.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Pro+uSmart E01","offer_id":51640076337470,"sku":"A28Pro-7","price":649.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Pro+uSmart E02","offer_id":51640076370238,"sku":"A28Pro-8","price":659.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Pro+uSmart E03","offer_id":51640076403006,"sku":"A28Pro-9","price":739.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Armor-28-Pro.jpg?v=1765267421"},{"product_id":"armor-34-pro","title":"Armor 34 Pro+","description":"\u003cp class=\"ms-min-p\"\u003eBatterie méga 25500 mAh | Projecteur 150 lumens | Lumière LED polyvalente \u0026amp; lumière d'avertissement | 6,95\" FHD+ 120 Hz | SoC 5G AI Dimensity 7400X | 16 Go RAM + 512 Go ROM | Android 15\u003c\/p\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\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 \/* 移动端响应式 *\/\n @media (max-width: 768px) {\n .desktop-view {\n display: none !important;\n }\n .mobile-view {\n display: block !important;\n }\n }\n \n @media (min-width: 769px) {\n .desktop-view {\n display: flex !important;\n }\n .mobile-view {\n display: none !important;\n }\n }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n font-size: 1.3rem;\n }\n }\n .icon-row {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n flex-wrap: nowrap;\n width: fit-content;\n }\n \n .icon-item {\n flex: 0 0 auto;\n text-align: center;\n margin-block-start:0 !important;\n }\n \n .icon-link {\n display: block;\n text-decoration: none;\n margin-block:0 !important;\n }\n \n .icon-image {\n width: 60px;\n height: 60px;\n object-fit: contain;\n display: block;\n border-radius: 4px;\n margin-block:0 !important; \n }\n \n \/* 第三个图标的悬停效果 *\/\n .icon-item.special {\n position: relative;\n }\n \n .hover-trigger {\n position: relative;\n display: block;\n cursor: pointer;\n }\n \n .hover-image {\n display: none;\n position: absolute;\n top: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n z-index: 100;\n width: 250px;\n border-radius: 6px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n border: 1px solid #ddd;\n background: white;\n padding: 4px;\n }\n \n .hover-image img {\n width: 250px;\n height: auto;\n border-radius: 4px;\n display: block;\n margin-block:0 !important;\n }\n \n \/* 添加向下箭头提示 *\/\n .hover-trigger::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid #333;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n \n \/* PC端悬停显示 *\/\n @media (hover: hover) and (pointer: fine) {\n .hover-trigger:hover .hover-image {\n display: block;\n }\n \n .hover-trigger:hover::after {\n opacity: 1;\n }\n }\n \n \/* 移动端适配 *\/\n @media (max-width: 768px) {\n .icon-row {\n gap: 10px;\n }\n \n .icon-image {\n width: 50px;\n height: 50px;\n }\n \n .hover-image {\n width: 250px;\n }\n \n .hover-image.active {\n display: block;\n }\n }\n \n \/* 防止在小屏幕上被挤压 *\/\n @media (max-width: 480px) {\n .icon-row {\n flex-wrap: wrap;\n justify-content: center;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-66W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_34P.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const trigger = document.getElementById('hover-trigger-3');\n const hoverImage = document.getElementById('hover-image-3');\n \n if (!trigger || !hoverImage) return;\n \n \/\/ 检测是否为移动端（屏幕宽度≤768px）\n function isMobileDevice() {\n return window.innerWidth \u003c= 768;\n }\n \n \/\/ 移动端点击事件处理\n function handleMobileClick() {\n if (!isMobileDevice()) return;\n \n hoverImage.classList.toggle('active');\n }\n \n \/\/ 点击页面其他地方关闭图片\n function handleDocumentClick(e) {\n if (!isMobileDevice()) return;\n \n if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n hoverImage.classList.remove('active');\n }\n }\n \n \/\/ 添加事件监听\n trigger.addEventListener('click', handleMobileClick);\n document.addEventListener('click', handleDocumentClick);\n \n \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n trigger.addEventListener('click', function(e) {\n if (isMobileDevice()) {\n e.stopPropagation();\n }\n });\n });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armor 34 Pro+ \/ Norme","offer_id":52661678211390,"sku":"AR34P+","price":749.99,"currency_code":"USD","in_stock":true},{"title":"Armor 34 Pro+ \/ +Support d'armure - Nouvelle génération","offer_id":52721695162686,"sku":"AR34P+0","price":789.99,"currency_code":"USD","in_stock":true},{"title":"Armor 34 Pro+ \/ +uSmart C01","offer_id":52661678244158,"sku":"AR34P+1","price":809.99,"currency_code":"USD","in_stock":true},{"title":"Armor 34 Pro+ \/ +uSmart E01","offer_id":52661678276926,"sku":"AR34P+2","price":799.99,"currency_code":"USD","in_stock":true},{"title":"Armor 34 Pro+ \/ +uSmart E02","offer_id":52661678309694,"sku":"AR34P+3","price":809.99,"currency_code":"USD","in_stock":true},{"title":"Armor 34 Pro+ \/ +uSmart E03","offer_id":52661678342462,"sku":"AR34P+4","price":899.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/x2_1.jpg?v=1762842125"},{"product_id":"armor-30","title":"Armure 30","description":"\u003cdiv class=\"ms-min-p\"\u003eLumière LED polyvalente | Infinite Halo 2.0 | Haut-parleur 118dB | Jusqu'à 24 Go + 512 Go | Batterie méga 12800mAh | Android 15\u003c\/div\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\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 \/* 移动端响应式 *\/\n @media (max-width: 768px) {\n .desktop-view {\n display: none !important;\n }\n .mobile-view {\n display: block !important;\n }\n }\n \n @media (min-width: 769px) {\n .desktop-view {\n display: flex !important;\n }\n .mobile-view {\n display: none !important;\n }\n }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n font-size: 1.3rem;\n }\n }\n .icon-row {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n flex-wrap: nowrap;\n width: fit-content;\n }\n \n .icon-item {\n flex: 0 0 auto;\n text-align: center;\n margin-block-start:0 !important;\n }\n \n .icon-link {\n display: block;\n text-decoration: none;\n margin-block:0 !important;\n }\n \n .icon-image {\n width: 60px;\n height: 60px;\n object-fit: contain;\n display: block;\n border-radius: 4px;\n margin-block:0 !important; \n }\n \n \/* 第三个图标的悬停效果 *\/\n .icon-item.special {\n position: relative;\n }\n \n .hover-trigger {\n position: relative;\n display: block;\n cursor: pointer;\n }\n \n .hover-image {\n display: none;\n position: absolute;\n top: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n z-index: 100;\n width: 250px;\n border-radius: 6px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n border: 1px solid #ddd;\n background: white;\n padding: 4px;\n }\n \n .hover-image img {\n width: 250px;\n height: auto;\n border-radius: 4px;\n display: block;\n margin-block:0 !important;\n }\n \n \/* 添加向下箭头提示 *\/\n .hover-trigger::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid #333;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n \n \/* PC端悬停显示 *\/\n @media (hover: hover) and (pointer: fine) {\n .hover-trigger:hover .hover-image {\n display: block;\n }\n \n .hover-trigger:hover::after {\n opacity: 1;\n }\n }\n \n \/* 移动端适配 *\/\n @media (max-width: 768px) {\n .icon-row {\n gap: 10px;\n }\n \n .icon-image {\n width: 50px;\n height: 50px;\n }\n \n .hover-image {\n width: 250px;\n }\n \n .hover-image.active {\n display: block;\n }\n }\n \n \/* 防止在小屏幕上被挤压 *\/\n @media (max-width: 480px) {\n .icon-row {\n flex-wrap: wrap;\n justify-content: center;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-66W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_30.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const trigger = document.getElementById('hover-trigger-3');\n const hoverImage = document.getElementById('hover-image-3');\n \n if (!trigger || !hoverImage) return;\n \n \/\/ 检测是否为移动端（屏幕宽度≤768px）\n function isMobileDevice() {\n return window.innerWidth \u003c= 768;\n }\n \n \/\/ 移动端点击事件处理\n function handleMobileClick() {\n if (!isMobileDevice()) return;\n \n hoverImage.classList.toggle('active');\n }\n \n \/\/ 点击页面其他地方关闭图片\n function handleDocumentClick(e) {\n if (!isMobileDevice()) return;\n \n if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n hoverImage.classList.remove('active');\n }\n }\n \n \/\/ 添加事件监听\n trigger.addEventListener('click', handleMobileClick);\n document.addEventListener('click', handleDocumentClick);\n \n \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n trigger.addEventListener('click', function(e) {\n if (isMobileDevice()) {\n e.stopPropagation();\n }\n });\n });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armure 30","offer_id":51947955257662,"sku":"AR30","price":399.99,"currency_code":"USD","in_stock":true},{"title":"Armure 30+Étui Molle Armor","offer_id":51947955290430,"sku":"AR30-1","price":429.99,"currency_code":"USD","in_stock":true},{"title":"Armor 30+Support de montage Armor Pro","offer_id":51947955323198,"sku":"AR30-2","price":459.99,"currency_code":"USD","in_stock":true},{"title":"Armure 30+uSmart C01","offer_id":51947955355966,"sku":"AR30-3","price":459.99,"currency_code":"USD","in_stock":true},{"title":"Armor 30+uSmart E01","offer_id":51947955388734,"sku":"AR30-4","price":449.99,"currency_code":"USD","in_stock":true},{"title":"Armor 30+uSmart E02","offer_id":51947955421502,"sku":"AR30-5","price":459.99,"currency_code":"USD","in_stock":true},{"title":"Armure 30+uSmart E03","offer_id":51947955454270,"sku":"AR30-6","price":549.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/30_81c367e6-7c98-4160-a4ed-0ce97cbeea88.jpg?v=1762842098"},{"product_id":"armor-x16-pro","title":"Armor X16 Pro","description":"\u003cdiv class=\"ms-min-p\"\u003e5G|Lampe torche anti-éblouissement dédiée | Appareil photo principal 64MP |Appareil photo Vision Nocturne 25MP | Écran 6,56 pouces 120 Hz | Android 15 | Batterie massive de 10360 mAh | 256 Go ROM\u003c\/div\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\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 \/* 移动端响应式 *\/\n @media (max-width: 768px) {\n .desktop-view {\n display: none !important;\n }\n .mobile-view {\n display: block !important;\n }\n }\n \n @media (min-width: 769px) {\n .desktop-view {\n display: flex !important;\n }\n .mobile-view {\n display: none !important;\n }\n }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n font-size: 1.3rem;\n }\n }\n .icon-row {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n flex-wrap: nowrap;\n width: fit-content;\n }\n \n .icon-item {\n flex: 0 0 auto;\n text-align: center;\n margin-block-start:0 !important;\n }\n \n .icon-link {\n display: block;\n text-decoration: none;\n margin-block:0 !important;\n }\n \n .icon-image {\n width: 60px;\n height: 60px;\n object-fit: contain;\n display: block;\n border-radius: 4px;\n margin-block:0 !important; \n }\n \n \/* 第三个图标的悬停效果 *\/\n .icon-item.special {\n position: relative;\n }\n \n .hover-trigger {\n position: relative;\n display: block;\n cursor: pointer;\n }\n \n .hover-image {\n display: none;\n position: absolute;\n top: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n z-index: 100;\n width: 250px;\n border-radius: 6px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n border: 1px solid #ddd;\n background: white;\n padding: 4px;\n }\n \n .hover-image img {\n width: 250px;\n height: auto;\n border-radius: 4px;\n display: block;\n margin-block:0 !important;\n }\n \n \/* 添加向下箭头提示 *\/\n .hover-trigger::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid #333;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n \n \/* PC端悬停显示 *\/\n @media (hover: hover) and (pointer: fine) {\n .hover-trigger:hover .hover-image {\n display: block;\n }\n \n .hover-trigger:hover::after {\n opacity: 1;\n }\n }\n \n \/* 移动端适配 *\/\n @media (max-width: 768px) {\n .icon-row {\n gap: 10px;\n }\n \n .icon-image {\n width: 50px;\n height: 50px;\n }\n \n .hover-image {\n width: 250px;\n }\n \n .hover-image.active {\n display: block;\n }\n }\n \n \/* 防止在小屏幕上被挤压 *\/\n @media (max-width: 480px) {\n .icon-row {\n flex-wrap: wrap;\n justify-content: center;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-33W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_X16P.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const trigger = document.getElementById('hover-trigger-3');\n const hoverImage = document.getElementById('hover-image-3');\n \n if (!trigger || !hoverImage) return;\n \n \/\/ 检测是否为移动端（屏幕宽度≤768px）\n function isMobileDevice() {\n return window.innerWidth \u003c= 768;\n }\n \n \/\/ 移动端点击事件处理\n function handleMobileClick() {\n if (!isMobileDevice()) return;\n \n hoverImage.classList.toggle('active');\n }\n \n \/\/ 点击页面其他地方关闭图片\n function handleDocumentClick(e) {\n if (!isMobileDevice()) return;\n \n if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n hoverImage.classList.remove('active');\n }\n }\n \n \/\/ 添加事件监听\n trigger.addEventListener('click', handleMobileClick);\n document.addEventListener('click', handleDocumentClick);\n \n \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n trigger.addEventListener('click', function(e) {\n if (isMobileDevice()) {\n e.stopPropagation();\n }\n });\n });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Sand Dune \/ Armor X16 Pro","offer_id":51977088893246,"sku":"ARX16PBR","price":319.99,"currency_code":"USD","in_stock":true},{"title":"Sand Dune \/ Armor X16 Pro + Coque Armor","offer_id":51948983845182,"sku":"ARX16PBR1","price":349.99,"currency_code":"USD","in_stock":true},{"title":"Sand Dune \/ Armor X16 Pro + Étui Molle Armor","offer_id":51977080963390,"sku":"ARX16PBR2","price":349.99,"currency_code":"USD","in_stock":true},{"title":"Sand Dune \/ Armor X16 Pro + Support Armor Pro","offer_id":51977080996158,"sku":"ARX16PBR3","price":379.99,"currency_code":"USD","in_stock":true},{"title":"Sand Dune \/ Armor X16 Pro + Support Armor Nouvelle Génération","offer_id":51977081028926,"sku":"ARX16PBR4","price":359.99,"currency_code":"USD","in_stock":true},{"title":"Wasteland Shadow \/ Armor X16 Pro","offer_id":51977088926014,"sku":"ARX16PBK","price":319.99,"currency_code":"USD","in_stock":true},{"title":"Wasteland Shadow \/ Armor X16 Pro + Coque Armor","offer_id":51948983877950,"sku":"ARX16PBK1","price":349.99,"currency_code":"USD","in_stock":true},{"title":"Wasteland Shadow \/ Armor X16 Pro + Étui Molle Armor","offer_id":51977081061694,"sku":"ARX16PBK2","price":349.99,"currency_code":"USD","in_stock":true},{"title":"Wasteland Shadow \/ Armor X16 Pro + Support Armor Pro","offer_id":51977081094462,"sku":"ARX16PBK3","price":379.99,"currency_code":"USD","in_stock":true},{"title":"Wasteland Shadow \/ Armor X16 Pro + Support Armor Nouvelle Génération","offer_id":51977081127230,"sku":"ARX16PBK4","price":359.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Ulefone_Armor_X16_Pro_Sand_Dune-1000px-26.jpg?v=1751969939"},{"product_id":"armor-33-pro","title":"Armor 33 Pro","description":"\u003cp class=\"ms-min-p\"\u003eÉcran arrière vaste de 3,4\" | Infinite Halo 2.0 | Haut-parleur 118dB | Jusqu'à 32 Go + 512 Go | Processeur IA 5G Dimensity 7300X | Batterie méga 25500 mAh | Android 15\u003c\/p\u003e\n\u003ch4\u003e\u003cspan style=\"background-color: rgb(255, 209, 0); font-size: 1rem; display: inline-block; padding: 2px;\"\u003eConseils : Ce produit pèse plus de 777 g. Veuillez vous assurer qu'il répond à vos besoins d'utilisation.\u003c\/span\u003e\u003c\/h4\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\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 \/* 移动端响应式 *\/\n @media (max-width: 768px) {\n .desktop-view {\n display: none !important;\n }\n .mobile-view {\n display: block !important;\n }\n }\n \n @media (min-width: 769px) {\n .desktop-view {\n display: flex !important;\n }\n .mobile-view {\n display: none !important;\n }\n }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n font-size: 1.3rem;\n }\n }\n .icon-row {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n flex-wrap: nowrap;\n width: fit-content;\n }\n \n .icon-item {\n flex: 0 0 auto;\n text-align: center;\n margin-block-start:0 !important;\n }\n \n .icon-link {\n display: block;\n text-decoration: none;\n margin-block:0 !important;\n }\n \n .icon-image {\n width: 60px;\n height: 60px;\n object-fit: contain;\n display: block;\n border-radius: 4px;\n margin-block:0 !important; \n }\n \n \/* 第三个图标的悬停效果 *\/\n .icon-item.special {\n position: relative;\n }\n \n .hover-trigger {\n position: relative;\n display: block;\n cursor: pointer;\n }\n \n .hover-image {\n display: none;\n position: absolute;\n top: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n z-index: 100;\n width: 250px;\n border-radius: 6px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n border: 1px solid #ddd;\n background: white;\n padding: 4px;\n }\n \n .hover-image img {\n width: 250px;\n height: auto;\n border-radius: 4px;\n display: block;\n margin-block:0 !important;\n }\n \n \/* 添加向下箭头提示 *\/\n .hover-trigger::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid #333;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n \n \/* PC端悬停显示 *\/\n @media (hover: hover) and (pointer: fine) {\n .hover-trigger:hover .hover-image {\n display: block;\n }\n \n .hover-trigger:hover::after {\n opacity: 1;\n }\n }\n \n \/* 移动端适配 *\/\n @media (max-width: 768px) {\n .icon-row {\n gap: 10px;\n }\n \n .icon-image {\n width: 50px;\n height: 50px;\n }\n \n .hover-image {\n width: 250px;\n }\n \n .hover-image.active {\n display: block;\n }\n }\n \n \/* 防止在小屏幕上被挤压 *\/\n @media (max-width: 480px) {\n .icon-row {\n flex-wrap: wrap;\n justify-content: center;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-66W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_33P.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const trigger = document.getElementById('hover-trigger-3');\n const hoverImage = document.getElementById('hover-image-3');\n \n if (!trigger || !hoverImage) return;\n \n \/\/ 检测是否为移动端（屏幕宽度≤768px）\n function isMobileDevice() {\n return window.innerWidth \u003c= 768;\n }\n \n \/\/ 移动端点击事件处理\n function handleMobileClick() {\n if (!isMobileDevice()) return;\n \n hoverImage.classList.toggle('active');\n }\n \n \/\/ 点击页面其他地方关闭图片\n function handleDocumentClick(e) {\n if (!isMobileDevice()) return;\n \n if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n hoverImage.classList.remove('active');\n }\n }\n \n \/\/ 添加事件监听\n trigger.addEventListener('click', handleMobileClick);\n document.addEventListener('click', handleDocumentClick);\n \n \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n trigger.addEventListener('click', function(e) {\n if (isMobileDevice()) {\n e.stopPropagation();\n }\n });\n });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armor 33 Pro","offer_id":52071263633726,"sku":"AR33P","price":579.99,"currency_code":"USD","in_stock":true},{"title":"Étui Molle Armor 33 Pro+Armor","offer_id":52071263666494,"sku":"AR33P-1","price":609.99,"currency_code":"USD","in_stock":true},{"title":"Armor 33 Pro+Armor Mount Nouvelle Génération","offer_id":52071263699262,"sku":"AR33P-2","price":619.99,"currency_code":"USD","in_stock":true},{"title":"Armor 33 Pro+uSmart C01","offer_id":52071263732030,"sku":"AR33P-3","price":639.99,"currency_code":"USD","in_stock":true},{"title":"Armor 33 Pro+uSmart E01","offer_id":52071263764798,"sku":"AR33P-4","price":629.99,"currency_code":"USD","in_stock":true},{"title":"Armor 33 Pro+uSmart E02","offer_id":52071263797566,"sku":"AR33P-5","price":639.99,"currency_code":"USD","in_stock":true},{"title":"Armor 33 Pro+uSmart E03","offer_id":52071263830334,"sku":"AR33P-6","price":739.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/e5d87976b510c43acd0912d8323082f6_2d34ba17-cc69-4ec1-aecd-ffee737fce54.jpg?v=1762842076"},{"product_id":"armor-33","title":"Armor 33","description":"\u003cp class=\"ms-min-p\"\u003eBatterie méga 25500 mAh | Lumière LED polyvalente \u0026amp; lumière d'avertissement | Infinite Halo 2.0 | Haut-parleur 118dB | Android 15\u003c\/p\u003e\n\u003ch4\u003e\u003cspan style=\"background-color: rgb(255, 209, 0); font-size: 1rem; display: inline-block; padding: 2px;\"\u003eConseils : Ce produit pèse plus de 765 g. Veuillez vous assurer qu'il correspond à vos besoins d'utilisation.\u003c\/span\u003e\u003c\/h4\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\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 \/* 移动端响应式 *\/\n @media (max-width: 768px) {\n .desktop-view {\n display: none !important;\n }\n .mobile-view {\n display: block !important;\n }\n }\n \n @media (min-width: 769px) {\n .desktop-view {\n display: flex !important;\n }\n .mobile-view {\n display: none !important;\n }\n }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n font-size: 1.3rem;\n }\n }\n .icon-row {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n flex-wrap: nowrap;\n width: fit-content;\n }\n \n .icon-item {\n flex: 0 0 auto;\n text-align: center;\n margin-block-start:0 !important;\n }\n \n .icon-link {\n display: block;\n text-decoration: none;\n margin-block:0 !important;\n }\n \n .icon-image {\n width: 60px;\n height: 60px;\n object-fit: contain;\n display: block;\n border-radius: 4px;\n margin-block:0 !important; \n }\n \n \/* 第三个图标的悬停效果 *\/\n .icon-item.special {\n position: relative;\n }\n \n .hover-trigger {\n position: relative;\n display: block;\n cursor: pointer;\n }\n \n .hover-image {\n display: none;\n position: absolute;\n top: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n z-index: 100;\n width: 250px;\n border-radius: 6px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n border: 1px solid #ddd;\n background: white;\n padding: 4px;\n }\n \n .hover-image img {\n width: 250px;\n height: auto;\n border-radius: 4px;\n display: block;\n margin-block:0 !important;\n }\n \n \/* 添加向下箭头提示 *\/\n .hover-trigger::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid #333;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n \n \/* PC端悬停显示 *\/\n @media (hover: hover) and (pointer: fine) {\n .hover-trigger:hover .hover-image {\n display: block;\n }\n \n .hover-trigger:hover::after {\n opacity: 1;\n }\n }\n \n \/* 移动端适配 *\/\n @media (max-width: 768px) {\n .icon-row {\n gap: 10px;\n }\n \n .icon-image {\n width: 50px;\n height: 50px;\n }\n \n .hover-image {\n width: 250px;\n }\n \n .hover-image.active {\n display: block;\n }\n }\n \n \/* 防止在小屏幕上被挤压 *\/\n @media (max-width: 480px) {\n .icon-row {\n flex-wrap: wrap;\n justify-content: center;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-66W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_33.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const trigger = document.getElementById('hover-trigger-3');\n const hoverImage = document.getElementById('hover-image-3');\n \n if (!trigger || !hoverImage) return;\n \n \/\/ 检测是否为移动端（屏幕宽度≤768px）\n function isMobileDevice() {\n return window.innerWidth \u003c= 768;\n }\n \n \/\/ 移动端点击事件处理\n function handleMobileClick() {\n if (!isMobileDevice()) return;\n \n hoverImage.classList.toggle('active');\n }\n \n \/\/ 点击页面其他地方关闭图片\n function handleDocumentClick(e) {\n if (!isMobileDevice()) return;\n \n if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n hoverImage.classList.remove('active');\n }\n }\n \n \/\/ 添加事件监听\n trigger.addEventListener('click', handleMobileClick);\n document.addEventListener('click', handleDocumentClick);\n \n \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n trigger.addEventListener('click', function(e) {\n if (isMobileDevice()) {\n e.stopPropagation();\n }\n });\n });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armure 33","offer_id":52071500153150,"sku":"AR33","price":429.99,"currency_code":"USD","in_stock":true},{"title":"Armure 33+Étui Molle Armor","offer_id":52071500185918,"sku":"AR33-1","price":459.99,"currency_code":"USD","in_stock":true},{"title":"Armure 33+Support d'Armure Nouvelle Génération","offer_id":52071500218686,"sku":"AR33-2","price":469.99,"currency_code":"USD","in_stock":true},{"title":"Armor 33+uSmart C01","offer_id":52071500251454,"sku":"AR33-3","price":489.99,"currency_code":"USD","in_stock":true},{"title":"Armor 33+uSmart E01","offer_id":52071500284222,"sku":"AR33-4","price":479.99,"currency_code":"USD","in_stock":true},{"title":"Armor 33+uSmart E02","offer_id":52071500316990,"sku":"AR33-5","price":489.99,"currency_code":"USD","in_stock":true},{"title":"Armor 33+uSmart E03","offer_id":52071500349758,"sku":"AR33-6","price":589.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/33.jpg?v=1762842064"},{"product_id":"armor-29-ultra","title":"Armor 29 Ultra","description":"\u003cp class=\"ms-min-p\"\u003e\u003cspan\u003eSoc 5G IA Dimensity 9300+ | Caméra principale Sony IMX989 | Écran principal AMOLED 6,67\" 120Hz | Écran secondaire arrière 1,04\" | Charge rapide 120W | Wifi 7 | Enregistrement vidéo 8K | Lumière LED polyvalente | Feu de signalisation | Vision nocturne ultra | Méga batterie 21200mAh\u003c\/span\u003e | Android 15\u003c\/p\u003e\n\u003ch4\u003e\u003cspan style=\"background-color: rgb(255, 209, 0); font-size: 1rem; display: inline-block; padding: 2px;\"\u003eConseil : Ce produit pèse plus de 688g. Veuillez vous assurer qu'il répond à vos besoins d'utilisation.\u003c\/span\u003e\u003c\/h4\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\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 \/* 移动端响应式 *\/\n @media (max-width: 768px) {\n .desktop-view {\n display: none !important;\n }\n .mobile-view {\n display: block !important;\n }\n }\n \n @media (min-width: 769px) {\n .desktop-view {\n display: flex !important;\n }\n .mobile-view {\n display: none !important;\n }\n }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n font-size: 1.3rem;\n }\n }\n .icon-row {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n flex-wrap: nowrap;\n width: fit-content;\n }\n \n .icon-item {\n flex: 0 0 auto;\n text-align: center;\n margin-block-start:0 !important;\n }\n \n .icon-link {\n display: block;\n text-decoration: none;\n margin-block:0 !important;\n }\n \n .icon-image {\n width: 60px;\n height: 60px;\n object-fit: contain;\n display: block;\n border-radius: 4px;\n margin-block:0 !important; \n }\n \n \/* 第三个图标的悬停效果 *\/\n .icon-item.special {\n position: relative;\n }\n \n .hover-trigger {\n position: relative;\n display: block;\n cursor: pointer;\n }\n \n .hover-image {\n display: none;\n position: absolute;\n top: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n z-index: 100;\n width: 250px;\n border-radius: 6px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n border: 1px solid #ddd;\n background: white;\n padding: 4px;\n }\n \n .hover-image img {\n width: 250px;\n height: auto;\n border-radius: 4px;\n display: block;\n margin-block:0 !important;\n }\n \n \/* 添加向下箭头提示 *\/\n .hover-trigger::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid #333;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n \n \/* PC端悬停显示 *\/\n @media (hover: hover) and (pointer: fine) {\n .hover-trigger:hover .hover-image {\n display: block;\n }\n \n .hover-trigger:hover::after {\n opacity: 1;\n }\n }\n \n \/* 移动端适配 *\/\n @media (max-width: 768px) {\n .icon-row {\n gap: 10px;\n }\n \n .icon-image {\n width: 50px;\n height: 50px;\n }\n \n .hover-image {\n width: 250px;\n }\n \n .hover-image.active {\n display: block;\n }\n }\n \n \/* 防止在小屏幕上被挤压 *\/\n @media (max-width: 480px) {\n .icon-row {\n flex-wrap: wrap;\n justify-content: center;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-120W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_29U.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const trigger = document.getElementById('hover-trigger-3');\n const hoverImage = document.getElementById('hover-image-3');\n \n if (!trigger || !hoverImage) return;\n \n \/\/ 检测是否为移动端（屏幕宽度≤768px）\n function isMobileDevice() {\n return window.innerWidth \u003c= 768;\n }\n \n \/\/ 移动端点击事件处理\n function handleMobileClick() {\n if (!isMobileDevice()) return;\n \n hoverImage.classList.toggle('active');\n }\n \n \/\/ 点击页面其他地方关闭图片\n function handleDocumentClick(e) {\n if (!isMobileDevice()) return;\n \n if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n hoverImage.classList.remove('active');\n }\n }\n \n \/\/ 添加事件监听\n trigger.addEventListener('click', handleMobileClick);\n document.addEventListener('click', handleDocumentClick);\n \n \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n trigger.addEventListener('click', function(e) {\n if (isMobileDevice()) {\n e.stopPropagation();\n }\n });\n });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armor 29 Ultra","offer_id":52073311043902,"sku":"AR29U","price":1049.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Ultra+Armor Mount Nouvelle Génération","offer_id":52073311109438,"sku":"AR29U-2","price":1089.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Ultra+uSmart C01","offer_id":52073311142206,"sku":"AR29U-3","price":1109.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Ultra+uSmart E01","offer_id":52073311174974,"sku":"AR29U-4","price":1099.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Ultra+uSmart E02","offer_id":52073311207742,"sku":"AR29U-5","price":1109.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Ultra+uSmart E03","offer_id":52073311240510,"sku":"AR29U-6","price":1199.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/29U_3.jpg?v=1766815911"},{"product_id":"armor-34","title":"Armor 34+","description":"\u003cp class=\"ms-min-p\"\u003eBatterie méga 25500 mAh | Vision nocturne infrarouge 64MP | Lumière LED polyvalente \u0026amp; lumière d'avertissement | 6,95\" FHD+ 120 Hz | SoC 5G AI Dimensity 7400X | 16 Go RAM + 512 Go ROM | Android 15\u003c\/p\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n font-size: 1.3rem;\n }\n }\n .icon-row {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n flex-wrap: nowrap;\n width: fit-content;\n }\n \n .icon-item {\n flex: 0 0 auto;\n text-align: center;\n margin-block-start:0 !important;\n }\n \n .icon-link {\n display: block;\n text-decoration: none;\n margin-block:0 !important;\n }\n \n .icon-image {\n width: 60px;\n height: 60px;\n object-fit: contain;\n display: block;\n border-radius: 4px;\n margin-block:0 !important; \n }\n \n \/* 第三个图标的悬停效果 *\/\n .icon-item.special {\n position: relative;\n }\n \n .hover-trigger {\n position: relative;\n display: block;\n cursor: pointer;\n }\n \n .hover-image {\n display: none;\n position: absolute;\n top: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n z-index: 100;\n width: 250px;\n border-radius: 6px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n border: 1px solid #ddd;\n background: white;\n padding: 4px;\n }\n \n .hover-image img {\n width: 250px;\n height: auto;\n border-radius: 4px;\n display: block;\n margin-block:0 !important;\n }\n \n \/* 添加向下箭头提示 *\/\n .hover-trigger::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid #333;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n \n \/* PC端悬停显示 *\/\n @media (hover: hover) and (pointer: fine) {\n .hover-trigger:hover .hover-image {\n display: block;\n }\n \n .hover-trigger:hover::after {\n opacity: 1;\n }\n }\n \n \/* 移动端适配 *\/\n @media (max-width: 768px) {\n .icon-row {\n gap: 10px;\n }\n \n .icon-image {\n width: 50px;\n height: 50px;\n }\n \n .hover-image {\n width: 250px;\n }\n \n .hover-image.active {\n display: block;\n }\n }\n \n \/* 防止在小屏幕上被挤压 *\/\n @media (max-width: 480px) {\n .icon-row {\n flex-wrap: wrap;\n justify-content: center;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"icon-row\"\u003e\n \u003c!-- 第一个图标（无链接） --\u003e\n \u003cdiv class=\"icon-item\"\u003e\n \u003cdiv class=\"icon-link\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\" alt=\"\" class=\"icon-image\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 第二个图标（无链接） --\u003e\n \u003cdiv class=\"icon-item\"\u003e\n \u003cdiv class=\"icon-link\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-66W.jpg\" alt=\"\" class=\"icon-image\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n \u003cdiv class=\"icon-item special\"\u003e\n \u003cdiv class=\"icon-link\"\u003e\n \u003cdiv class=\"hover-trigger\" id=\"hover-trigger-3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\" alt=\"\" class=\"icon-image\"\u003e\n \u003c!-- 悬停显示的图片 --\u003e\n \u003cdiv class=\"hover-image\" id=\"hover-image-3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_34.png\" alt=\"\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const trigger = document.getElementById('hover-trigger-3');\n const hoverImage = document.getElementById('hover-image-3');\n \n if (!trigger || !hoverImage) return;\n \n \/\/ 检测是否为移动端（屏幕宽度≤768px）\n function isMobileDevice() {\n return window.innerWidth \u003c= 768;\n }\n \n \/\/ 移动端点击事件处理\n function handleMobileClick() {\n if (!isMobileDevice()) return;\n \n hoverImage.classList.toggle('active');\n }\n \n \/\/ 点击页面其他地方关闭图片\n function handleDocumentClick(e) {\n if (!isMobileDevice()) return;\n \n if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n hoverImage.classList.remove('active');\n }\n }\n \n \/\/ 添加事件监听\n trigger.addEventListener('click', handleMobileClick);\n document.addEventListener('click', handleDocumentClick);\n \n \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n trigger.addEventListener('click', function(e) {\n if (isMobileDevice()) {\n e.stopPropagation();\n }\n });\n });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armure 34 \/ Norme","offer_id":52073736077630,"sku":"AR34","price":579.99,"currency_code":"USD","in_stock":true},{"title":"Armure 34 \/ +Support d'armure Nouvelle Génération","offer_id":52073774154046,"sku":"AR34-2","price":619.99,"currency_code":"USD","in_stock":true},{"title":"Armure 34 \/ +uSmart C01","offer_id":52073736110398,"sku":"AR34-3","price":639.99,"currency_code":"USD","in_stock":true},{"title":"Armure 34 \/ +uSmart E01","offer_id":52073736143166,"sku":"AR34-4","price":629.99,"currency_code":"USD","in_stock":true},{"title":"Armure 34 \/ +uSmart E02","offer_id":52073736175934,"sku":"AR34-5","price":639.99,"currency_code":"USD","in_stock":true},{"title":"Armure 34 \/ +uSmart E03","offer_id":52073736208702,"sku":"AR34-6","price":739.99,"currency_code":"USD","in_stock":true},{"title":"Armure 34+ \/ Norme","offer_id":52721760108862,"sku":"AR34+","price":629.99,"currency_code":"USD","in_stock":true},{"title":"Armure 34+ \/ +Support d'armure Nouvelle Génération","offer_id":52721760174398,"sku":"AR34+2","price":669.99,"currency_code":"USD","in_stock":true},{"title":"Armure 34+ \/ +uSmart C01","offer_id":52721760207166,"sku":"AR34+3","price":689.99,"currency_code":"USD","in_stock":true},{"title":"Armure 34+ \/ +uSmart E01","offer_id":52721760239934,"sku":"AR34+4","price":679.99,"currency_code":"USD","in_stock":true},{"title":"Armure 34+ \/ +uSmart E02","offer_id":52721760272702,"sku":"AR34+5","price":689.99,"currency_code":"USD","in_stock":true},{"title":"Armure 34+ \/ +uSmart E03","offer_id":52721760305470,"sku":"AR34+6","price":789.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/34.jpg?v=1762841968"},{"product_id":"armor-29-pro","title":"Armor 29 Pro","description":"\u003cp class=\"ms-min-p\"\u003e\u003cspan\u003eSoC 5G Dimensity 7400 | Vision Nocturne Ultra 64MP | Écran Principal AMOLED 6,67\" 120Hz | Écran Secondaire Arrière 1,04\" | Charge Flash 120W | Lumière LED Polyvalente | Feu de Signalisation | Méga Batterie 21200mAh\u003c\/span\u003e | Android 15\u003c\/p\u003e\n\u003ch4\u003e\u003cspan style=\"background-color: rgb(255, 209, 0); font-size: 1rem; display: inline-block; padding: 2px;\"\u003eConseil : Ce produit pèse plus de 688g. Veuillez vous assurer qu'il répond à vos besoins d'utilisation.\u003c\/span\u003e\u003c\/h4\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\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 \/* 移动端响应式 *\/\n @media (max-width: 768px) {\n .desktop-view {\n display: none !important;\n }\n .mobile-view {\n display: block !important;\n }\n }\n \n @media (min-width: 769px) {\n .desktop-view {\n display: flex !important;\n }\n .mobile-view {\n display: none !important;\n }\n }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n font-size: 1.3rem;\n }\n }\n .icon-row {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n flex-wrap: nowrap;\n width: fit-content;\n }\n \n .icon-item {\n flex: 0 0 auto;\n text-align: center;\n margin-block-start:0 !important;\n }\n \n .icon-link {\n display: block;\n text-decoration: none;\n margin-block:0 !important;\n }\n \n .icon-image {\n width: 60px;\n height: 60px;\n object-fit: contain;\n display: block;\n border-radius: 4px;\n margin-block:0 !important; \n }\n \n \/* 第三个图标的悬停效果 *\/\n .icon-item.special {\n position: relative;\n }\n \n .hover-trigger {\n position: relative;\n display: block;\n cursor: pointer;\n }\n \n .hover-image {\n display: none;\n position: absolute;\n top: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n z-index: 100;\n width: 250px;\n border-radius: 6px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n border: 1px solid #ddd;\n background: white;\n padding: 4px;\n }\n \n .hover-image img {\n width: 250px;\n height: auto;\n border-radius: 4px;\n display: block;\n margin-block:0 !important;\n }\n \n \/* 添加向下箭头提示 *\/\n .hover-trigger::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid #333;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n \n \/* PC端悬停显示 *\/\n @media (hover: hover) and (pointer: fine) {\n .hover-trigger:hover .hover-image {\n display: block;\n }\n \n .hover-trigger:hover::after {\n opacity: 1;\n }\n }\n \n \/* 移动端适配 *\/\n @media (max-width: 768px) {\n .icon-row {\n gap: 10px;\n }\n \n .icon-image {\n width: 50px;\n height: 50px;\n }\n \n .hover-image {\n width: 250px;\n }\n \n .hover-image.active {\n display: block;\n }\n }\n \n \/* 防止在小屏幕上被挤压 *\/\n @media (max-width: 480px) {\n .icon-row {\n flex-wrap: wrap;\n justify-content: center;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-120W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_29P.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const trigger = document.getElementById('hover-trigger-3');\n const hoverImage = document.getElementById('hover-image-3');\n \n if (!trigger || !hoverImage) return;\n \n \/\/ 检测是否为移动端（屏幕宽度≤768px）\n function isMobileDevice() {\n return window.innerWidth \u003c= 768;\n }\n \n \/\/ 移动端点击事件处理\n function handleMobileClick() {\n if (!isMobileDevice()) return;\n \n hoverImage.classList.toggle('active');\n }\n \n \/\/ 点击页面其他地方关闭图片\n function handleDocumentClick(e) {\n if (!isMobileDevice()) return;\n \n if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n hoverImage.classList.remove('active');\n }\n }\n \n \/\/ 添加事件监听\n trigger.addEventListener('click', handleMobileClick);\n document.addEventListener('click', handleDocumentClick);\n \n \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n trigger.addEventListener('click', function(e) {\n if (isMobileDevice()) {\n e.stopPropagation();\n }\n });\n });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armor 29 Pro","offer_id":52135219560766,"sku":"AR29P","price":599.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Pro+Support Armor Nouvelle Génération","offer_id":52135219626302,"sku":"AR29P-1","price":639.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Pro+uSmart C01","offer_id":52135219659070,"sku":"AR29P-2","price":659.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Pro+uSmart E01","offer_id":52135219691838,"sku":"AR29P-3","price":649.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Pro+uSmart E02","offer_id":52135219724606,"sku":"AR29P-4","price":659.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Pro+uSmart E03","offer_id":52135219757374,"sku":"AR29P-5","price":759.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/2_c6f7413e-dced-4f79-905f-b3f2ffd23d52.jpg?v=1765337056"},{"product_id":"armor-29-pro-thermal","title":"Armor 29 Pro Thermique","description":"\u003c!--\u003cp class=\"ms-min-p\"\u003eNext-Gen AI Thermal Imaging (640 x 512 Resolution, NETD\u0026lt;40mk, 25Hz Frame Rate, Accuracy ±2℃, Temp Range -20°C to 550°C, FOV 56° x 42°)\u003c\/p\u003e\n\u003cp class=\"ms-min-p\"\u003e5G SoC Dimensity 7400 | 64MP Ultra Night Vision | 6.67\" AMOLED Main Display 120Hz | 1.04\" Rear Sub-Display | 120W Flash Charge | Versatile LED Light | Warning Light | 21200mAh Mega Battery | Android 15\u003c\/p\u003e--\u003e\n\u003ch4\u003e\u003cspan style=\"background-color: rgb(255, 209, 0); font-size: 0.9rem; display: inline-block; padding: 2px;\"\u003eConseils : Ce produit pèse plus de 688 g — l'équivalent d'environ trois iPhone 17 Pro Max (environ 230 g chacun). Veuillez vous assurer qu'il répond à vos besoins d'utilisation.\u003c\/span\u003e\u003c\/h4\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv class=\"desktop-view\" style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\" alt=\"Icône de bouclier\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\" alt=\"Icône de paiement sécurisé\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\" alt=\"Icône de boîte de retour\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv class=\"mobile-view\" style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg style=\"height: 28px; width: 28px; margin-bottom: 2px;\" alt=\"Icône de bouclier\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg style=\"height: 28px; width: 28px; margin-bottom: 2px;\" alt=\"Icône de paiement sécurisé\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg style=\"height: 28px; width: 28px; margin-bottom: 2px;\" alt=\"Icône de boîte de retour\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\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 \/* 移动端响应式 *\/\n @media (max-width: 768px) {\n .desktop-view {\n display: none !important;\n }\n .mobile-view {\n display: block !important;\n }\n }\n \n @media (min-width: 769px) {\n .desktop-view {\n display: flex !important;\n }\n .mobile-view {\n display: none !important;\n }\n }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n font-size: 1.3rem;\n }\n }\n .icon-row {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n flex-wrap: nowrap;\n width: fit-content;\n }\n \n .icon-item {\n flex: 0 0 auto;\n text-align: center;\n margin-block-start:0 !important;\n }\n \n .icon-link {\n display: block;\n text-decoration: none;\n margin-block:0 !important;\n }\n \n .icon-image {\n width: 60px;\n height: 60px;\n object-fit: contain;\n display: block;\n border-radius: 4px;\n margin-block:0 !important; \n }\n \n \/* 第三个图标的悬停效果 *\/\n .icon-item.special {\n position: relative;\n }\n \n .hover-trigger {\n position: relative;\n display: block;\n cursor: pointer;\n }\n \n .hover-image {\n display: none;\n position: absolute;\n top: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n z-index: 100;\n width: 250px;\n border-radius: 6px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n border: 1px solid #ddd;\n background: white;\n padding: 4px;\n }\n \n .hover-image img {\n width: 250px;\n height: auto;\n border-radius: 4px;\n display: block;\n margin-block:0 !important;\n }\n \n \/* 添加向下箭头提示 *\/\n .hover-trigger::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid #333;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n \n \/* PC端悬停显示 *\/\n @media (hover: hover) and (pointer: fine) {\n .hover-trigger:hover .hover-image {\n display: block;\n }\n \n .hover-trigger:hover::after {\n opacity: 1;\n }\n }\n \n \/* 移动端适配 *\/\n @media (max-width: 768px) {\n .icon-row {\n gap: 10px;\n }\n \n .icon-image {\n width: 50px;\n height: 50px;\n }\n \n .hover-image {\n width: 250px;\n }\n \n .hover-image.active {\n display: block;\n }\n }\n \n \/* 防止在小屏幕上被挤压 *\/\n @media (max-width: 480px) {\n .icon-row {\n flex-wrap: wrap;\n justify-content: center;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\" alt=\"\" class=\"icon-image\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-120W.jpg\" alt=\"\" class=\"icon-image\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv class=\"hover-trigger\" id=\"hover-trigger-3\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\" alt=\"\" class=\"icon-image\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv class=\"hover-image\" id=\"hover-image-3\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_29P.png\" alt=\"\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size:14px;font-weight:bold;\"\u003eDébloqué\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const trigger = document.getElementById('hover-trigger-3');\n const hoverImage = document.getElementById('hover-image-3');\n \n if (!trigger || !hoverImage) return;\n \n \/\/ 检测是否为移动端（屏幕宽度≤768px）\n function isMobileDevice() {\n return window.innerWidth \u003c= 768;\n }\n \n \/\/ 移动端点击事件处理\n function handleMobileClick() {\n if (!isMobileDevice()) return;\n \n hoverImage.classList.toggle('active');\n }\n \n \/\/ 点击页面其他地方关闭图片\n function handleDocumentClick(e) {\n if (!isMobileDevice()) return;\n \n if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n hoverImage.classList.remove('active');\n }\n }\n \n \/\/ 添加事件监听\n trigger.addEventListener('click', handleMobileClick);\n document.addEventListener('click', handleDocumentClick);\n \n \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n trigger.addEventListener('click', function(e) {\n if (isMobileDevice()) {\n e.stopPropagation();\n }\n });\n });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armor 29 Pro Thermique","offer_id":52136617509182,"sku":"AR29T","price":799.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Pro Thermal+Support Armor Nouvelle Génération","offer_id":52136617574718,"sku":"AR29T-1","price":839.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Pro Thermal+uSmart C01","offer_id":52136617607486,"sku":"AR29T-2","price":859.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Pro Thermal+uSmart E01","offer_id":52136617640254,"sku":"AR29T-3","price":849.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Pro Thermal+uSmart E02","offer_id":52136617673022,"sku":"AR29T-4","price":859.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Pro Thermal+uSmart E03","offer_id":52136617705790,"sku":"AR29T-5","price":959.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/1_509edfd7-4c6c-40b8-bae9-8419ff87bb66.jpg?v=1765336997"},{"product_id":"armor-watch-pro","title":"Montre Armor Pro","description":"\u003cp class=\"ms-min-p\"\u003eÉtanchéité 5ATM | Certifié IP68\u0026amp;IP69K, MIL-STD-810H | Écran AMOLED 1,50\" | GPS intégré | Batterie longue durée 410mAh | Plus de 100 cadrans intégrés | Plus de 100 modes sportifs | Moniteur de sommeil | Oxygène sanguin | Gestion de la santé féminine | Suivi cardiaque 24h\/24 | Jeu à détection de mouvement | Bluetooth 5.3\u003c\/p\u003e\n \n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n font-size: 1.3rem;\n }\n }\n\u003c\/style\u003e","brand":"Ulefone Official Store","offers":[{"title":"Default Title","offer_id":52842091446590,"sku":"Armor Watch Pro","price":89.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/UlefoneArmorWatchPro-Black-1000px-1.jpg?v=1767862414"}],"url":"https:\/\/store.ulefone.com\/fr\/collections\/best-sellers.oembed?page=2","provider":"Ulefone Official Store","version":"1.0","type":"link"}