{"title":"Rugged Phones \u0026 Tablets for MDM Solutions","description":"\u003cp\u003eBuilt for demanding environments, Ulefone rugged phones and tablets are fully compatible with mainstream MDM solutions. Enable remote deployment, centralized management, and enhanced security to improve enterprise mobility and operational efficiency.\u003c\/p\u003e","products":[{"product_id":"armor-x13","title":"Armor X13","description":"\u003cp class=\"ms-min-p\"\u003eBatterie 6320mAh | Écran large de 6,52\" | IP68\/IP69K | 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\/5-10W.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_X13_1.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":"Noir \/ Armor X13","offer_id":46952866840894,"sku":"ARMORX13-BK","price":184.99,"currency_code":"USD","in_stock":true},{"title":"Noir \/ Armor X13+Étui","offer_id":50114592768318,"sku":"ARMORX13-BK-1","price":209.99,"currency_code":"USD","in_stock":true},{"title":"Noir \/ Armor X13+Support Armor Pro","offer_id":50114592801086,"sku":"ARMORX13-BK-2","price":244.99,"currency_code":"USD","in_stock":true},{"title":"Noir \/ Armor X13+Étui+Support Armor Pro","offer_id":50114592866622,"sku":"ARMORX13-BK-3","price":269.99,"currency_code":"USD","in_stock":true},{"title":"Pour iPhone 15 Plus \/ Armor X13","offer_id":46952866873662,"sku":"ARMORX13-OG","price":184.99,"currency_code":"USD","in_stock":true},{"title":"Pour iPhone 15 Plus \/ Armor X13+Étui","offer_id":50114592899390,"sku":"ARMORX13-OG-1","price":209.99,"currency_code":"USD","in_stock":true},{"title":"Pour iPhone 15 Plus \/ Armor X13+Support Armor Pro","offer_id":50114592964926,"sku":"ARMORX13-OG-2","price":244.99,"currency_code":"USD","in_stock":true},{"title":"Pour iPhone 15 Plus \/ Armor X13+Étui+Support Armor Pro","offer_id":50114593030462,"sku":"ARMORX13-OG-3","price":269.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Ulefone_Rugged_Phone_Armor_X_13.jpg?v=1729493371"},{"product_id":"armor-x12-pro","title":"Armor X12 Pro","description":"\u003cp class=\"ms-min-p\"\u003eBatterie 4860mAh | Écran 5,45\" | IP68\/IP69K | 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\/5-10W.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_X12P.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 X12 Pro","offer_id":46860132876606,"sku":"AX12PRO-GN","price":164.99,"currency_code":"USD","in_stock":true},{"title":"Vert \/ Coque Armor X12 Pro+Armor","offer_id":50114617770302,"sku":"AX12PRO-GN01","price":189.99,"currency_code":"USD","in_stock":true},{"title":"Noir \/ Armor X12 Pro","offer_id":46860132811070,"sku":"AX12PRO-BK","price":164.99,"currency_code":"USD","in_stock":true},{"title":"Noir \/ Coque Armor X12 Pro+Armor","offer_id":50114617704766,"sku":"AX12PRO-BK01","price":189.99,"currency_code":"USD","in_stock":true},{"title":"Pour iPhone 15 Plus \/ Armor X12 Pro","offer_id":46860132843838,"sku":"AX12PRO-OG","price":164.99,"currency_code":"USD","in_stock":true},{"title":"Pour iPhone 15 Plus \/ Coque Armor X12 Pro+Armor","offer_id":50114617737534,"sku":"AX12PRO-OG01","price":189.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Tough_Phone_armor_x12pro_Ulefone.jpg?v=1729505637"},{"product_id":"ulefone-armor-x12","title":"Armor X12","description":"\u003cp class=\"ms-min-p\"\u003eBatterie 4860mAh | Écran 5,45\" | IP68\/IP69K | Android 13\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\/5-10W.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_X12_1.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 X12","offer_id":48313617645886,"sku":"ARMORX12-GN","price":139.99,"currency_code":"USD","in_stock":true},{"title":"Vert \/ Coque Armor X12+Armor","offer_id":50114637824318,"sku":"ARMORX12-GN01","price":159.99,"currency_code":"USD","in_stock":true},{"title":"Noir \/ Armor X12","offer_id":48313617580350,"sku":"ARMORX12-BK","price":139.99,"currency_code":"USD","in_stock":true},{"title":"Noir \/ Coque Armor X12+Armor","offer_id":50114637758782,"sku":"ARMORX12-BK01","price":159.99,"currency_code":"USD","in_stock":true},{"title":"Pour iPhone 15 Plus \/ Armor X12","offer_id":48313617613118,"sku":"ARMORX12-OG","price":139.99,"currency_code":"USD","in_stock":true},{"title":"Pour iPhone 15 Plus \/ Coque Armor X12+Armor","offer_id":50114637791550,"sku":"ARMORX12-OG01","price":159.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/armor-x12-GN-1.jpg?v=1704266873"},{"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-x31","title":"Armor X31","description":"\u003cp class=\"ms-min-p\"\u003eCaméra infrarouge pour vision nocturne | Écran 6,56\" 90Hz | Batterie 6050mAh | Lampe de poche indépendante anti-éblouissement | Jusqu'à 12 Go+128 Go | Appareil photo principal 48MP | Certifié Widevine L1 | 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_X31_1.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","offer_id":51404836733246,"sku":"ARX31GR","price":219.99,"currency_code":"USD","in_stock":true},{"title":"Vert \/ Armor X31+Armor Mount Nouvelle Génération","offer_id":51404949586238,"sku":"ARX31GR2","price":259.99,"currency_code":"USD","in_stock":true},{"title":"Vert \/ Armor X31+Support Armor Pro","offer_id":51404949619006,"sku":"ARX31GE3","price":279.99,"currency_code":"USD","in_stock":true},{"title":"Vert \/ Étui Armor X31+Molle","offer_id":51404949651774,"sku":"ARX31GR4","price":249.99,"currency_code":"USD","in_stock":true},{"title":"Vert \/ Brassard de sport Armor X31+","offer_id":51404949684542,"sku":"ARX31GR5","price":244.99,"currency_code":"USD","in_stock":true},{"title":"Noir \/ Armor X31","offer_id":51404836766014,"sku":"ARX31BK","price":219.99,"currency_code":"USD","in_stock":true},{"title":"Noir \/ Armor X31+Armor Mount Nouvelle Génération","offer_id":51404949750078,"sku":"ARX31BK2","price":259.99,"currency_code":"USD","in_stock":true},{"title":"Noir \/ Armor X31+Support Armor Pro","offer_id":51404949782846,"sku":"ARX31BK3","price":279.99,"currency_code":"USD","in_stock":true},{"title":"Noir \/ Étui Armor X31+Molle","offer_id":51404949815614,"sku":"ARX31BK4","price":249.99,"currency_code":"USD","in_stock":true},{"title":"Noir \/ Brassard de sport Armor X31+","offer_id":51404949848382,"sku":"ARX31BK5","price":244.99,"currency_code":"USD","in_stock":true},{"title":"Pour iPhone 15 Plus \/ Armor X31","offer_id":51404836798782,"sku":"ARX31OR","price":219.99,"currency_code":"USD","in_stock":true},{"title":"Pour iPhone 15 Plus \/ Armor X31+Armor Mount Nouvelle Génération","offer_id":51404949913918,"sku":"ARX31OR2","price":259.99,"currency_code":"USD","in_stock":true},{"title":"Pour iPhone 15 Plus \/ Armor X31+Support Armor Pro","offer_id":51404949946686,"sku":"ARX31OR3","price":279.99,"currency_code":"USD","in_stock":true},{"title":"Pour iPhone 15 Plus \/ Étui Armor X31+Molle","offer_id":51404949979454,"sku":"ARX31OR4","price":249.99,"currency_code":"USD","in_stock":true},{"title":"Pour iPhone 15 Plus \/ Brassard de sport Armor X31+","offer_id":51404950012222,"sku":"ARX31OR5","price":244.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/X31-G.jpg?v=1765184694"},{"product_id":"armor-x32","title":"Armor X32","description":"\u003cdiv class=\"ms-min-p\"\u003eAppareil photo principal 48MP | Caméra vision nocturne 20MP | | Deux LED IR | Processeur 8 cœurs Helio G91 | Écran 5,65” | Jusqu'à 12 Go de RAM-128 Go de ROM | Android 15 | Batterie 5500Ah\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-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\/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_X32_1.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":"Black \/ Armor X32","offer_id":51619832824126,"sku":"ARX32BK","price":219.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ Coque Armor X32+Armor","offer_id":51619832856894,"sku":"ARX32BK1","price":244.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ Brassard de sport Armor X32+","offer_id":51619832889662,"sku":"ARX32BK2","price":244.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ Armure X32+Étui Molle Armure","offer_id":51619832955198,"sku":"ARX32BK4","price":249.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ Armor X32+Support Armor Pro","offer_id":51619832987966,"sku":"ARX32BK5","price":279.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor X32","offer_id":51619833020734,"sku":"ARX32OR","price":219.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Coque Armor X32+Armor","offer_id":51619833053502,"sku":"ARX32OR1","price":244.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Brassard de sport Armor X32+","offer_id":51619833086270,"sku":"ARX32OR2","price":244.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armure X32+Étui Molle Armure","offer_id":51619833151806,"sku":"ARX32OR4","price":249.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor X32+Support Armor Pro","offer_id":51619833184574,"sku":"ARX32OR5","price":279.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ Armor X32","offer_id":51619833217342,"sku":"ARX32GR","price":219.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ Coque Armor X32+Armor","offer_id":51619833250110,"sku":"ARX32GR1","price":244.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ Brassard de sport Armor X32+","offer_id":51619833282878,"sku":"ARX32GR2","price":244.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ Armure X32+Étui Molle Armure","offer_id":51619833348414,"sku":"ARX32GR4","price":249.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ Armor X32+Support Armor Pro","offer_id":51619833381182,"sku":"ARX32GR5","price":279.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/UlefoneArmorX32_-ClassicBlack-24_250120.jpg?v=1744968856"},{"product_id":"armor-x32-pro","title":"Armor X32 Pro","description":"\u003cp class=\"ms-min-p\"\u003eSoC 5G Dimensity 6300 | Appareil photo principal 64MP | Appareil photo frontal 16MP | Appareil photo Vision Nocturne 25MP | Deux LED IR | Jusqu'à 16 Go+256 Go | Écran 5,65\" 90Hz | Batterie 5500 mAh | 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\/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_X32P.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":"Black \/ Armor X32 Pro","offer_id":51764970881342,"sku":"ARX32PBK","price":289.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ Coque Armor X32 Pro+ Armor","offer_id":51620065247550,"sku":"ARX32PBK1","price":314.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ Brassard de sport Armor X32 Pro+","offer_id":51620065280318,"sku":"ARX32PBK2","price":314.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ Étui Molle Armor X32 Pro+ Armor","offer_id":51620065345854,"sku":"ARX32PBK3","price":319.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ Armor X32 Pro+ Support Armor Pro","offer_id":51620065378622,"sku":"ARX32PBK4","price":349.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor X32 Pro","offer_id":51764970914110,"sku":"ARX32POR","price":289.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Coque Armor X32 Pro+ Armor","offer_id":51620065411390,"sku":"ARX32POR1","price":314.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Brassard de sport Armor X32 Pro+","offer_id":51620065444158,"sku":"ARX32POR2","price":314.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Étui Molle Armor X32 Pro+ Armor","offer_id":51620065509694,"sku":"ARX32POR3","price":319.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor X32 Pro+ Support Armor Pro","offer_id":51620065542462,"sku":"ARX32POR4","price":349.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ Armor X32 Pro","offer_id":51764970946878,"sku":"ARX32PGR","price":289.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ Coque Armor X32 Pro+ Armor","offer_id":51620065575230,"sku":"ARX32PGR1","price":314.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ Brassard de sport Armor X32 Pro+","offer_id":51620065607998,"sku":"ARX32PGR2","price":314.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ Étui Molle Armor X32 Pro+ Armor","offer_id":51620065673534,"sku":"ARX32PGR3","price":319.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ Armor X32 Pro+ Support Armor Pro","offer_id":51620065706302,"sku":"ARX32PGR4","price":349.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Ulefone_Armor_X32_Pro_Classic_Black-1000px-24.jpg?v=1744971492"},{"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-x16","title":"Armor X16","description":"\u003cdiv class=\"ms-min-p\"\u003eLampe torche anti-éblouissement dédiée | Appareil photo principal 48MP |Caméra vision nocturne 20MP |Écran 6,56 pouces 90 Hz| Android 15 | Batterie massive de 10360 mAh | 128 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_X16.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":"Wasteland Shadow \/ Armor X16","offer_id":51948985090366,"sku":"ARX16BK","price":249.99,"currency_code":"USD","in_stock":true},{"title":"Wasteland Shadow \/ Armor X16 + Coque Armor","offer_id":51977090695486,"sku":"ARX16BK1","price":279.99,"currency_code":"USD","in_stock":true},{"title":"Wasteland Shadow \/ Armor X16 + Étui Molle Armor","offer_id":51977090728254,"sku":"ARX16BK2","price":279.99,"currency_code":"USD","in_stock":true},{"title":"Wasteland Shadow \/ Armor X16 + Support Armor Pro","offer_id":51977090761022,"sku":"ARX16BK3","price":309.99,"currency_code":"USD","in_stock":true},{"title":"Wasteland Shadow \/ Armor X16 + Support Armor Nouvelle Génération","offer_id":51977090793790,"sku":"ARX16BK4","price":289.99,"currency_code":"USD","in_stock":true},{"title":"Sand Dune \/ Armor X16","offer_id":51948985057598,"sku":"ARX16BR","price":249.99,"currency_code":"USD","in_stock":true},{"title":"Sand Dune \/ Armor X16 + Coque Armor","offer_id":51977090826558,"sku":"ARX16BR1","price":279.99,"currency_code":"USD","in_stock":true},{"title":"Sand Dune \/ Armor X16 + Étui Molle Armor","offer_id":51977090859326,"sku":"ARX16BR2","price":279.99,"currency_code":"USD","in_stock":true},{"title":"Sand Dune \/ Armor X16 + Support Armor Pro","offer_id":51977090892094,"sku":"ARX16BR3","price":309.99,"currency_code":"USD","in_stock":true},{"title":"Sand Dune \/ Armor X16 + Support Armor Nouvelle Génération","offer_id":51977090924862,"sku":"ARX16BR4","price":289.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/UlefoneArmorX16WastelandShadow-1000px-26.jpg?v=1751971540"}],"url":"https:\/\/store.ulefone.com\/fr\/collections\/mdm-rugged-phones-tablets.oembed","provider":"Ulefone Official Store","version":"1.0","type":"link"}