{"title":"Armor Series","description":null,"products":[{"product_id":"armor-21","title":"Armor 21","description":"\u003cp class=\"ms-min-p\"\u003e Unendlicher RGB-Lichtring mit Halo-Effekt | 122 dB lautester Lautsprecher | 9600-mAh-Akku | Nachtsicht | IP68\/IP69K \u003c\/p\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\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\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/B-level-left-arrow.png\"\u003e\u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_21.png\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\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":"Rüstung 21","offer_id":45559307436350,"sku":"A21","price":319.99,"currency_code":"USD","in_stock":true},{"title":"Armor 21+Armor-Koffer","offer_id":50114323415358,"sku":"A21-1","price":345.99,"currency_code":"USD","in_stock":true},{"title":"Armor 21+Dock-Ladegerät","offer_id":50114323480894,"sku":"A21-2","price":359.99,"currency_code":"USD","in_stock":true},{"title":"Armor 21 + Dock-Ladegerät + Armor-Hülle","offer_id":50114323513662,"sku":"A21-3","price":379.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/armor21-1.jpg?v=1762843163"},{"product_id":"armor-22","title":"Armor 22","description":"\u003cp class=\"ms-min-p\"\u003e NightElf Ultra 2.0 Kamera | 64 MP Weitwinkel | 6600 mAh Akku | 64 MP Nachtsicht | IP68\/IP69K \u003c\/p\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\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\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\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_22.png\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\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":"Some Green \/ 128 GB \/ Rüstung 22","offer_id":46641880727870,"sku":"AR22GN01","price":239.99,"currency_code":"USD","in_stock":true},{"title":"Some Green \/ 128 GB \/ Rüstung 22+Rüstungskoffer","offer_id":50114451112254,"sku":"AR22GN02","price":265.99,"currency_code":"USD","in_stock":true},{"title":"Some Green \/ 128 GB \/ Armor 22+Armor Mount Pro","offer_id":50114451145022,"sku":"AR22GN04","price":299.99,"currency_code":"USD","in_stock":true},{"title":"Some Green \/ 128 GB \/ Armor 22+Armor Case+Armor Mount+Armor Mount Pro","offer_id":50114451374398,"sku":"AR22GN05","price":339.99,"currency_code":"USD","in_stock":true},{"title":"Some Green \/ 256 GB \/ Rüstung 22","offer_id":49485606486334,"sku":"AR22PROGN01","price":259.99,"currency_code":"USD","in_stock":true},{"title":"Some Green \/ 256 GB \/ Rüstung 22+Rüstungskoffer","offer_id":50114451407166,"sku":"AR22PROGN02","price":285.99,"currency_code":"USD","in_stock":true},{"title":"Some Green \/ 256 GB \/ Armor 22+Armor Mount Pro","offer_id":50114451439934,"sku":"AR22PROGN04","price":319.99,"currency_code":"USD","in_stock":true},{"title":"Some Green \/ 256 GB \/ Armor 22+Armor Case+Armor Mount+Armor Mount Pro","offer_id":50114451538238,"sku":"AR22PROGN05","price":359.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ 128 GB \/ Rüstung 22","offer_id":46641880760638,"sku":"ARMOR22BK","price":239.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ 128 GB \/ Rüstung 22+Rüstungskoffer","offer_id":50114451603774,"sku":"ARMOR22BK02","price":265.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ 128 GB \/ Armor 22+Armor Mount Pro","offer_id":50114451636542,"sku":"ARMOR22BK04","price":299.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ 128 GB \/ Armor 22+Armor Case+Armor Mount+Armor Mount Pro","offer_id":50114451702078,"sku":"ARMOR22BK05","price":339.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ 256 GB \/ Rüstung 22","offer_id":49485606519102,"sku":"AR22PROBK01","price":259.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ 256 GB \/ Rüstung 22+Rüstungskoffer","offer_id":50114451734846,"sku":"AR22PROBK02","price":285.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ 256 GB \/ Armor 22+Armor Mount Pro","offer_id":50114451767614,"sku":"AR22PROBK04","price":319.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ 256 GB \/ Armor 22+Armor Case+Armor Mount+Armor Mount Pro","offer_id":50114451833150,"sku":"AR22PROBK05","price":359.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Rugged_Phone_Armor_22_Night_Vision_Camera.jpg?v=1762843122"},{"product_id":"armor-24","title":"Armor 24","description":"\u003cp class=\"ms-min-p\"\u003e 22000-mAh-Akku | 64-MP-Nachtsichtkamera | Vielseitiges Licht | 64-MP-Weitwinkelkamera | IP68\/IP69K \u003c\/p\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\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\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\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_24.png\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\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":"Rüstung 24","offer_id":50114557837630,"sku":"ARMOR24-1","price":349.99,"currency_code":"USD","in_stock":true},{"title":"Armor 24+Armor Holster","offer_id":50114557870398,"sku":"ARMOR24-2","price":389.99,"currency_code":"USD","in_stock":true},{"title":"Armor 24+uSmart C01","offer_id":50114557903166,"sku":"ARMOR24-3","price":409.99,"currency_code":"USD","in_stock":true},{"title":"Armor 24+uSmart E01","offer_id":50114557935934,"sku":"ARMOR24-4","price":399.99,"currency_code":"USD","in_stock":true},{"title":"Armor 24+uSmart E02","offer_id":50114557968702,"sku":"ARMOR24-5","price":409.99,"currency_code":"USD","in_stock":true},{"title":"Armor 24+uSmart E03","offer_id":50114558001470,"sku":"ARMOR24-6","price":499.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Armor_24_Night_Vision_Camera_Rugged_Smartphone.jpg?v=1728973313"},{"product_id":"armor-23-ultra","title":"Armor 23 Ultra","description":"\u003cp class=\"ms-min-p\"\u003eZwei-Wege-Satellitenkommunikation | 120-W-Ladeleistung | All-Szenario-Bildgebungssystem | Dimensity 8020 5G-Chipsatz | 50-MP-Ultra-Großformatobjektiv \u003c\/p\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\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\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/B-level-left-arrow.png\"\u003e\u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_23U.png\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\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":"Schwarz \/ Armor 23 Ultra","offer_id":48356125311294,"sku":"A23Ultra-BK","price":499.99,"currency_code":"USD","in_stock":true},{"title":"Schwarz \/ Armor 23 Ultra+Armor Mount Pro","offer_id":50114518188350,"sku":"A23Ultra-BK02","price":549.99,"currency_code":"USD","in_stock":true},{"title":"Schwarz \/ Armor 23 Ultra+WCS01","offer_id":50114518221118,"sku":"A23Ultra-BK03","price":549.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor 23 Ultra","offer_id":48356125344062,"sku":"A23Ultra-OG","price":499.99,"currency_code":"USD","in_stock":false},{"title":"Orange \/ Armor 23 Ultra+Armor Mount Pro","offer_id":50114518286654,"sku":"A23Ultra-OG02","price":549.99,"currency_code":"USD","in_stock":false},{"title":"Orange \/ Armor 23 Ultra+WCS01","offer_id":50114518319422,"sku":"A23Ultra-OG03","price":549.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Armor-23-Ultra.jpg?v=1780383751"},{"product_id":"armor-26-ultra","title":"Armor 26 Ultra","description":"\u003cp class=\"ms-min-p\"\u003e 15600-mAh-Akku | 120-W-Ladeleistung | IP68\/IP69K, MIL-STD-810H | Dimensity 8020 5G-Chipsatz | 200-MP-Hauptkamera | 64-MP-Nachtsichtkamera \u003c\/p\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\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\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/B-level-left-arrow.png\"\u003e\u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_26U.png\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\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 26 Ultra","offer_id":49878112239934,"sku":"AR26UBK01","price":559.99,"currency_code":"USD","in_stock":true},{"title":"Armor 26 Ultra+Armor Holster","offer_id":49878112272702,"sku":"AR26UBK02","price":599.99,"currency_code":"USD","in_stock":true},{"title":"Armor 26 Ultra+33W Dock-Ladegerät","offer_id":49878112338238,"sku":"AR26UBK03","price":609.99,"currency_code":"USD","in_stock":true},{"title":"Armor 26 Ultra+uSmart C01","offer_id":49878112371006,"sku":"AR26UBK04","price":619.99,"currency_code":"USD","in_stock":true},{"title":"Armor 26 Ultra+uSmart E01","offer_id":49878112403774,"sku":"AR26UBK05","price":609.99,"currency_code":"USD","in_stock":true},{"title":"Armor 26 Ultra+uSmart E02","offer_id":49878112436542,"sku":"AR26UBK06","price":629.99,"currency_code":"USD","in_stock":true},{"title":"Armor 26 Ultra+uSmart E03","offer_id":49878112469310,"sku":"AR26UBK07","price":699.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Ulefone_Armor_26_Ultra_Black_5G_Rugged_Phone.jpg?v=1762842931"},{"product_id":"armor-25t-pro","title":"Armor 25T Pro","description":"\u003cp class=\"ms-min-p\"\u003e Wärmebildkamera | 50-MP-Hauptkamera | 64-MP-Nachtsichtkamera | 120-Hz-Ultra-Display | 5G-Chipsatz | 33-W-Schnellladefunktion | 30-W-kabelloses Laden | Android 14 | NFC | Infrarotsender \u003c\/p\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\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\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/B-level-left-arrow.png\"\u003e\u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_25TP.png\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    const trigger = document.getElementById('hover-trigger-3');\n    const hoverImage = document.getElementById('hover-image-3');\n    \n    if (!trigger || !hoverImage) return;\n    \n    \/\/ 检测是否为移动端（屏幕宽度≤768px）\n    function isMobileDevice() {\n      return window.innerWidth \u003c= 768;\n    }\n    \n    \/\/ 移动端点击事件处理\n    function handleMobileClick() {\n      if (!isMobileDevice()) return;\n      \n      hoverImage.classList.toggle('active');\n    }\n    \n    \/\/ 点击页面其他地方关闭图片\n    function handleDocumentClick(e) {\n      if (!isMobileDevice()) return;\n      \n      if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n        hoverImage.classList.remove('active');\n      }\n    }\n    \n    \/\/ 添加事件监听\n    trigger.addEventListener('click', handleMobileClick);\n    document.addEventListener('click', handleDocumentClick);\n    \n    \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n    trigger.addEventListener('click', function(e) {\n      if (isMobileDevice()) {\n        e.stopPropagation();\n      }\n    });\n  });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armor 25T Pro","offer_id":49954341814590,"sku":"AR25TPROBK02","price":449.99,"currency_code":"USD","in_stock":true},{"title":"Armor 25T Pro+Wireless-Ladegerät","offer_id":49954341978430,"sku":"AR25TPROBK03","price":499.99,"currency_code":"USD","in_stock":true},{"title":"Armor 25T Pro+Armor Mount Pro","offer_id":49954342076734,"sku":"AR25TPROBK04","price":509.99,"currency_code":"USD","in_stock":true},{"title":"Armor 25T Pro+Armor-Verbindung","offer_id":49954342142270,"sku":"AR25TPROBK05","price":474.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/25T_pro.png?v=1770624363"},{"product_id":"armor-26-ultra-walkie-talkie","title":"Armor 26 Ultra Walkie-Talkie","description":"\u003cp class=\"ms-min-p\"\u003e Digital-Analog-Gegensprechanlage | UHF- und VHF-Dualband | 15600-mAh-Akku | 120-W-Ladeleistung | IP68\/IP69K, MIL-STD-810H | Dimensity 8020 5G-Chipsatz | 200-MP-Hauptkamera | 64-MP-Nachtsichtkamera \u003c\/p\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\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\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/B-level-left-arrow.png\"\u003e\u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_26U.png\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\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 26 Ultra Walkie-Talkie","offer_id":50063141699902,"sku":"AR26UWTBK01","price":649.99,"currency_code":"USD","in_stock":true},{"title":"Armor 26 Ultra Walkie-Talkie + Armor Holster","offer_id":50063141732670,"sku":"AR26UWTBK03","price":689.99,"currency_code":"USD","in_stock":true},{"title":"Armor 26 Ultra Walkie-Talkie + 33-W-Dock-Ladegerät","offer_id":50063141798206,"sku":"AR26UWTBK04","price":699.99,"currency_code":"USD","in_stock":true},{"title":"Armor 26 Ultra Walkie-Talkie+uSmart C01","offer_id":50063141830974,"sku":"AR26UWTBK06","price":709.99,"currency_code":"USD","in_stock":true},{"title":"Armor 26 Ultra Walkie-Talkie+uSmart E01","offer_id":50063141863742,"sku":"AR26UWTBK07","price":699.99,"currency_code":"USD","in_stock":true},{"title":"Armor 26 Ultra Walkie-Talkie+uSmart E02","offer_id":50063141896510,"sku":"AR26UWTBK05","price":719.99,"currency_code":"USD","in_stock":true},{"title":"Armor 26 Ultra Walkie-Talkie+uSmart E03","offer_id":50063141929278,"sku":"AR26UWTBK08","price":799.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Ulefone_Rugged_Armor_26_Ultra_Walkie-Talkie_phone.jpg?v=1762843974"},{"product_id":"armor-25t","title":"Armor 25T","description":"\u003cp class=\"ms-min-p\"\u003e Wärmebildkamera | 50-MP-Hauptkamera | 64-MP-Nachtsichtkamera | 120-Hz-Ultra-Display | 4G-LTE | 33-W-Schnellladefunktion | 30-W-kabelloses Laden | Android 14 | NFC | Infrarotsender \u003c\/p\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\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\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/B-level-left-arrow.png\"\u003e\u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_25T.png\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\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":"Rüstung 25T \/ 6 GB","offer_id":50176090276158,"sku":"AR25TBK02","price":319.99,"currency_code":"USD","in_stock":true},{"title":"Armor 25T+Wireless-Ladegerät \/ 6 GB","offer_id":50176090308926,"sku":"AR25TBK03","price":369.99,"currency_code":"USD","in_stock":true},{"title":"Armor 25T+Armor Mount Pro \/ 6 GB","offer_id":50176090341694,"sku":"AR25TBK04","price":369.99,"currency_code":"USD","in_stock":true},{"title":"Rüstung 25T+Rüstung Bindung \/ 6 GB","offer_id":50176090374462,"sku":"AR25TBK05","price":339.99,"currency_code":"USD","in_stock":true},{"title":"Rüstung 25T \/ 8 GB","offer_id":51445668577598,"sku":"AR25T8GBBK02","price":339.99,"currency_code":"USD","in_stock":true},{"title":"Armor 25T+Wireless-Ladegerät \/ 8 GB","offer_id":51445668610366,"sku":"AR25T8GBBK03","price":389.99,"currency_code":"USD","in_stock":true},{"title":"Armor 25T+Armor Mount Pro \/ 8 GB","offer_id":51445668643134,"sku":"AR25T8GBBK04","price":389.99,"currency_code":"USD","in_stock":true},{"title":"Rüstung 25T+Rüstung Bindung \/ 8 GB","offer_id":51445668675902,"sku":"AR25T8GBBK05","price":359.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/armor-25t-free-gift.png?v=1782099819"},{"product_id":"armor-27t-pro","title":"Armor 27T Pro+","description":"\u003cp class=\"ms-min-p\"\u003e 10600-mAh-Mega-Akku | 64-MP-Infrarot-Nachtsichtkamera | Wärmebildkamera | Android 14 | 5G \u003c\/p\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\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\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\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+ \/ Standard","offer_id":53320034058558,"sku":"AR27TPRO+BK01","price":579.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27T Pro+ \/ +Armor Case","offer_id":53320034091326,"sku":"AR27TPRO+BK02","price":609.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27T Pro+ \/ Armor 27T Pro+Wireless-Ladegerät","offer_id":53320034124094,"sku":"AR27TPRO+BK03","price":629.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27T Pro+ \/ +Armor Mount 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\"\u003e 64-MP-Infrarot-Nachtsichtkamera | uSmart Connector 2.0 | 10600-mAh-Mega-Akku \u003c\/p\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\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\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\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":"Armor 27 Pro+Koffer","offer_id":50316070256958,"sku":"AR27PROBK02","price":474.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27 Pro+Wireless-Ladegerät","offer_id":50316070224190,"sku":"AR27PROBK03","price":499.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27 Pro+Mount 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\"\u003e 64-MP-Infrarot-Nachtsichtkamera | 10600-mAh-Mega-Akku | 6,75\" FHD+ 120 Hz | 24 GB + 256 GB | Schnell- und kabelloses Laden | Android 14 | 50-MP-Hauptkamera | 32-MP-Frontkamera | uSmart Connector 2.0 | IP68\/IP69K, MIL-STD-810H \u003c\/p\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\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\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\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":"Rüstung 27","offer_id":50744134467902,"sku":"AR2701","price":359.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27+Koffer","offer_id":50744134500670,"sku":"AR2702","price":384.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27+Wireless-Ladegerät","offer_id":50744134566206,"sku":"AR2704","price":409.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27+Mount Pro","offer_id":50744134598974,"sku":"AR2705","price":419.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27+uSmart C01","offer_id":50744134631742,"sku":"AR2706","price":419.99,"currency_code":"USD","in_stock":true},{"title":"Armor 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\"\u003e Wärmebildkamera von FLIR | 64-MP-Infrarot-Nachtsicht | 10600-mAh-Akku | Schnell- und kabelloses Laden | 6,78 Zoll | 50-MP-Hauptkamera | 32-MP-Frontkamera | 24 GB + 256 GB | Android 14 | uSmart Connector 2.0 | IP68\/IP69K, MIL-STD-810H \u003c\/p\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\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\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\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 \/ Standard","offer_id":50734819901758,"sku":"AR27T01","price":449.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27T+Koffer","offer_id":50734819934526,"sku":"AR27T02","price":479.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27T+Wireless-Ladegerät","offer_id":50734819967294,"sku":"AR27T03","price":499.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27T \/ +Armor Mount Pro","offer_id":50734820032830,"sku":"AR27T05","price":509.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27T \/ +uSmart C01","offer_id":50734820065598,"sku":"AR27T06","price":509.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27T \/ +uSmart E02","offer_id":53320005910846,"sku":"AR27T08","price":509.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27T \/ +uSmart E03","offer_id":50734820163902,"sku":"AR27T09","price":599.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27T+ \/ Standard","offer_id":53320043757886,"sku":"AR27T+01","price":479.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27T+ \/ Armor 27T+Koffer","offer_id":53320043790654,"sku":"AR27T+02","price":509.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27T+ \/ Armor 27T+Wireless-Ladegerät","offer_id":53320043823422,"sku":"AR27T+03","price":529.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27T+ \/ +Armor Mount Pro","offer_id":53320043856190,"sku":"AR27T+05","price":539.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27T+ \/ +uSmart C01","offer_id":53320043888958,"sku":"AR27T+06","price":539.99,"currency_code":"USD","in_stock":true},{"title":"Armor 27T+ \/ +uSmart E02","offer_id":53320043921726,"sku":"AR27T+08","price":539.99,"currency_code":"USD","in_stock":true},{"title":"Armor 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\"\u003e 5G-KI-SoC Dimensity 9300+ | 6,67\" 120Hz Display | 1,04\" Rückdisplay | Sony IMAX989 Dreifach-Hauptkamera | Ultra-Nachtsicht | 16 GB RAM + 1 TB ROM | 10600 mAh Akku | 120W Schnellladen | 50W Kabelloses Laden | Wi-Fi 7 | 8K-Videoaufnahme | Android 15 \u003c\/p\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\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\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\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":"Armor 28 Ultra+Armor Case","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+Armor Mount Pro","offer_id":51377393107262,"sku":"A28-7","price":1059.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Ultra+Sportarmband","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 Thermal","description":"\u003cp class=\"ms-min-p\"\u003e Wärmebildkamera der nächsten Generation mit KI (Auflösung 640 x 512, NETD \u0026lt; 40 mk, Bildrate 25 Hz, Genauigkeit ± 2 °C, Temperaturbereich -20 °C bis 550 °C, Sichtfeld 56° x 42°)\u003c\/p\u003e\n\n\u003cp class=\"ms-min-p\"\u003e Super-Nachtsicht | 5G AI SoC Dimensity 9300+ | Sony IMX989 Dreifach-Hauptkamera | 6,67-Zoll-AMOLED-Hauptdisplay (120 Hz) | 1,04-Zoll-Rückdisplay | 10600-mAh-Akku | 120-W-Schnellladefunktion | 50-W-kabelloses Laden | Wi-Fi 7 | 8K-Videoaufnahme \u003c\/p\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\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\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\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 Thermal","offer_id":51377403527486,"sku":"A28RCX","price":1199.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Ultra Thermal+Armor Case","offer_id":51505109008702,"sku":"A28RCX-2","price":1229.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Ultra Thermal+Armor Mount Pro","offer_id":51377403658558,"sku":"A28RCX-3","price":1259.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Ultra Thermal+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":"Armor 28 Ultra Thermal+Sportarmband","offer_id":51424693256510,"sku":"A28RCX-8","price":1224.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/x2-800_5b55998d-c54c-407f-9e04-8820b4560500.jpg?v=1762842265"},{"product_id":"armor-30-pro","title":"Armor 30 Pro","description":"\u003cp class=\"ms-min-p\"\u003e3,4\" größter Rückbildschirm | Infinite Halo 2.0 | 118 dB Lautsprecher | Bis zu 32 GB + 512 GB | 5G KI-CPU Dimensity 7300X | 12800 mAh Akku mit hoher Kapazität | Android 14 \u003c\/p\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\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\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e\u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_30P.png\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    const trigger = document.getElementById('hover-trigger-3');\n    const hoverImage = document.getElementById('hover-image-3');\n    \n    if (!trigger || !hoverImage) return;\n    \n    \/\/ 检测是否为移动端（屏幕宽度≤768px）\n    function isMobileDevice() {\n      return window.innerWidth \u003c= 768;\n    }\n    \n    \/\/ 移动端点击事件处理\n    function handleMobileClick() {\n      if (!isMobileDevice()) return;\n      \n      hoverImage.classList.toggle('active');\n    }\n    \n    \/\/ 点击页面其他地方关闭图片\n    function handleDocumentClick(e) {\n      if (!isMobileDevice()) return;\n      \n      if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n        hoverImage.classList.remove('active');\n      }\n    }\n    \n    \/\/ 添加事件监听\n    trigger.addEventListener('click', handleMobileClick);\n    document.addEventListener('click', handleDocumentClick);\n    \n    \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n    trigger.addEventListener('click', function(e) {\n      if (isMobileDevice()) {\n        e.stopPropagation();\n      }\n    });\n  });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armor 30 Pro","offer_id":51448642896190,"sku":"A30PRO","price":549.99,"currency_code":"USD","in_stock":true},{"title":"Armor 30 Pro+Armor Molle Holster","offer_id":51448643125566,"sku":"A30PRO1","price":579.99,"currency_code":"USD","in_stock":true},{"title":"Armor 30 Pro+Armor Mount Pro","offer_id":51448642928958,"sku":"A30Pro2","price":609.99,"currency_code":"USD","in_stock":true},{"title":"Armor 30 Pro+uSmart C01","offer_id":51448642994494,"sku":"A30Pro3","price":619.99,"currency_code":"USD","in_stock":true},{"title":"Armor 30 Pro+uSmart E01","offer_id":51448643027262,"sku":"A30Pro4","price":599.99,"currency_code":"USD","in_stock":true},{"title":"Armor 30 Pro+uSmart E02","offer_id":51448643060030,"sku":"A30Pro5","price":609.99,"currency_code":"USD","in_stock":true},{"title":"Armor 30 Pro+uSmart E03","offer_id":51448643092798,"sku":"A30Pro6","price":699.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Armor-30-Pro.jpg?v=1765267150"},{"product_id":"armor-28-pro","title":"Armor 28 Pro","description":"\u003cp class=\"ms-min-p\"\u003e5G-KI-SoC | 8-Kern-Prozessor | Dual-AMOLED-Display | Ultra-Nachtsicht | Dimensity 7300 | Sony IMX 989 Triple-Hauptkamera | Bis zu 32 GB + 512 GB | 120-W-Schnellladefunktion | Android 14 (unterstützt Android 15-Update) \u003c\/p\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\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\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\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":"Armor 28 Pro+Armor Case","offer_id":51640076108094,"sku":"A28Pro-1","price":629.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Pro+Wireless-Ladegerät","offer_id":51640076140862,"sku":"A28Pro-2","price":649.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Pro+Armor Molle Holster","offer_id":51640076173630,"sku":"A28Pro-3","price":629.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Pro+Armor Mount Pro","offer_id":51640076239166,"sku":"A28Pro-4","price":659.99,"currency_code":"USD","in_stock":true},{"title":"Armor 28 Pro+Sportarmband","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\"\u003e 25500-mAh-Mega-Akku | 150-Lumen-Projektor | Vielseitige LED-Leuchte \u0026amp; Warnleuchte | 6,95\" FHD+ 120 Hz | 5G KI-SoC Dimensity 7400X | 16 GB RAM + 512 GB ROM | Android 15 \u003c\/p\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\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\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\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+ \/ Standard","offer_id":52661678211390,"sku":"AR34P+","price":749.99,"currency_code":"USD","in_stock":true},{"title":"Armor 34 Pro+ \/ +Rüstungshalterung – Nächste Generation","offer_id":52721695162686,"sku":"AR34P+0","price":789.99,"currency_code":"USD","in_stock":true},{"title":"Armor 34 Pro+ \/ +uSmart C01","offer_id":52661678244158,"sku":"AR34P+1","price":809.99,"currency_code":"USD","in_stock":true},{"title":"Armor 34 Pro+ \/ +uSmart E01","offer_id":52661678276926,"sku":"AR34P+2","price":799.99,"currency_code":"USD","in_stock":true},{"title":"Armor 34 Pro+ \/ +uSmart E02","offer_id":52661678309694,"sku":"AR34P+3","price":809.99,"currency_code":"USD","in_stock":true},{"title":"Armor 34 Pro+ \/ +uSmart E03","offer_id":52661678342462,"sku":"AR34P+4","price":899.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/x2_1.jpg?v=1762842125"},{"product_id":"armor-30","title":"Armor 30","description":"\u003cdiv class=\"ms-min-p\"\u003e Vielseitiges LED-Licht | Infinite Halo 2.0 | 118-dB-Lautsprecher | Bis zu 24 GB + 512 GB | 12800-mAh-Megaakku | Android 15 \u003c\/div\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\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\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für die Rückgabebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e\u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_30.png\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\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":"Rüstung 30","offer_id":51947955257662,"sku":"AR30","price":399.99,"currency_code":"USD","in_stock":true},{"title":"Armor 30+Armor Molle Holster","offer_id":51947955290430,"sku":"AR30-1","price":429.99,"currency_code":"USD","in_stock":true},{"title":"Rüstung 30+Armor Mount Pro","offer_id":51947955323198,"sku":"AR30-2","price":459.99,"currency_code":"USD","in_stock":true},{"title":"Armor 30+uSmart C01","offer_id":51947955355966,"sku":"AR30-3","price":459.99,"currency_code":"USD","in_stock":true},{"title":"Armor 30+uSmart E01","offer_id":51947955388734,"sku":"AR30-4","price":449.99,"currency_code":"USD","in_stock":true},{"title":"Armor 30+uSmart E02","offer_id":51947955421502,"sku":"AR30-5","price":459.99,"currency_code":"USD","in_stock":true},{"title":"Armor 30+uSmart E03","offer_id":51947955454270,"sku":"AR30-6","price":549.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/30_81c367e6-7c98-4160-a4ed-0ce97cbeea88.jpg?v=1762842098"},{"product_id":"armor-33-pro","title":"Armor 33 Pro","description":"\u003cp class=\"ms-min-p\"\u003e 3,4-Zoll-Riesendisplay | Infinite Halo 2.0 | 118-dB-Lautsprecher | Bis zu 32 GB + 512 GB | 5G-KI-Prozessor Dimensity 7300X | 25.500-mAh-Mega-Akku | Android 14\u003c\/p\u003e\n\n \u003ch4\u003e\n\u003cspan style=\"background-color: rgb(255, 209, 0); font-size: 1rem; display: inline-block; padding: 2px;\"\u003eHinweis: Dieses Produkt wiegt über 777 g. Bitte stellen Sie sicher, dass es Ihren Anwendungsanforderungen entspricht.\u003c\/span\u003e \u003c\/h4\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\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\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e\u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_33P.png\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    const trigger = document.getElementById('hover-trigger-3');\n    const hoverImage = document.getElementById('hover-image-3');\n    \n    if (!trigger || !hoverImage) return;\n    \n    \/\/ 检测是否为移动端（屏幕宽度≤768px）\n    function isMobileDevice() {\n      return window.innerWidth \u003c= 768;\n    }\n    \n    \/\/ 移动端点击事件处理\n    function handleMobileClick() {\n      if (!isMobileDevice()) return;\n      \n      hoverImage.classList.toggle('active');\n    }\n    \n    \/\/ 点击页面其他地方关闭图片\n    function handleDocumentClick(e) {\n      if (!isMobileDevice()) return;\n      \n      if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n        hoverImage.classList.remove('active');\n      }\n    }\n    \n    \/\/ 添加事件监听\n    trigger.addEventListener('click', handleMobileClick);\n    document.addEventListener('click', handleDocumentClick);\n    \n    \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n    trigger.addEventListener('click', function(e) {\n      if (isMobileDevice()) {\n        e.stopPropagation();\n      }\n    });\n  });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armor 33 Pro","offer_id":52071263633726,"sku":"AR33P","price":579.99,"currency_code":"USD","in_stock":true},{"title":"Armor 33 Pro+Armor Molle Holster","offer_id":52071263666494,"sku":"AR33P-1","price":609.99,"currency_code":"USD","in_stock":true},{"title":"Armor 33 Pro+Armor Mount Next-Gen","offer_id":52071263699262,"sku":"AR33P-2","price":619.99,"currency_code":"USD","in_stock":true},{"title":"Armor 33 Pro+uSmart C01","offer_id":52071263732030,"sku":"AR33P-3","price":639.99,"currency_code":"USD","in_stock":true},{"title":"Armor 33 Pro+uSmart E01","offer_id":52071263764798,"sku":"AR33P-4","price":629.99,"currency_code":"USD","in_stock":true},{"title":"Armor 33 Pro+uSmart E02","offer_id":52071263797566,"sku":"AR33P-5","price":639.99,"currency_code":"USD","in_stock":true},{"title":"Armor 33 Pro+uSmart E03","offer_id":52071263830334,"sku":"AR33P-6","price":739.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/e5d87976b510c43acd0912d8323082f6_2d34ba17-cc69-4ec1-aecd-ffee737fce54.jpg?v=1762842076"},{"product_id":"armor-33","title":"Armor 33","description":"\u003cp class=\"ms-min-p\"\u003e25500-mAh-Mega-Akku | Vielseitige LED-Leuchte \u0026amp; Warnleuchte | Infinite Halo 2.0 | 118-dB-Lautsprecher | Android 15\u003c\/p\u003e\n\n\u003ch4\u003e \u003cspan style=\"background-color: rgb(255, 209, 0); font-size: 1rem; display: inline-block; padding: 2px;\"\u003eHinweis: Dieses Produkt wiegt über 765 g. Bitte stellen Sie sicher, dass es Ihren Anwendungsanforderungen entspricht.\u003c\/span\u003e \u003c\/h4\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\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\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e\u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_33.png\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\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":"Rüstung 33","offer_id":52071500153150,"sku":"AR33","price":429.99,"currency_code":"USD","in_stock":true},{"title":"Armor 33+Armor Molle Holster","offer_id":52071500185918,"sku":"AR33-1","price":459.99,"currency_code":"USD","in_stock":true},{"title":"Rüstung 33+Rüstungshalterung der nächsten Generation","offer_id":52071500218686,"sku":"AR33-2","price":469.99,"currency_code":"USD","in_stock":true},{"title":"Armor 33+uSmart C01","offer_id":52071500251454,"sku":"AR33-3","price":489.99,"currency_code":"USD","in_stock":true},{"title":"Armor 33+uSmart E01","offer_id":52071500284222,"sku":"AR33-4","price":479.99,"currency_code":"USD","in_stock":true},{"title":"Armor 33+uSmart E02","offer_id":52071500316990,"sku":"AR33-5","price":489.99,"currency_code":"USD","in_stock":true},{"title":"Armor 33+uSmart E03","offer_id":52071500349758,"sku":"AR33-6","price":589.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/33.jpg?v=1762842064"},{"product_id":"armor-29-ultra","title":"Armor 29 Ultra","description":"\u003cp class=\"ms-min-p\"\u003e \u003cspan\u003e5G AI SoC Dimensity 9300+ | Sony IMX989 Hauptkamera | 6,67\" AMOLED-Hauptdisplay (120 Hz) | 1,04\" Rückdisplay | 120-W-Schnellladefunktion | Wi-Fi 7 | 8K-Videoaufnahme | Vielseitiges LED-Licht | Warnleuchte | Ultra-Nachtsicht | 21200-mAh-Mega-Akku\u003c\/span\u003e | Android 15\u003c\/p\u003e\n\n\u003ch4\u003e \u003cspan style=\"background-color: rgb(255, 209, 0); font-size: 1rem; display: inline-block; padding: 2px;\"\u003eHinweis: Dieses Produkt wiegt über 688 g. Bitte stellen Sie sicher, dass es Ihren Anwendungsanforderungen entspricht.\u003c\/span\u003e \u003c\/h4\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\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\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e\u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_29U.png\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    const trigger = document.getElementById('hover-trigger-3');\n    const hoverImage = document.getElementById('hover-image-3');\n    \n    if (!trigger || !hoverImage) return;\n    \n    \/\/ 检测是否为移动端（屏幕宽度≤768px）\n    function isMobileDevice() {\n      return window.innerWidth \u003c= 768;\n    }\n    \n    \/\/ 移动端点击事件处理\n    function handleMobileClick() {\n      if (!isMobileDevice()) return;\n      \n      hoverImage.classList.toggle('active');\n    }\n    \n    \/\/ 点击页面其他地方关闭图片\n    function handleDocumentClick(e) {\n      if (!isMobileDevice()) return;\n      \n      if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n        hoverImage.classList.remove('active');\n      }\n    }\n    \n    \/\/ 添加事件监听\n    trigger.addEventListener('click', handleMobileClick);\n    document.addEventListener('click', handleDocumentClick);\n    \n    \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n    trigger.addEventListener('click', function(e) {\n      if (isMobileDevice()) {\n        e.stopPropagation();\n      }\n    });\n  });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armor 29 Ultra","offer_id":52073311043902,"sku":"AR29U","price":1049.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Ultra+Armor Mount Next-Gen","offer_id":52073311109438,"sku":"AR29U-2","price":1089.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Ultra+uSmart C01","offer_id":52073311142206,"sku":"AR29U-3","price":1109.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Ultra+uSmart E01","offer_id":52073311174974,"sku":"AR29U-4","price":1099.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Ultra+uSmart E02","offer_id":52073311207742,"sku":"AR29U-5","price":1109.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Ultra+uSmart E03","offer_id":52073311240510,"sku":"AR29U-6","price":1199.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Armor_29_Ultra.png?v=1784968502"},{"product_id":"armor-34","title":"Armor 34","description":"\u003cp class=\"ms-min-p\"\u003e 25500-mAh-Mega-Akku | 64-MP-Infrarot-Nachtsicht | Vielseitige LED-Leuchte \u0026amp; Warnleuchte | 6,95\"-FHD+-Display mit 120 Hz | 5G-fähiger KI-SoC Dimensity 7300\/7400X | 16 GB RAM + 512 GB ROM | Android 15 \u003c\/p\u003e\n\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n                font-size: 1.3rem;\n            }\n        }\n  .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\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\" alt=\"\" class=\"icon-image\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-66W.jpg\" alt=\"\" class=\"icon-image\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv class=\"hover-trigger\" id=\"hover-trigger-3\"\u003e\n\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\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_34.png\" alt=\"\" loading=\"lazy\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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":"Rüstung 34 \/ Standard","offer_id":52073736077630,"sku":"AR34","price":579.99,"currency_code":"USD","in_stock":true},{"title":"Rüstung 34 \/ +Rüstungshalterung der nächsten Generation","offer_id":52073774154046,"sku":"AR34-2","price":619.99,"currency_code":"USD","in_stock":true},{"title":"Rüstung 34 \/ +uSmart C01","offer_id":52073736110398,"sku":"AR34-3","price":639.99,"currency_code":"USD","in_stock":true},{"title":"Rüstung 34 \/ +uSmart E01","offer_id":52073736143166,"sku":"AR34-4","price":629.99,"currency_code":"USD","in_stock":true},{"title":"Rüstung 34 \/ +uSmart E02","offer_id":52073736175934,"sku":"AR34-5","price":639.99,"currency_code":"USD","in_stock":true},{"title":"Rüstung 34 \/ +uSmart E03","offer_id":52073736208702,"sku":"AR34-6","price":739.99,"currency_code":"USD","in_stock":true},{"title":"Rüstung 34+  \/ Standard","offer_id":52721760108862,"sku":"AR34+","price":629.99,"currency_code":"USD","in_stock":true},{"title":"Rüstung 34+  \/ +Rüstungshalterung der nächsten Generation","offer_id":52721760174398,"sku":"AR34+2","price":669.99,"currency_code":"USD","in_stock":true},{"title":"Rüstung 34+  \/ +uSmart C01","offer_id":52721760207166,"sku":"AR34+3","price":689.99,"currency_code":"USD","in_stock":true},{"title":"Rüstung 34+  \/ +uSmart E01","offer_id":52721760239934,"sku":"AR34+4","price":679.99,"currency_code":"USD","in_stock":true},{"title":"Rüstung 34+  \/ +uSmart E02","offer_id":52721760272702,"sku":"AR34+5","price":689.99,"currency_code":"USD","in_stock":true},{"title":"Rüstung 34+  \/ +uSmart E03","offer_id":52721760305470,"sku":"AR34+6","price":789.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/34.jpg?v=1762841968"},{"product_id":"armor-29-pro","title":"Armor 29 Pro","description":"\u003cp class=\"ms-min-p\"\u003e \u003cspan\u003e5G-SoC Dimensity 7400 | 64-MP-Ultra-Nachtsichtkamera | 6,67\"-AMOLED-Hauptdisplay (120 Hz) | 1,04\"-Rückdisplay | 120-W-Schnellladefunktion | Vielseitige LED-Leuchte | Warnleuchte | 21200-mAh-Mega-Akku\u003c\/span\u003e | Android 15\u003c\/p\u003e\n\n \u003ch4\u003e\n\u003cspan style=\"background-color: rgb(255, 209, 0); font-size: 1rem; display: inline-block; padding: 2px;\"\u003eHinweis: Dieses Produkt wiegt über 688 g. Bitte stellen Sie sicher, dass es Ihren Anwendungsanforderungen entspricht.\u003c\/span\u003e \u003c\/h4\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\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\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\"\u003e\u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_29P.png\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    const trigger = document.getElementById('hover-trigger-3');\n    const hoverImage = document.getElementById('hover-image-3');\n    \n    if (!trigger || !hoverImage) return;\n    \n    \/\/ 检测是否为移动端（屏幕宽度≤768px）\n    function isMobileDevice() {\n      return window.innerWidth \u003c= 768;\n    }\n    \n    \/\/ 移动端点击事件处理\n    function handleMobileClick() {\n      if (!isMobileDevice()) return;\n      \n      hoverImage.classList.toggle('active');\n    }\n    \n    \/\/ 点击页面其他地方关闭图片\n    function handleDocumentClick(e) {\n      if (!isMobileDevice()) return;\n      \n      if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n        hoverImage.classList.remove('active');\n      }\n    }\n    \n    \/\/ 添加事件监听\n    trigger.addEventListener('click', handleMobileClick);\n    document.addEventListener('click', handleDocumentClick);\n    \n    \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n    trigger.addEventListener('click', function(e) {\n      if (isMobileDevice()) {\n        e.stopPropagation();\n      }\n    });\n  });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armor 29 Pro","offer_id":52135219560766,"sku":"AR29P","price":599.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Pro+Armor Mount Next-Gen","offer_id":52135219626302,"sku":"AR29P-1","price":639.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Pro+uSmart C01","offer_id":52135219659070,"sku":"AR29P-2","price":659.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Pro+uSmart E01","offer_id":52135219691838,"sku":"AR29P-3","price":649.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Pro+uSmart E02","offer_id":52135219724606,"sku":"AR29P-4","price":659.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Pro+uSmart E03","offer_id":52135219757374,"sku":"AR29P-5","price":759.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Armor_29_Pro.png?v=1784968502"},{"product_id":"armor-29-pro-thermal","title":"Armor 29 Pro Thermal","description":"\u003cp class=\"ms-min-p\"\u003e Wärmebildkamera der nächsten Generation mit KI (Auflösung 640 x 512, NETD \u0026lt; 40 mk, Bildrate 25 Hz, Genauigkeit ± 2 °C, Temperaturbereich -20 °C bis 550 °C, Sichtfeld 56° x 42°)\u003c\/p\u003e\n\n\u003cp class=\"ms-min-p\"\u003e 5G-SoC Dimensity 7400 | 64-MP-Ultra-Nachtsichtkamera | 6,67\"-AMOLED-Hauptdisplay (120 Hz) | 1,04\"-Rückdisplay | 120-W-Schnellladefunktion | Vielseitige LED-Leuchte | Warnleuchte | 21200-mAh-Mega-Akku | Android 15\u003c\/p\u003e\n\n\u003ch4\u003e \u003cspan style=\"background-color: rgb(255, 209, 0); font-size: 1rem; display: inline-block; padding: 2px;\"\u003eHinweis: Dieses Produkt wiegt über 688 g. Bitte stellen Sie sicher, dass es Ihren Anwendungsanforderungen entspricht.\u003c\/span\u003e \u003c\/h4\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\n\u003cdiv class=\"desktop-view\" style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\" alt=\"Schildsymbol\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\" alt=\"Symbol für sichere Zahlung\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n \u003cimg style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\" alt=\"Symbol für Rücksendebox\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv class=\"mobile-view\" style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg style=\"height: 28px; width: 28px; margin-bottom: 2px;\" alt=\"Schildsymbol\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg style=\"height: 28px; width: 28px; margin-bottom: 2px;\" alt=\"Symbol für sichere Zahlung\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg style=\"height: 28px; width: 28px; margin-bottom: 2px;\" alt=\"Symbol für Rücksendebox\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\" alt=\"\" class=\"icon-image\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-120W.jpg\" alt=\"\" class=\"icon-image\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv class=\"hover-trigger\" id=\"hover-trigger-3\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/A-level-left-arrow.png\" alt=\"\" class=\"icon-image\"\u003e\u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv class=\"hover-image\" id=\"hover-image-3\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_29P.png\" alt=\"\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    const trigger = document.getElementById('hover-trigger-3');\n    const hoverImage = document.getElementById('hover-image-3');\n    \n    if (!trigger || !hoverImage) return;\n    \n    \/\/ 检测是否为移动端（屏幕宽度≤768px）\n    function isMobileDevice() {\n      return window.innerWidth \u003c= 768;\n    }\n    \n    \/\/ 移动端点击事件处理\n    function handleMobileClick() {\n      if (!isMobileDevice()) return;\n      \n      hoverImage.classList.toggle('active');\n    }\n    \n    \/\/ 点击页面其他地方关闭图片\n    function handleDocumentClick(e) {\n      if (!isMobileDevice()) return;\n      \n      if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n        hoverImage.classList.remove('active');\n      }\n    }\n    \n    \/\/ 添加事件监听\n    trigger.addEventListener('click', handleMobileClick);\n    document.addEventListener('click', handleDocumentClick);\n    \n    \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n    trigger.addEventListener('click', function(e) {\n      if (isMobileDevice()) {\n        e.stopPropagation();\n      }\n    });\n  });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Armor 29 Pro Thermal","offer_id":52136617509182,"sku":"AR29T","price":799.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Pro Thermal+Armor Mount Next-Gen","offer_id":52136617574718,"sku":"AR29T-1","price":839.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Pro Thermal+uSmart C01","offer_id":52136617607486,"sku":"AR29T-2","price":859.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Pro Thermal+uSmart E01","offer_id":52136617640254,"sku":"AR29T-3","price":849.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Pro Thermal+uSmart E02","offer_id":52136617673022,"sku":"AR29T-4","price":859.99,"currency_code":"USD","in_stock":true},{"title":"Armor 29 Pro Thermal+uSmart E03","offer_id":52136617705790,"sku":"AR29T-5","price":959.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Armor_29_Pro_Thermal.png?v=1784968502"},{"product_id":"armor-34-pro-rugged-phone","title":"Armor 34 Pro","description":"\u003cp class=\"ms-min-p\"\u003e 25500-mAh-Mega-Akku | 150-Lumen-Projektor | Vielseitige LED-Leuchte \u0026amp; Warnleuchte | 6,95\" FHD+ 120 Hz | 5G KI-SoC Dimensity 7400X | 16 GB RAM + 512 GB ROM | Android 15 \u003c\/p\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\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\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" 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;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" 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;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" 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;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\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\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\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\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\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":"16GB + 512GB","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"}],"url":"https:\/\/store.ulefone.com\/de\/collections\/armor-series-1.oembed?page=2","provider":"Ulefone Official Store","version":"1.0","type":"link"}