{"product_id":"rugking-5-pro","title":"RugKing 5 Pro","description":"\u003cp class=\"ms-min-p\"\u003eÉcran 6,78\" max 910 nits | Batterie méga 20000mAh | Lampe LED polyvalente 976 lumens max| Étanche IP68 \u0026amp; IP69K | Certifié MIL-STD-810H | 8 Go RAM + 256 Go ROM | Android 16\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\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-33W.jpg\" alt=\"\" class=\"icon-image\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n   \u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n  \u003cdiv class=\"icon-item special\"\u003e\n    \u003cdiv class=\"icon-link\"\u003e\n      \u003cdiv class=\"hover-trigger\" id=\"hover-trigger-3\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\" alt=\"\" class=\"icon-image\"\u003e\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_RK5P.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\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":"RugKing 5 Pro","offer_id":53114756825406,"sku":"RugKing 5 Pro","price":299.99,"currency_code":"USD","in_stock":true},{"title":"RugKing 5 Pro+Étui Blindé","offer_id":53114756890942,"sku":"RugKing 5 Pro-1","price":339.99,"currency_code":"USD","in_stock":true},{"title":"Étui RugKing 5 Pro+Armor Molle","offer_id":53114756923710,"sku":"RugKing 5 Pro-2","price":329.99,"currency_code":"USD","in_stock":true},{"title":"RugKing 5 Pro+Support Armure Pro","offer_id":53114756956478,"sku":"RugKing 5 Pro-3","price":359.99,"currency_code":"USD","in_stock":true},{"title":"RugKing 5 Pro+Armor Mount Nouvelle Génération","offer_id":53114756989246,"sku":"RugKing 5 Pro-4","price":339.99,"currency_code":"USD","in_stock":true},{"title":"RugKing 5 Pro+Écouteurs Ulefone","offer_id":53114757022014,"sku":"RugKing 5 Pro-5","price":329.99,"currency_code":"USD","in_stock":true},{"title":"RugKing 5 Pro+Brassard","offer_id":53114757054782,"sku":"RugKing 5 Pro-6","price":324.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Ulefone_Rugking_5_Pro-Black-1000px-3.jpg?v=1773198031","url":"https:\/\/store.ulefone.com\/fr\/products\/rugking-5-pro","provider":"Ulefone Official Store","version":"1.0","type":"link"}