{"title":"For Cycling \u0026 Off-Road Adventures","description":"\u003cp\u003eBuilt to withstand dust, drops, and harsh terrain, keeping riders connected through every trail and adventure.\u003c\/p\u003e","products":[{"product_id":"armor-27t-pro","title":"Armor 27T Pro","description":"\u003cp class=\"ms-min-p\"\u003eBatterie méga 10600mAh | Appareil photo infrarouge 64MP pour vision nocturne | Imagerie thermique par FLIR | Écran 6,78\" FHD+ 120Hz | Processeur MediaTek Dimensity 6300 5G | 12 Go+256 Go | WiFi 6 | Android 15\u003c\/p\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  \/* 移动端响应式 *\/\n  @media (max-width: 768px) {\n    .desktop-view {\n      display: none !important;\n    }\n    .mobile-view {\n      display: block !important;\n    }\n  }\n  \n  @media (min-width: 769px) {\n    .desktop-view {\n      display: flex !important;\n    }\n    .mobile-view {\n      display: none !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n                font-size: 1.3rem;\n            }\n        }\n  .icon-row {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: nowrap;\n    width: fit-content;\n  }\n  \n  .icon-item {\n    flex: 0 0 auto;\n    text-align: center;\n   margin-block-start:0 !important;\n  }\n  \n  .icon-link {\n    display: block;\n    text-decoration: none;\n    margin-block:0 !important;\n  }\n  \n  .icon-image {\n    width: 60px;\n    height: 60px;\n    object-fit: contain;\n    display: block;\n    border-radius: 4px;\n    margin-block:0 !important; \n  }\n  \n  \/* 第三个图标的悬停效果 *\/\n  .icon-item.special {\n    position: relative;\n  }\n  \n  .hover-trigger {\n    position: relative;\n    display: block;\n    cursor: pointer;\n  }\n  \n  .hover-image {\n    display: none;\n    position: absolute;\n    top: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 100;\n    width: 250px;\n    border-radius: 6px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n    border: 1px solid #ddd;\n    background: white;\n    padding: 4px;\n  }\n  \n  .hover-image img {\n    width: 250px;\n    height: auto;\n    border-radius: 4px;\n    display: block;\n    margin-block:0 !important;\n  }\n  \n  \/* 添加向下箭头提示 *\/\n  .hover-trigger::after {\n    content: '';\n    position: absolute;\n    bottom: -4px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-top: 5px solid #333;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n  \n  \/* PC端悬停显示 *\/\n  @media (hover: hover) and (pointer: fine) {\n    .hover-trigger:hover .hover-image {\n      display: block;\n    }\n    \n    .hover-trigger:hover::after {\n      opacity: 1;\n    }\n  }\n  \n  \/* 移动端适配 *\/\n  @media (max-width: 768px) {\n    .icon-row {\n      gap: 10px;\n    }\n    \n    .icon-image {\n      width: 50px;\n      height: 50px;\n    }\n    \n    .hover-image {\n      width: 250px;\n    }\n    \n    .hover-image.active {\n      display: block;\n    }\n  }\n  \n  \/* 防止在小屏幕上被挤压 *\/\n  @media (max-width: 480px) {\n    .icon-row {\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-33W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_27TP.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    const trigger = document.getElementById('hover-trigger-3');\n    const hoverImage = document.getElementById('hover-image-3');\n    \n    if (!trigger || !hoverImage) return;\n    \n    \/\/ 检测是否为移动端（屏幕宽度≤768px）\n    function isMobileDevice() {\n      return window.innerWidth \u003c= 768;\n    }\n    \n    \/\/ 移动端点击事件处理\n    function handleMobileClick() {\n      if (!isMobileDevice()) return;\n      \n      hoverImage.classList.toggle('active');\n    }\n    \n    \/\/ 点击页面其他地方关闭图片\n    function handleDocumentClick(e) {\n      if (!isMobileDevice()) return;\n      \n      if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n        hoverImage.classList.remove('active');\n      }\n    }\n    \n    \/\/ 添加事件监听\n    trigger.addEventListener('click', handleMobileClick);\n    document.addEventListener('click', handleDocumentClick);\n    \n    \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n    trigger.addEventListener('click', function(e) {\n      if (isMobileDevice()) {\n        e.stopPropagation();\n      }\n    });\n  });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armor 27T Pro+ \/ Norme","offer_id":53320034058558,"sku":"AR27TPRO+BK01","price":579.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27T Pro+ \/ Coque Armor","offer_id":53320034091326,"sku":"AR27TPRO+BK02","price":609.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27T Pro+ \/ Chargeur sans fil","offer_id":53320034124094,"sku":"AR27TPRO+BK03","price":629.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27T Pro+ \/ +Support Armor Pro","offer_id":53320034156862,"sku":"AR27TPRO+BK07","price":639.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27T Pro+ \/ +uSmart C01","offer_id":53320034189630,"sku":"AR27TPRO+BK09","price":639.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27T Pro+ \/ +uSmart E02","offer_id":53320034222398,"sku":"AR27TPRO+BK06","price":639.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27T Pro+ \/ +uSmart E03","offer_id":53320034255166,"sku":"AR27TPRO+BK08","price":729.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Armor_27T_Pro_f5535033-ab81-4e84-983c-33e01e0dfb74.jpg?v=1765272933"},{"product_id":"armor-27-pro","title":"Armor 27 Pro","description":"\u003cp class=\"ms-min-p\"\u003eBatterie méga 10600mAh | Appareil photo infrarouge 64MP pour vision nocturne  | Écran 6,78\" FHD+ 120Hz | Processeur MediaTek Dimensity 6300 5G | 12 Go+256 Go | WiFi 6 | Android 15\u003c\/p\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  \/* 移动端响应式 *\/\n  @media (max-width: 768px) {\n    .desktop-view {\n      display: none !important;\n    }\n    .mobile-view {\n      display: block !important;\n    }\n  }\n  \n  @media (min-width: 769px) {\n    .desktop-view {\n      display: flex !important;\n    }\n    .mobile-view {\n      display: none !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n                font-size: 1.3rem;\n            }\n        }\n  .icon-row {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: nowrap;\n    width: fit-content;\n  }\n  \n  .icon-item {\n    flex: 0 0 auto;\n    text-align: center;\n   margin-block-start:0 !important;\n  }\n  \n  .icon-link {\n    display: block;\n    text-decoration: none;\n    margin-block:0 !important;\n  }\n  \n  .icon-image {\n    width: 60px;\n    height: 60px;\n    object-fit: contain;\n    display: block;\n    border-radius: 4px;\n    margin-block:0 !important; \n  }\n  \n  \/* 第三个图标的悬停效果 *\/\n  .icon-item.special {\n    position: relative;\n  }\n  \n  .hover-trigger {\n    position: relative;\n    display: block;\n    cursor: pointer;\n  }\n  \n  .hover-image {\n    display: none;\n    position: absolute;\n    top: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 100;\n    width: 250px;\n    border-radius: 6px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n    border: 1px solid #ddd;\n    background: white;\n    padding: 4px;\n  }\n  \n  .hover-image img {\n    width: 250px;\n    height: auto;\n    border-radius: 4px;\n    display: block;\n    margin-block:0 !important;\n  }\n  \n  \/* 添加向下箭头提示 *\/\n  .hover-trigger::after {\n    content: '';\n    position: absolute;\n    bottom: -4px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-top: 5px solid #333;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n  \n  \/* PC端悬停显示 *\/\n  @media (hover: hover) and (pointer: fine) {\n    .hover-trigger:hover .hover-image {\n      display: block;\n    }\n    \n    .hover-trigger:hover::after {\n      opacity: 1;\n    }\n  }\n  \n  \/* 移动端适配 *\/\n  @media (max-width: 768px) {\n    .icon-row {\n      gap: 10px;\n    }\n    \n    .icon-image {\n      width: 50px;\n      height: 50px;\n    }\n    \n    .hover-image {\n      width: 250px;\n    }\n    \n    .hover-image.active {\n      display: block;\n    }\n  }\n  \n  \/* 防止在小屏幕上被挤压 *\/\n  @media (max-width: 480px) {\n    .icon-row {\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-33W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_27P.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    const trigger = document.getElementById('hover-trigger-3');\n    const hoverImage = document.getElementById('hover-image-3');\n    \n    if (!trigger || !hoverImage) return;\n    \n    \/\/ 检测是否为移动端（屏幕宽度≤768px）\n    function isMobileDevice() {\n      return window.innerWidth \u003c= 768;\n    }\n    \n    \/\/ 移动端点击事件处理\n    function handleMobileClick() {\n      if (!isMobileDevice()) return;\n      \n      hoverImage.classList.toggle('active');\n    }\n    \n    \/\/ 点击页面其他地方关闭图片\n    function handleDocumentClick(e) {\n      if (!isMobileDevice()) return;\n      \n      if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n        hoverImage.classList.remove('active');\n      }\n    }\n    \n    \/\/ 添加事件监听\n    trigger.addEventListener('click', handleMobileClick);\n    document.addEventListener('click', handleDocumentClick);\n    \n    \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n    trigger.addEventListener('click', function(e) {\n      if (isMobileDevice()) {\n        e.stopPropagation();\n      }\n    });\n  });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armor 27 Pro","offer_id":50316070191422,"sku":"AR27PROBK01","price":449.99,"currency_code":"USD","in_stock":true},{"title":"Coque Armor 27 Pro+","offer_id":50316070256958,"sku":"AR27PROBK02","price":474.99,"currency_code":"USD","in_stock":true},{"title":"Chargeur sans fil Armor 27 Pro+","offer_id":50316070224190,"sku":"AR27PROBK03","price":499.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27 Pro+Support Pro","offer_id":50316070322494,"sku":"AR27PROBK07","price":509.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27 Pro+uSmart C01","offer_id":50316070355262,"sku":"AR27PROBK04","price":509.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27 Pro+uSmart E02","offer_id":53320940749118,"sku":"AR27PROBK06","price":509.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27 Pro+uSmart E03","offer_id":50316070453566,"sku":"AR27PROBK08","price":599.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Armor_27_Pro_633c9cf5-17eb-4e84-8148-53ecf34743d4.jpg?v=1765273034"},{"product_id":"armor-27","title":"Armor 27","description":"\u003cp class=\"ms-min-p\"\u003eCaméra infrarouge 64MP pour vision nocturne | Batterie méga 10600mAh | 6,75\" FHD+ 120Hz | 12 Go+256 Go | Charge rapide et sans fil | Android 15 | Appareil photo principal 50MP | Caméra frontale 32 MP | Connecteur uSmart 2.0 | IP68\/IP69K, MIL-STD-810H\u003c\/p\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  \/* 移动端响应式 *\/\n  @media (max-width: 768px) {\n    .desktop-view {\n      display: none !important;\n    }\n    .mobile-view {\n      display: block !important;\n    }\n  }\n  \n  @media (min-width: 769px) {\n    .desktop-view {\n      display: flex !important;\n    }\n    .mobile-view {\n      display: none !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n                font-size: 1.3rem;\n            }\n        }\n  .icon-row {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: nowrap;\n    width: fit-content;\n  }\n  \n  .icon-item {\n    flex: 0 0 auto;\n    text-align: center;\n   margin-block-start:0 !important;\n  }\n  \n  .icon-link {\n    display: block;\n    text-decoration: none;\n    margin-block:0 !important;\n  }\n  \n  .icon-image {\n    width: 60px;\n    height: 60px;\n    object-fit: contain;\n    display: block;\n    border-radius: 4px;\n    margin-block:0 !important; \n  }\n  \n  \/* 第三个图标的悬停效果 *\/\n  .icon-item.special {\n    position: relative;\n  }\n  \n  .hover-trigger {\n    position: relative;\n    display: block;\n    cursor: pointer;\n  }\n  \n  .hover-image {\n    display: none;\n    position: absolute;\n    top: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 100;\n    width: 250px;\n    border-radius: 6px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n    border: 1px solid #ddd;\n    background: white;\n    padding: 4px;\n  }\n  \n  .hover-image img {\n    width: 250px;\n    height: auto;\n    border-radius: 4px;\n    display: block;\n    margin-block:0 !important;\n  }\n  \n  \/* 添加向下箭头提示 *\/\n  .hover-trigger::after {\n    content: '';\n    position: absolute;\n    bottom: -4px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-top: 5px solid #333;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n  \n  \/* PC端悬停显示 *\/\n  @media (hover: hover) and (pointer: fine) {\n    .hover-trigger:hover .hover-image {\n      display: block;\n    }\n    \n    .hover-trigger:hover::after {\n      opacity: 1;\n    }\n  }\n  \n  \/* 移动端适配 *\/\n  @media (max-width: 768px) {\n    .icon-row {\n      gap: 10px;\n    }\n    \n    .icon-image {\n      width: 50px;\n      height: 50px;\n    }\n    \n    .hover-image {\n      width: 250px;\n    }\n    \n    .hover-image.active {\n      display: block;\n    }\n  }\n  \n  \/* 防止在小屏幕上被挤压 *\/\n  @media (max-width: 480px) {\n    .icon-row {\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-33W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_27.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    const trigger = document.getElementById('hover-trigger-3');\n    const hoverImage = document.getElementById('hover-image-3');\n    \n    if (!trigger || !hoverImage) return;\n    \n    \/\/ 检测是否为移动端（屏幕宽度≤768px）\n    function isMobileDevice() {\n      return window.innerWidth \u003c= 768;\n    }\n    \n    \/\/ 移动端点击事件处理\n    function handleMobileClick() {\n      if (!isMobileDevice()) return;\n      \n      hoverImage.classList.toggle('active');\n    }\n    \n    \/\/ 点击页面其他地方关闭图片\n    function handleDocumentClick(e) {\n      if (!isMobileDevice()) return;\n      \n      if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n        hoverImage.classList.remove('active');\n      }\n    }\n    \n    \/\/ 添加事件监听\n    trigger.addEventListener('click', handleMobileClick);\n    document.addEventListener('click', handleDocumentClick);\n    \n    \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n    trigger.addEventListener('click', function(e) {\n      if (isMobileDevice()) {\n        e.stopPropagation();\n      }\n    });\n  });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armure 27","offer_id":50744134467902,"sku":"AR2701","price":359.99,"currency_code":"USD","in_stock":true},{"title":"Coque Armor 27+","offer_id":50744134500670,"sku":"AR2702","price":384.99,"currency_code":"USD","in_stock":true},{"title":"Chargeur sans fil Armor 27+","offer_id":50744134566206,"sku":"AR2704","price":409.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27+Support Pro","offer_id":50744134598974,"sku":"AR2705","price":419.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27+uSmart C01","offer_id":50744134631742,"sku":"AR2706","price":419.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27+uSmart E02","offer_id":50744134664510,"sku":"AR2708","price":419.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27+uSmart E03","offer_id":50744134730046,"sku":"AR2709","price":509.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Armor_27_a592a88d-8cff-452e-b955-820fffe99b3d.jpg?v=1765272997"},{"product_id":"armor-27t","title":"Armor 27T","description":"\u003cp class=\"ms-min-p\"\u003eImagerie thermique par FLIR | Vision nocturne infrarouge 64MP | Batterie méga 10600mAh | Charge rapide et sans fil | Écran 6,78\" FHD+ 120Hz | Appareil photo principal 50MP | Appareil photo frontal 32MP | 12 Go+256 Go | Android 15 | Connecteur uSmart 2.0 | IP68\/IP69K, MIL-STD-810H\u003c\/p\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  \/* 移动端响应式 *\/\n  @media (max-width: 768px) {\n    .desktop-view {\n      display: none !important;\n    }\n    .mobile-view {\n      display: block !important;\n    }\n  }\n  \n  @media (min-width: 769px) {\n    .desktop-view {\n      display: flex !important;\n    }\n    .mobile-view {\n      display: none !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n                font-size: 1.3rem;\n            }\n        }\n  .icon-row {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: nowrap;\n    width: fit-content;\n  }\n  \n  .icon-item {\n    flex: 0 0 auto;\n    text-align: center;\n   margin-block-start:0 !important;\n  }\n  \n  .icon-link {\n    display: block;\n    text-decoration: none;\n    margin-block:0 !important;\n  }\n  \n  .icon-image {\n    width: 60px;\n    height: 60px;\n    object-fit: contain;\n    display: block;\n    border-radius: 4px;\n    margin-block:0 !important; \n  }\n  \n  \/* 第三个图标的悬停效果 *\/\n  .icon-item.special {\n    position: relative;\n  }\n  \n  .hover-trigger {\n    position: relative;\n    display: block;\n    cursor: pointer;\n  }\n  \n  .hover-image {\n    display: none;\n    position: absolute;\n    top: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 100;\n    width: 250px;\n    border-radius: 6px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n    border: 1px solid #ddd;\n    background: white;\n    padding: 4px;\n  }\n  \n  .hover-image img {\n    width: 250px;\n    height: auto;\n    border-radius: 4px;\n    display: block;\n    margin-block:0 !important;\n  }\n  \n  \/* 添加向下箭头提示 *\/\n  .hover-trigger::after {\n    content: '';\n    position: absolute;\n    bottom: -4px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-top: 5px solid #333;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n  \n  \/* PC端悬停显示 *\/\n  @media (hover: hover) and (pointer: fine) {\n    .hover-trigger:hover .hover-image {\n      display: block;\n    }\n    \n    .hover-trigger:hover::after {\n      opacity: 1;\n    }\n  }\n  \n  \/* 移动端适配 *\/\n  @media (max-width: 768px) {\n    .icon-row {\n      gap: 10px;\n    }\n    \n    .icon-image {\n      width: 50px;\n      height: 50px;\n    }\n    \n    .hover-image {\n      width: 250px;\n    }\n    \n    .hover-image.active {\n      display: block;\n    }\n  }\n  \n  \/* 防止在小屏幕上被挤压 *\/\n  @media (max-width: 480px) {\n    .icon-row {\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-33W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_27T.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    const trigger = document.getElementById('hover-trigger-3');\n    const hoverImage = document.getElementById('hover-image-3');\n    \n    if (!trigger || !hoverImage) return;\n    \n    \/\/ 检测是否为移动端（屏幕宽度≤768px）\n    function isMobileDevice() {\n      return window.innerWidth \u003c= 768;\n    }\n    \n    \/\/ 移动端点击事件处理\n    function handleMobileClick() {\n      if (!isMobileDevice()) return;\n      \n      hoverImage.classList.toggle('active');\n    }\n    \n    \/\/ 点击页面其他地方关闭图片\n    function handleDocumentClick(e) {\n      if (!isMobileDevice()) return;\n      \n      if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n        hoverImage.classList.remove('active');\n      }\n    }\n    \n    \/\/ 添加事件监听\n    trigger.addEventListener('click', handleMobileClick);\n    document.addEventListener('click', handleDocumentClick);\n    \n    \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n    trigger.addEventListener('click', function(e) {\n      if (isMobileDevice()) {\n        e.stopPropagation();\n      }\n    });\n  });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armure 27T \/ Norme","offer_id":50734819901758,"sku":"AR27T01","price":449.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27T \/ Coque Armor","offer_id":50734819934526,"sku":"AR27T02","price":479.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27T \/ Chargeur sans fil","offer_id":50734819967294,"sku":"AR27T03","price":499.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27T \/ +Support Armor Pro","offer_id":50734820032830,"sku":"AR27T05","price":509.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27T \/ +uSmart C01","offer_id":50734820065598,"sku":"AR27T06","price":509.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27T \/ +uSmart E02","offer_id":53320005910846,"sku":"AR27T08","price":509.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27T \/ +uSmart E03","offer_id":50734820163902,"sku":"AR27T09","price":599.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27T+ \/ Norme","offer_id":53320043757886,"sku":"AR27T+01","price":479.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27T+ \/ Coque Armor","offer_id":53320043790654,"sku":"AR27T+02","price":509.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27T+ \/ Chargeur sans fil","offer_id":53320043823422,"sku":"AR27T+03","price":529.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27T+ \/ +Support Armor Pro","offer_id":53320043856190,"sku":"AR27T+05","price":539.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27T+ \/ +uSmart C01","offer_id":53320043888958,"sku":"AR27T+06","price":539.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27T+ \/ +uSmart E02","offer_id":53320043921726,"sku":"AR27T+08","price":539.99,"currency_code":"USD","in_stock":true},{"title":"Armure 27T+ \/ +uSmart E03","offer_id":53320043954494,"sku":"AR27T+09","price":629.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Armor_27T_a5bb6ac6-032d-4eb4-b6d7-2343f53ebd00.jpg?v=1765272963"},{"product_id":"armor-28-ultra","title":"Armor 28 Ultra","description":"\u003cp class=\"ms-min-p\"\u003eSoc IA 5G Dimensity 9300+ | Écran 6,67\" 120Hz | Écran secondaire arrière 1,04\" | Triple caméra principale IMAX989 de Sony | Vision nocturne ultra | 16 Go RAM + 1 To ROM | Batterie 10600mAh | Charge rapide 120W | Charge sans fil 50W | Wifi 7 | Enregistrement vidéo 8K | Android 15\u003c\/p\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  \/* 移动端响应式 *\/\n  @media (max-width: 768px) {\n    .desktop-view {\n      display: none !important;\n    }\n    .mobile-view {\n      display: block !important;\n    }\n  }\n  \n  @media (min-width: 769px) {\n    .desktop-view {\n      display: flex !important;\n    }\n    .mobile-view {\n      display: none !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n                font-size: 1.3rem;\n            }\n        }\n  .icon-row {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: nowrap;\n    width: fit-content;\n  }\n  \n  .icon-item {\n    flex: 0 0 auto;\n    text-align: center;\n   margin-block-start:0 !important;\n  }\n  \n  .icon-link {\n    display: block;\n    text-decoration: none;\n    margin-block:0 !important;\n  }\n  \n  .icon-image {\n    width: 60px;\n    height: 60px;\n    object-fit: contain;\n    display: block;\n    border-radius: 4px;\n    margin-block:0 !important; \n  }\n  \n  \/* 第三个图标的悬停效果 *\/\n  .icon-item.special {\n    position: relative;\n  }\n  \n  .hover-trigger {\n    position: relative;\n    display: block;\n    cursor: pointer;\n  }\n  \n  .hover-image {\n    display: none;\n    position: absolute;\n    top: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 100;\n    width: 250px;\n    border-radius: 6px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n    border: 1px solid #ddd;\n    background: white;\n    padding: 4px;\n  }\n  \n  .hover-image img {\n    width: 250px;\n    height: auto;\n    border-radius: 4px;\n    display: block;\n    margin-block:0 !important;\n  }\n  \n  \/* 添加向下箭头提示 *\/\n  .hover-trigger::after {\n    content: '';\n    position: absolute;\n    bottom: -4px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-top: 5px solid #333;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n  \n  \/* PC端悬停显示 *\/\n  @media (hover: hover) and (pointer: fine) {\n    .hover-trigger:hover .hover-image {\n      display: block;\n    }\n    \n    .hover-trigger:hover::after {\n      opacity: 1;\n    }\n  }\n  \n  \/* 移动端适配 *\/\n  @media (max-width: 768px) {\n    .icon-row {\n      gap: 10px;\n    }\n    \n    .icon-image {\n      width: 50px;\n      height: 50px;\n    }\n    \n    .hover-image {\n      width: 250px;\n    }\n    \n    .hover-image.active {\n      display: block;\n    }\n  }\n  \n  \/* 防止在小屏幕上被挤压 *\/\n  @media (max-width: 480px) {\n    .icon-row {\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-120W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_28U.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    const trigger = document.getElementById('hover-trigger-3');\n    const hoverImage = document.getElementById('hover-image-3');\n    \n    if (!trigger || !hoverImage) return;\n    \n    \/\/ 检测是否为移动端（屏幕宽度≤768px）\n    function isMobileDevice() {\n      return window.innerWidth \u003c= 768;\n    }\n    \n    \/\/ 移动端点击事件处理\n    function handleMobileClick() {\n      if (!isMobileDevice()) return;\n      \n      hoverImage.classList.toggle('active');\n    }\n    \n    \/\/ 点击页面其他地方关闭图片\n    function handleDocumentClick(e) {\n      if (!isMobileDevice()) return;\n      \n      if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n        hoverImage.classList.remove('active');\n      }\n    }\n    \n    \/\/ 添加事件监听\n    trigger.addEventListener('click', handleMobileClick);\n    document.addEventListener('click', handleDocumentClick);\n    \n    \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n    trigger.addEventListener('click', function(e) {\n      if (isMobileDevice()) {\n        e.stopPropagation();\n      }\n    });\n  });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armor 28 Ultra","offer_id":51377389240638,"sku":"A28","price":999.99,"currency_code":"USD","in_stock":true},{"title":"Coque Ultra+Armor 28","offer_id":51505111040318,"sku":"A28-2","price":1029.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Ultra+uSmart C01","offer_id":51377392943422,"sku":"A28-3","price":1059.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Ultra+uSmart E02","offer_id":51377393008958,"sku":"A28-5","price":1059.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Ultra+uSmart E03","offer_id":51377393041726,"sku":"A28-6","price":1149.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Ultra+Support Pro Armor","offer_id":51377393107262,"sku":"A28-7","price":1059.99,"currency_code":"USD","in_stock":true},{"title":"Brassard de sport Armor 28 Ultra+","offer_id":51424707674430,"sku":"A28-8","price":1024.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Armor-28-Ultra.jpg?v=1765268405"},{"product_id":"armor-28-ultra-thermal-version","title":"Armor 28 Ultra Thermique","description":"\u003cp class=\"ms-min-p\"\u003eImagerie thermique IA de nouvelle génération (Résolution 640 x 512, NETD\u0026lt;40mk, Fréquence d'images 25Hz, Précision ±2℃, Plage de température -20°C à 550°C, Champ de vision 56° x 42°)\u003c\/p\u003e\n\u003cp class=\"ms-min-p\"\u003eSuper Vision Nocturne | Soc IA 5G Dimensity 9300+ | Caméra principale triple Sony IMX989 | Écran principal AMOLED 6,67 pouces 120Hz | Écran secondaire arrière de 1,04 pouce | Batterie 10600mAh | Charge Flash 120W | Charge sans fil 50W | Wifi 7 | Enregistrement vidéo 8K | Android 15 \u003c\/p\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  \/* 移动端响应式 *\/\n  @media (max-width: 768px) {\n    .desktop-view {\n      display: none !important;\n    }\n    .mobile-view {\n      display: block !important;\n    }\n  }\n  \n  @media (min-width: 769px) {\n    .desktop-view {\n      display: flex !important;\n    }\n    .mobile-view {\n      display: none !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n                font-size: 1.3rem;\n            }\n        }\n  .icon-row {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: nowrap;\n    width: fit-content;\n  }\n  \n  .icon-item {\n    flex: 0 0 auto;\n    text-align: center;\n   margin-block-start:0 !important;\n  }\n  \n  .icon-link {\n    display: block;\n    text-decoration: none;\n    margin-block:0 !important;\n  }\n  \n  .icon-image {\n    width: 60px;\n    height: 60px;\n    object-fit: contain;\n    display: block;\n    border-radius: 4px;\n    margin-block:0 !important; \n  }\n  \n  \/* 第三个图标的悬停效果 *\/\n  .icon-item.special {\n    position: relative;\n  }\n  \n  .hover-trigger {\n    position: relative;\n    display: block;\n    cursor: pointer;\n  }\n  \n  .hover-image {\n    display: none;\n    position: absolute;\n    top: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 100;\n    width: 250px;\n    border-radius: 6px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n    border: 1px solid #ddd;\n    background: white;\n    padding: 4px;\n  }\n  \n  .hover-image img {\n    width: 250px;\n    height: auto;\n    border-radius: 4px;\n    display: block;\n    margin-block:0 !important;\n  }\n  \n  \/* 添加向下箭头提示 *\/\n  .hover-trigger::after {\n    content: '';\n    position: absolute;\n    bottom: -4px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-top: 5px solid #333;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n  \n  \/* PC端悬停显示 *\/\n  @media (hover: hover) and (pointer: fine) {\n    .hover-trigger:hover .hover-image {\n      display: block;\n    }\n    \n    .hover-trigger:hover::after {\n      opacity: 1;\n    }\n  }\n  \n  \/* 移动端适配 *\/\n  @media (max-width: 768px) {\n    .icon-row {\n      gap: 10px;\n    }\n    \n    .icon-image {\n      width: 50px;\n      height: 50px;\n    }\n    \n    .hover-image {\n      width: 250px;\n    }\n    \n    .hover-image.active {\n      display: block;\n    }\n  }\n  \n  \/* 防止在小屏幕上被挤压 *\/\n  @media (max-width: 480px) {\n    .icon-row {\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-120W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_28U.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    const trigger = document.getElementById('hover-trigger-3');\n    const hoverImage = document.getElementById('hover-image-3');\n    \n    if (!trigger || !hoverImage) return;\n    \n    \/\/ 检测是否为移动端（屏幕宽度≤768px）\n    function isMobileDevice() {\n      return window.innerWidth \u003c= 768;\n    }\n    \n    \/\/ 移动端点击事件处理\n    function handleMobileClick() {\n      if (!isMobileDevice()) return;\n      \n      hoverImage.classList.toggle('active');\n    }\n    \n    \/\/ 点击页面其他地方关闭图片\n    function handleDocumentClick(e) {\n      if (!isMobileDevice()) return;\n      \n      if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n        hoverImage.classList.remove('active');\n      }\n    }\n    \n    \/\/ 添加事件监听\n    trigger.addEventListener('click', handleMobileClick);\n    document.addEventListener('click', handleDocumentClick);\n    \n    \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n    trigger.addEventListener('click', function(e) {\n      if (isMobileDevice()) {\n        e.stopPropagation();\n      }\n    });\n  });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armor 28 Ultra Thermique","offer_id":51377403527486,"sku":"A28RCX","price":1199.99,"currency_code":"USD","in_stock":true},{"title":"Coque Armor 28 Ultra Thermique+Armor","offer_id":51505109008702,"sku":"A28RCX-2","price":1229.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Ultra Thermal+Support Armor Pro","offer_id":51377403658558,"sku":"A28RCX-3","price":1259.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Ultra Thermique+uSmart C01","offer_id":51377403756862,"sku":"A28RCX-4","price":1259.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Ultra Thermal+uSmart E02","offer_id":51377403822398,"sku":"A28RCX-6","price":1259.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Ultra Thermal+uSmart E03","offer_id":51377403855166,"sku":"A28RCX-7","price":1349.99,"currency_code":"USD","in_stock":true},{"title":"Brassard Sport Ultra Thermique Armor 28+","offer_id":51424693256510,"sku":"A28RCX-8","price":1224.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/x2-800_5b55998d-c54c-407f-9e04-8820b4560500.jpg?v=1762842265"},{"product_id":"armor-28-pro","title":"Armor 28 Pro","description":"\u003cp class=\"ms-min-p\"\u003eSoC IA 5G | 8 cœurs | Double écran AMOLED | Vision nocturne ultra | Dimensity 7300 | Triple caméra principale Sony IMX 989 | Jusqu'à 32 Go + 512 Go | Charge rapide 120W | Android 15\u003c\/p\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  \/* 移动端响应式 *\/\n  @media (max-width: 768px) {\n    .desktop-view {\n      display: none !important;\n    }\n    .mobile-view {\n      display: block !important;\n    }\n  }\n  \n  @media (min-width: 769px) {\n    .desktop-view {\n      display: flex !important;\n    }\n    .mobile-view {\n      display: none !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n                font-size: 1.3rem;\n            }\n        }\n  .icon-row {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: nowrap;\n    width: fit-content;\n  }\n  \n  .icon-item {\n    flex: 0 0 auto;\n    text-align: center;\n   margin-block-start:0 !important;\n  }\n  \n  .icon-link {\n    display: block;\n    text-decoration: none;\n    margin-block:0 !important;\n  }\n  \n  .icon-image {\n    width: 60px;\n    height: 60px;\n    object-fit: contain;\n    display: block;\n    border-radius: 4px;\n    margin-block:0 !important; \n  }\n  \n  \/* 第三个图标的悬停效果 *\/\n  .icon-item.special {\n    position: relative;\n  }\n  \n  .hover-trigger {\n    position: relative;\n    display: block;\n    cursor: pointer;\n  }\n  \n  .hover-image {\n    display: none;\n    position: absolute;\n    top: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 100;\n    width: 250px;\n    border-radius: 6px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n    border: 1px solid #ddd;\n    background: white;\n    padding: 4px;\n  }\n  \n  .hover-image img {\n    width: 250px;\n    height: auto;\n    border-radius: 4px;\n    display: block;\n    margin-block:0 !important;\n  }\n  \n  \/* 添加向下箭头提示 *\/\n  .hover-trigger::after {\n    content: '';\n    position: absolute;\n    bottom: -4px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-top: 5px solid #333;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n  \n  \/* PC端悬停显示 *\/\n  @media (hover: hover) and (pointer: fine) {\n    .hover-trigger:hover .hover-image {\n      display: block;\n    }\n    \n    .hover-trigger:hover::after {\n      opacity: 1;\n    }\n  }\n  \n  \/* 移动端适配 *\/\n  @media (max-width: 768px) {\n    .icon-row {\n      gap: 10px;\n    }\n    \n    .icon-image {\n      width: 50px;\n      height: 50px;\n    }\n    \n    .hover-image {\n      width: 250px;\n    }\n    \n    .hover-image.active {\n      display: block;\n    }\n  }\n  \n  \/* 防止在小屏幕上被挤压 *\/\n  @media (max-width: 480px) {\n    .icon-row {\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-120W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_28P.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    const trigger = document.getElementById('hover-trigger-3');\n    const hoverImage = document.getElementById('hover-image-3');\n    \n    if (!trigger || !hoverImage) return;\n    \n    \/\/ 检测是否为移动端（屏幕宽度≤768px）\n    function isMobileDevice() {\n      return window.innerWidth \u003c= 768;\n    }\n    \n    \/\/ 移动端点击事件处理\n    function handleMobileClick() {\n      if (!isMobileDevice()) return;\n      \n      hoverImage.classList.toggle('active');\n    }\n    \n    \/\/ 点击页面其他地方关闭图片\n    function handleDocumentClick(e) {\n      if (!isMobileDevice()) return;\n      \n      if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n        hoverImage.classList.remove('active');\n      }\n    }\n    \n    \/\/ 添加事件监听\n    trigger.addEventListener('click', handleMobileClick);\n    document.addEventListener('click', handleDocumentClick);\n    \n    \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n    trigger.addEventListener('click', function(e) {\n      if (isMobileDevice()) {\n        e.stopPropagation();\n      }\n    });\n  });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armor 28 Pro","offer_id":51640076075326,"sku":"A28Pro","price":599.99,"currency_code":"USD","in_stock":true},{"title":"Coque Armor 28 Pro+Armor","offer_id":51640076108094,"sku":"A28Pro-1","price":629.99,"currency_code":"USD","in_stock":true},{"title":"Chargeur sans fil Armor 28 Pro+","offer_id":51640076140862,"sku":"A28Pro-2","price":649.99,"currency_code":"USD","in_stock":true},{"title":"Étui Molle Armor 28 Pro+Armor","offer_id":51640076173630,"sku":"A28Pro-3","price":629.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Pro+Support de fixation Armor Pro","offer_id":51640076239166,"sku":"A28Pro-4","price":659.99,"currency_code":"USD","in_stock":true},{"title":"Brassard de sport Armor 28 Pro+","offer_id":51640076271934,"sku":"A28Pro-5","price":624.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Pro+uSmart C01","offer_id":51640076304702,"sku":"A28Pro-6","price":659.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Pro+uSmart E01","offer_id":51640076337470,"sku":"A28Pro-7","price":649.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Pro+uSmart E02","offer_id":51640076370238,"sku":"A28Pro-8","price":659.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Pro+uSmart E03","offer_id":51640076403006,"sku":"A28Pro-9","price":739.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Armor-28-Pro.jpg?v=1765267421"},{"product_id":"armor-34-pro","title":"Armor 34 Pro+","description":"\u003cp class=\"ms-min-p\"\u003eBatterie méga 25500 mAh | Projecteur 150 lumens | Lumière LED polyvalente \u0026amp; lumière d'avertissement | 6,95\" FHD+ 120 Hz | SoC 5G AI Dimensity 7400X | 16 Go RAM + 512 Go ROM | Android 15\u003c\/p\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  \/* 移动端响应式 *\/\n  @media (max-width: 768px) {\n    .desktop-view {\n      display: none !important;\n    }\n    .mobile-view {\n      display: block !important;\n    }\n  }\n  \n  @media (min-width: 769px) {\n    .desktop-view {\n      display: flex !important;\n    }\n    .mobile-view {\n      display: none !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n                font-size: 1.3rem;\n            }\n        }\n  .icon-row {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: nowrap;\n    width: fit-content;\n  }\n  \n  .icon-item {\n    flex: 0 0 auto;\n    text-align: center;\n   margin-block-start:0 !important;\n  }\n  \n  .icon-link {\n    display: block;\n    text-decoration: none;\n    margin-block:0 !important;\n  }\n  \n  .icon-image {\n    width: 60px;\n    height: 60px;\n    object-fit: contain;\n    display: block;\n    border-radius: 4px;\n    margin-block:0 !important; \n  }\n  \n  \/* 第三个图标的悬停效果 *\/\n  .icon-item.special {\n    position: relative;\n  }\n  \n  .hover-trigger {\n    position: relative;\n    display: block;\n    cursor: pointer;\n  }\n  \n  .hover-image {\n    display: none;\n    position: absolute;\n    top: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 100;\n    width: 250px;\n    border-radius: 6px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n    border: 1px solid #ddd;\n    background: white;\n    padding: 4px;\n  }\n  \n  .hover-image img {\n    width: 250px;\n    height: auto;\n    border-radius: 4px;\n    display: block;\n    margin-block:0 !important;\n  }\n  \n  \/* 添加向下箭头提示 *\/\n  .hover-trigger::after {\n    content: '';\n    position: absolute;\n    bottom: -4px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-top: 5px solid #333;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n  \n  \/* PC端悬停显示 *\/\n  @media (hover: hover) and (pointer: fine) {\n    .hover-trigger:hover .hover-image {\n      display: block;\n    }\n    \n    .hover-trigger:hover::after {\n      opacity: 1;\n    }\n  }\n  \n  \/* 移动端适配 *\/\n  @media (max-width: 768px) {\n    .icon-row {\n      gap: 10px;\n    }\n    \n    .icon-image {\n      width: 50px;\n      height: 50px;\n    }\n    \n    .hover-image {\n      width: 250px;\n    }\n    \n    .hover-image.active {\n      display: block;\n    }\n  }\n  \n  \/* 防止在小屏幕上被挤压 *\/\n  @media (max-width: 480px) {\n    .icon-row {\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-66W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_34P.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    const trigger = document.getElementById('hover-trigger-3');\n    const hoverImage = document.getElementById('hover-image-3');\n    \n    if (!trigger || !hoverImage) return;\n    \n    \/\/ 检测是否为移动端（屏幕宽度≤768px）\n    function isMobileDevice() {\n      return window.innerWidth \u003c= 768;\n    }\n    \n    \/\/ 移动端点击事件处理\n    function handleMobileClick() {\n      if (!isMobileDevice()) return;\n      \n      hoverImage.classList.toggle('active');\n    }\n    \n    \/\/ 点击页面其他地方关闭图片\n    function handleDocumentClick(e) {\n      if (!isMobileDevice()) return;\n      \n      if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n        hoverImage.classList.remove('active');\n      }\n    }\n    \n    \/\/ 添加事件监听\n    trigger.addEventListener('click', handleMobileClick);\n    document.addEventListener('click', handleDocumentClick);\n    \n    \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n    trigger.addEventListener('click', function(e) {\n      if (isMobileDevice()) {\n        e.stopPropagation();\n      }\n    });\n  });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armor 34 Pro+ \/ Norme","offer_id":52661678211390,"sku":"AR34P+","price":749.99,"currency_code":"USD","in_stock":true},{"title":"Armor 34 Pro+ \/ +Support d'armure - Nouvelle génération","offer_id":52721695162686,"sku":"AR34P+0","price":789.99,"currency_code":"USD","in_stock":true},{"title":"Armor 34 Pro+ \/ +uSmart C01","offer_id":52661678244158,"sku":"AR34P+1","price":809.99,"currency_code":"USD","in_stock":true},{"title":"Armor 34 Pro+ \/ +uSmart E01","offer_id":52661678276926,"sku":"AR34P+2","price":799.99,"currency_code":"USD","in_stock":true},{"title":"Armor 34 Pro+ \/ +uSmart E02","offer_id":52661678309694,"sku":"AR34P+3","price":809.99,"currency_code":"USD","in_stock":true},{"title":"Armor 34 Pro+ \/ +uSmart E03","offer_id":52661678342462,"sku":"AR34P+4","price":899.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/x2_1.jpg?v=1762842125"},{"product_id":"armor-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"},{"product_id":"armor-34","title":"Armor 34+","description":"\u003cp class=\"ms-min-p\"\u003eBatterie méga 25500 mAh | Vision nocturne infrarouge 64MP | Lumière LED polyvalente \u0026amp; lumière d'avertissement | 6,95\" FHD+ 120 Hz | SoC 5G AI Dimensity 7400X | 16 Go RAM + 512 Go ROM | Android 15\u003c\/p\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n                font-size: 1.3rem;\n            }\n        }\n  .icon-row {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: nowrap;\n    width: fit-content;\n  }\n  \n  .icon-item {\n    flex: 0 0 auto;\n    text-align: center;\n   margin-block-start:0 !important;\n  }\n  \n  .icon-link {\n    display: block;\n    text-decoration: none;\n    margin-block:0 !important;\n  }\n  \n  .icon-image {\n    width: 60px;\n    height: 60px;\n    object-fit: contain;\n    display: block;\n    border-radius: 4px;\n    margin-block:0 !important; \n  }\n  \n  \/* 第三个图标的悬停效果 *\/\n  .icon-item.special {\n    position: relative;\n  }\n  \n  .hover-trigger {\n    position: relative;\n    display: block;\n    cursor: pointer;\n  }\n  \n  .hover-image {\n    display: none;\n    position: absolute;\n    top: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 100;\n    width: 250px;\n    border-radius: 6px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n    border: 1px solid #ddd;\n    background: white;\n    padding: 4px;\n  }\n  \n  .hover-image img {\n    width: 250px;\n    height: auto;\n    border-radius: 4px;\n    display: block;\n    margin-block:0 !important;\n  }\n  \n  \/* 添加向下箭头提示 *\/\n  .hover-trigger::after {\n    content: '';\n    position: absolute;\n    bottom: -4px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-top: 5px solid #333;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n  \n  \/* PC端悬停显示 *\/\n  @media (hover: hover) and (pointer: fine) {\n    .hover-trigger:hover .hover-image {\n      display: block;\n    }\n    \n    .hover-trigger:hover::after {\n      opacity: 1;\n    }\n  }\n  \n  \/* 移动端适配 *\/\n  @media (max-width: 768px) {\n    .icon-row {\n      gap: 10px;\n    }\n    \n    .icon-image {\n      width: 50px;\n      height: 50px;\n    }\n    \n    .hover-image {\n      width: 250px;\n    }\n    \n    .hover-image.active {\n      display: block;\n    }\n  }\n  \n  \/* 防止在小屏幕上被挤压 *\/\n  @media (max-width: 480px) {\n    .icon-row {\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"icon-row\"\u003e\n  \u003c!-- 第一个图标（无链接） --\u003e\n  \u003cdiv class=\"icon-item\"\u003e\n    \u003cdiv class=\"icon-link\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\" alt=\"\" class=\"icon-image\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 第二个图标（无链接） --\u003e\n  \u003cdiv class=\"icon-item\"\u003e\n    \u003cdiv class=\"icon-link\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-66W.jpg\" alt=\"\" class=\"icon-image\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n  \u003cdiv class=\"icon-item special\"\u003e\n    \u003cdiv class=\"icon-link\"\u003e\n      \u003cdiv class=\"hover-trigger\" id=\"hover-trigger-3\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\" alt=\"\" class=\"icon-image\"\u003e\n        \u003c!-- 悬停显示的图片 --\u003e\n        \u003cdiv class=\"hover-image\" id=\"hover-image-3\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_34.png\" alt=\"\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    const trigger = document.getElementById('hover-trigger-3');\n    const hoverImage = document.getElementById('hover-image-3');\n    \n    if (!trigger || !hoverImage) return;\n    \n    \/\/ 检测是否为移动端（屏幕宽度≤768px）\n    function isMobileDevice() {\n      return window.innerWidth \u003c= 768;\n    }\n    \n    \/\/ 移动端点击事件处理\n    function handleMobileClick() {\n      if (!isMobileDevice()) return;\n      \n      hoverImage.classList.toggle('active');\n    }\n    \n    \/\/ 点击页面其他地方关闭图片\n    function handleDocumentClick(e) {\n      if (!isMobileDevice()) return;\n      \n      if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n        hoverImage.classList.remove('active');\n      }\n    }\n    \n    \/\/ 添加事件监听\n    trigger.addEventListener('click', handleMobileClick);\n    document.addEventListener('click', handleDocumentClick);\n    \n    \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n    trigger.addEventListener('click', function(e) {\n      if (isMobileDevice()) {\n        e.stopPropagation();\n      }\n    });\n  });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armure 34 \/ Norme","offer_id":52073736077630,"sku":"AR34","price":579.99,"currency_code":"USD","in_stock":true},{"title":"Armure 34 \/ +Support d'armure Nouvelle Génération","offer_id":52073774154046,"sku":"AR34-2","price":619.99,"currency_code":"USD","in_stock":true},{"title":"Armure 34 \/ +uSmart C01","offer_id":52073736110398,"sku":"AR34-3","price":639.99,"currency_code":"USD","in_stock":true},{"title":"Armure 34 \/ +uSmart E01","offer_id":52073736143166,"sku":"AR34-4","price":629.99,"currency_code":"USD","in_stock":true},{"title":"Armure 34 \/ +uSmart E02","offer_id":52073736175934,"sku":"AR34-5","price":639.99,"currency_code":"USD","in_stock":true},{"title":"Armure 34 \/ +uSmart E03","offer_id":52073736208702,"sku":"AR34-6","price":739.99,"currency_code":"USD","in_stock":true},{"title":"Armure 34+ \/ Norme","offer_id":52721760108862,"sku":"AR34+","price":629.99,"currency_code":"USD","in_stock":true},{"title":"Armure 34+ \/ +Support d'armure Nouvelle Génération","offer_id":52721760174398,"sku":"AR34+2","price":669.99,"currency_code":"USD","in_stock":true},{"title":"Armure 34+ \/ +uSmart C01","offer_id":52721760207166,"sku":"AR34+3","price":689.99,"currency_code":"USD","in_stock":true},{"title":"Armure 34+ \/ +uSmart E01","offer_id":52721760239934,"sku":"AR34+4","price":679.99,"currency_code":"USD","in_stock":true},{"title":"Armure 34+ \/ +uSmart E02","offer_id":52721760272702,"sku":"AR34+5","price":689.99,"currency_code":"USD","in_stock":true},{"title":"Armure 34+ \/ +uSmart E03","offer_id":52721760305470,"sku":"AR34+6","price":789.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/34.jpg?v=1762841968"},{"product_id":"armor-34-pro-rugged-phone","title":"Armor 34 Pro+","description":"\u003cp class=\"ms-min-p\"\u003eBatterie méga 25500 mAh | Projecteur 150 lumens | Lumière LED polyvalente \u0026amp; lumière d'avertissement | 6,95\" FHD+ 120 Hz | SoC 5G AI Dimensity 7400X | 16 Go RAM + 512 Go ROM | Android 15\u003c\/p\u003e\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Icône de bouclier\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eGarantie d'authenticité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Icône de paiement sécurisé\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003ePaiement sécurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Icône de boîte de retour\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eRetour sous 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  \/* 移动端响应式 *\/\n  @media (max-width: 768px) {\n    .desktop-view {\n      display: none !important;\n    }\n    .mobile-view {\n      display: block !important;\n    }\n  }\n  \n  @media (min-width: 769px) {\n    .desktop-view {\n      display: flex !important;\n    }\n    .mobile-view {\n      display: none !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n                font-size: 1.3rem;\n            }\n        }\n  .icon-row {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: nowrap;\n    width: fit-content;\n  }\n  \n  .icon-item {\n    flex: 0 0 auto;\n    text-align: center;\n   margin-block-start:0 !important;\n  }\n  \n  .icon-link {\n    display: block;\n    text-decoration: none;\n    margin-block:0 !important;\n  }\n  \n  .icon-image {\n    width: 60px;\n    height: 60px;\n    object-fit: contain;\n    display: block;\n    border-radius: 4px;\n    margin-block:0 !important; \n  }\n  \n  \/* 第三个图标的悬停效果 *\/\n  .icon-item.special {\n    position: relative;\n  }\n  \n  .hover-trigger {\n    position: relative;\n    display: block;\n    cursor: pointer;\n  }\n  \n  .hover-image {\n    display: none;\n    position: absolute;\n    top: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 100;\n    width: 250px;\n    border-radius: 6px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n    border: 1px solid #ddd;\n    background: white;\n    padding: 4px;\n  }\n  \n  .hover-image img {\n    width: 250px;\n    height: auto;\n    border-radius: 4px;\n    display: block;\n    margin-block:0 !important;\n  }\n  \n  \/* 添加向下箭头提示 *\/\n  .hover-trigger::after {\n    content: '';\n    position: absolute;\n    bottom: -4px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-top: 5px solid #333;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n  \n  \/* PC端悬停显示 *\/\n  @media (hover: hover) and (pointer: fine) {\n    .hover-trigger:hover .hover-image {\n      display: block;\n    }\n    \n    .hover-trigger:hover::after {\n      opacity: 1;\n    }\n  }\n  \n  \/* 移动端适配 *\/\n  @media (max-width: 768px) {\n    .icon-row {\n      gap: 10px;\n    }\n    \n    .icon-image {\n      width: 50px;\n      height: 50px;\n    }\n    \n    .hover-image {\n      width: 250px;\n    }\n    \n    .hover-image.active {\n      display: block;\n    }\n  }\n  \n  \/* 防止在小屏幕上被挤压 *\/\n  @media (max-width: 480px) {\n    .icon-row {\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-66W.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\u003cdiv class=\"icon-link\"\u003e\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e \u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_34P.png\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    const trigger = document.getElementById('hover-trigger-3');\n    const hoverImage = document.getElementById('hover-image-3');\n    \n    if (!trigger || !hoverImage) return;\n    \n    \/\/ 检测是否为移动端（屏幕宽度≤768px）\n    function isMobileDevice() {\n      return window.innerWidth \u003c= 768;\n    }\n    \n    \/\/ 移动端点击事件处理\n    function handleMobileClick() {\n      if (!isMobileDevice()) return;\n      \n      hoverImage.classList.toggle('active');\n    }\n    \n    \/\/ 点击页面其他地方关闭图片\n    function handleDocumentClick(e) {\n      if (!isMobileDevice()) return;\n      \n      if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n        hoverImage.classList.remove('active');\n      }\n    }\n    \n    \/\/ 添加事件监听\n    trigger.addEventListener('click', handleMobileClick);\n    document.addEventListener('click', handleDocumentClick);\n    \n    \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n    trigger.addEventListener('click', function(e) {\n      if (isMobileDevice()) {\n        e.stopPropagation();\n      }\n    });\n  });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armor 34 Pro+","offer_id":53898853286206,"sku":"AR34P","price":649.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/x2_1.jpg?v=1762842125"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/collections\/2-riding.jpg?v=1784683011","url":"https:\/\/store.ulefone.com\/fr\/collections\/for-cycling-off-road-adventures.oembed","provider":"Ulefone Official Store","version":"1.0","type":"link"}