{"title":"For Hiking \u0026 Mountaineering","description":"\u003cp\u003eNavigate remote trails, capture unforgettable moments, and stay connected with a rugged phone built for challenging environments.\u003c\/p\u003e","products":[{"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-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-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"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/collections\/1-hiking.jpg?v=1784682970","url":"https:\/\/store.ulefone.com\/de\/collections\/hiking-mountaineering.oembed?page=2","provider":"Ulefone Official Store","version":"1.0","type":"link"}