{"title":"Rugged Phones \u0026 Tablets for MDM Solutions","description":"\u003cp\u003eBuilt for demanding environments, Ulefone rugged phones and tablets are fully compatible with mainstream MDM solutions. Enable remote deployment, centralized management, and enhanced security to improve enterprise mobility and operational efficiency.\u003c\/p\u003e","products":[{"product_id":"armor-x13","title":"Armor X13","description":"\u003cp class=\"ms-min-p\"\u003e 6320-mAh-Akku | 6,52-Zoll-Display | IP68\/IP69K | Android 13 \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\/5-10W.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_X13_1.png\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    const trigger = document.getElementById('hover-trigger-3');\n    const hoverImage = document.getElementById('hover-image-3');\n    \n    if (!trigger || !hoverImage) return;\n    \n    \/\/ 检测是否为移动端（屏幕宽度≤768px）\n    function isMobileDevice() {\n      return window.innerWidth \u003c= 768;\n    }\n    \n    \/\/ 移动端点击事件处理\n    function handleMobileClick() {\n      if (!isMobileDevice()) return;\n      \n      hoverImage.classList.toggle('active');\n    }\n    \n    \/\/ 点击页面其他地方关闭图片\n    function handleDocumentClick(e) {\n      if (!isMobileDevice()) return;\n      \n      if (trigger \u0026\u0026 !trigger.contains(e.target)) {\n        hoverImage.classList.remove('active');\n      }\n    }\n    \n    \/\/ 添加事件监听\n    trigger.addEventListener('click', handleMobileClick);\n    document.addEventListener('click', handleDocumentClick);\n    \n    \/\/ 阻止trigger内部的点击事件冒泡，避免触发document点击事件\n    trigger.addEventListener('click', function(e) {\n      if (isMobileDevice()) {\n        e.stopPropagation();\n      }\n    });\n  });\n\u003c\/script\u003e","brand":"Ulefone Official Store","offers":[{"title":"Schwarz \/ Rüstung X13","offer_id":46952866840894,"sku":"ARMORX13-BK","price":184.99,"currency_code":"USD","in_stock":true},{"title":"Schwarz \/ Armor X13+Gehäuse","offer_id":50114592768318,"sku":"ARMORX13-BK-1","price":209.99,"currency_code":"USD","in_stock":true},{"title":"Schwarz \/ Armor X13+Armor Mount Pro","offer_id":50114592801086,"sku":"ARMORX13-BK-2","price":244.99,"currency_code":"USD","in_stock":true},{"title":"Schwarz \/ Armor X13+Gehäuse+Armor Mount Pro","offer_id":50114592866622,"sku":"ARMORX13-BK-3","price":269.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Rüstung X13","offer_id":46952866873662,"sku":"ARMORX13-OG","price":184.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor X13+Gehäuse","offer_id":50114592899390,"sku":"ARMORX13-OG-1","price":209.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor X13+Armor Mount Pro","offer_id":50114592964926,"sku":"ARMORX13-OG-2","price":244.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor X13+Gehäuse+Armor Mount Pro","offer_id":50114593030462,"sku":"ARMORX13-OG-3","price":269.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Ulefone_Rugged_Phone_Armor_X_13.jpg?v=1729493371"},{"product_id":"armor-x12-pro","title":"Armor X12 Pro","description":"\u003cp class=\"ms-min-p\"\u003e 4860-mAh-Akku | 5,45-Zoll-Display | IP68\/IP69K | Android 13 \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\/5-10W.jpg\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/B-level-left-arrow.png\"\u003e\u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_X12P.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":"Grün \/ Armor X12 Pro","offer_id":46860132876606,"sku":"AX12PRO-GN","price":164.99,"currency_code":"USD","in_stock":true},{"title":"Grün \/ Armor X12 Pro+Armor Case","offer_id":50114617770302,"sku":"AX12PRO-GN01","price":189.99,"currency_code":"USD","in_stock":true},{"title":"Schwarz \/ Armor X12 Pro","offer_id":46860132811070,"sku":"AX12PRO-BK","price":164.99,"currency_code":"USD","in_stock":true},{"title":"Schwarz \/ Armor X12 Pro+Armor Case","offer_id":50114617704766,"sku":"AX12PRO-BK01","price":189.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor X12 Pro","offer_id":46860132843838,"sku":"AX12PRO-OG","price":164.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor X12 Pro+Armor Case","offer_id":50114617737534,"sku":"AX12PRO-OG01","price":189.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Tough_Phone_armor_x12pro_Ulefone.jpg?v=1729505637"},{"product_id":"ulefone-armor-x12","title":"Armor X12","description":"\u003cp class=\"ms-min-p\"\u003e 4860-mAh-Akku | 5,45-Zoll-Display | IP68\/IP69K | Android 13 \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\/5-10W.jpg\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/B-level-left-arrow.png\"\u003e\u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_X12_1.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":"Grün \/ Rüstung X12","offer_id":48313617645886,"sku":"ARMORX12-GN","price":139.99,"currency_code":"USD","in_stock":true},{"title":"Grün \/ Armor X12+Armor Case","offer_id":50114637824318,"sku":"ARMORX12-GN01","price":159.99,"currency_code":"USD","in_stock":true},{"title":"Schwarz \/ Rüstung X12","offer_id":48313617580350,"sku":"ARMORX12-BK","price":139.99,"currency_code":"USD","in_stock":true},{"title":"Schwarz \/ Armor X12+Armor Case","offer_id":50114637758782,"sku":"ARMORX12-BK01","price":159.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Rüstung X12","offer_id":48313617613118,"sku":"ARMORX12-OG","price":139.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor X12+Armor Case","offer_id":50114637791550,"sku":"ARMORX12-OG01","price":159.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/armor-x12-GN-1.jpg?v=1704266873"},{"product_id":"armor-x31-pro","title":"Armor X31 Pro","description":"\u003cp class=\"ms-min-p\"\u003e 6,56\" großes Display mit 120 Hz | MediaTek Dimensity 6300 5G | 25-MP-Infrarot-Nachtsichtkamera | 64-MP-Hauptkamera | 6050-mAh-Akku | Separater Blitz mit Blendschutz | Bis zu 16 GB + 256 GB Speicher | Android 14 \u003c\/p\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* 移动端响应式 *\/\n  @media (max-width: 768px) {\n    .desktop-view {\n      display: none !important;\n    }\n    .mobile-view {\n      display: block !important;\n    }\n  }\n  \n  @media (min-width: 769px) {\n    .desktop-view {\n      display: flex !important;\n    }\n    .mobile-view {\n      display: none !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n                font-size: 1.3rem;\n            }\n        }\n  .icon-row {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: nowrap;\n    width: fit-content;\n  }\n  \n  .icon-item {\n    flex: 0 0 auto;\n    text-align: center;\n   margin-block-start:0 !important;\n  }\n  \n  .icon-link {\n    display: block;\n    text-decoration: none;\n    margin-block:0 !important;\n  }\n  \n  .icon-image {\n    width: 60px;\n    height: 60px;\n    object-fit: contain;\n    display: block;\n    border-radius: 4px;\n    margin-block:0 !important; \n  }\n  \n  \/* 第三个图标的悬停效果 *\/\n  .icon-item.special {\n    position: relative;\n  }\n  \n  .hover-trigger {\n    position: relative;\n    display: block;\n    cursor: pointer;\n  }\n  \n  .hover-image {\n    display: none;\n    position: absolute;\n    top: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 100;\n    width: 250px;\n    border-radius: 6px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n    border: 1px solid #ddd;\n    background: white;\n    padding: 4px;\n  }\n  \n  .hover-image img {\n    width: 250px;\n    height: auto;\n    border-radius: 4px;\n    display: block;\n    margin-block:0 !important;\n  }\n  \n  \/* 添加向下箭头提示 *\/\n  .hover-trigger::after {\n    content: '';\n    position: absolute;\n    bottom: -4px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-top: 5px solid #333;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n  \n  \/* PC端悬停显示 *\/\n  @media (hover: hover) and (pointer: fine) {\n    .hover-trigger:hover .hover-image {\n      display: block;\n    }\n    \n    .hover-trigger:hover::after {\n      opacity: 1;\n    }\n  }\n  \n  \/* 移动端适配 *\/\n  @media (max-width: 768px) {\n    .icon-row {\n      gap: 10px;\n    }\n    \n    .icon-image {\n      width: 50px;\n      height: 50px;\n    }\n    \n    .hover-image {\n      width: 250px;\n    }\n    \n    .hover-image.active {\n      display: block;\n    }\n  }\n  \n  \/* 防止在小屏幕上被挤压 *\/\n  @media (max-width: 480px) {\n    .icon-row {\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-18W.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_X31P.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":"Grün \/ Armor X31 Pro","offer_id":51111832846654,"sku":"X31PGR","price":299.99,"currency_code":"USD","in_stock":true},{"title":"Grün \/ Armor X31 Pro+ Sportarmband","offer_id":50975754355006,"sku":"X31PGR1","price":324.99,"currency_code":"USD","in_stock":true},{"title":"Grün \/ Armor X31 Pro+ Armor Mount Pro","offer_id":51096922718526,"sku":"X31PGR2","price":359.99,"currency_code":"USD","in_stock":true},{"title":"Grün \/ Armor X31 Pro + Gehäuse + Halterung","offer_id":51096922784062,"sku":"X31PGR5","price":359.99,"currency_code":"USD","in_stock":true},{"title":"Grün \/ Armor X31 Pro + Gehäuse + Halterung + Halterung Pro","offer_id":51096922816830,"sku":"X31PGR6","price":409.99,"currency_code":"USD","in_stock":true},{"title":"Schwarz \/ Armor X31 Pro","offer_id":51111832781118,"sku":"X31PBK","price":299.99,"currency_code":"USD","in_stock":true},{"title":"Schwarz \/ Armor X31 Pro+ Sportarmband","offer_id":50975754289470,"sku":"X31PBK1","price":324.99,"currency_code":"USD","in_stock":true},{"title":"Schwarz \/ Armor X31 Pro+ Armor Mount Pro","offer_id":51096922390846,"sku":"X31PBK2","price":359.99,"currency_code":"USD","in_stock":true},{"title":"Schwarz \/ Armor X31 Pro + Gehäuse + Halterung","offer_id":51096922456382,"sku":"X31PBK5","price":359.99,"currency_code":"USD","in_stock":true},{"title":"Schwarz \/ Armor X31 Pro + Gehäuse + Halterung + Halterung Pro","offer_id":51096922489150,"sku":"X31PBK6","price":409.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor X31 Pro","offer_id":51111832813886,"sku":"X31POR","price":299.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor X31 Pro+ Sportarmband","offer_id":50975754322238,"sku":"X31POR1","price":324.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor X31 Pro+ Armor Mount Pro","offer_id":51096922554686,"sku":"X31POR2","price":359.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor X31 Pro + Gehäuse + Halterung","offer_id":51096922620222,"sku":"X31POR5","price":359.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor X31 Pro + Gehäuse + Halterung + Halterung Pro","offer_id":51096922652990,"sku":"X31POR6","price":409.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/X31Pro-G.jpg?v=1765184489"},{"product_id":"armor-x31","title":"Armor X31","description":"\u003cp class=\"ms-min-p\"\u003eInfrarot-Nachtsichtkamera | 6,56\" 90-Hz-Display | 6050-mAh-Akku | Separater Blitz mit Blendschutz | Bis zu 12 GB + 128 GB Speicher | 48-MP-Hauptkamera | Widevine L1-zertifiziert | Android 14 \u003c\/p\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* 移动端响应式 *\/\n  @media (max-width: 768px) {\n    .desktop-view {\n      display: none !important;\n    }\n    .mobile-view {\n      display: block !important;\n    }\n  }\n  \n  @media (min-width: 769px) {\n    .desktop-view {\n      display: flex !important;\n    }\n    .mobile-view {\n      display: none !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n                font-size: 1.3rem;\n            }\n        }\n  .icon-row {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: nowrap;\n    width: fit-content;\n  }\n  \n  .icon-item {\n    flex: 0 0 auto;\n    text-align: center;\n   margin-block-start:0 !important;\n  }\n  \n  .icon-link {\n    display: block;\n    text-decoration: none;\n    margin-block:0 !important;\n  }\n  \n  .icon-image {\n    width: 60px;\n    height: 60px;\n    object-fit: contain;\n    display: block;\n    border-radius: 4px;\n    margin-block:0 !important; \n  }\n  \n  \/* 第三个图标的悬停效果 *\/\n  .icon-item.special {\n    position: relative;\n  }\n  \n  .hover-trigger {\n    position: relative;\n    display: block;\n    cursor: pointer;\n  }\n  \n  .hover-image {\n    display: none;\n    position: absolute;\n    top: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 100;\n    width: 250px;\n    border-radius: 6px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n    border: 1px solid #ddd;\n    background: white;\n    padding: 4px;\n  }\n  \n  .hover-image img {\n    width: 250px;\n    height: auto;\n    border-radius: 4px;\n    display: block;\n    margin-block:0 !important;\n  }\n  \n  \/* 添加向下箭头提示 *\/\n  .hover-trigger::after {\n    content: '';\n    position: absolute;\n    bottom: -4px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-top: 5px solid #333;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n  \n  \/* PC端悬停显示 *\/\n  @media (hover: hover) and (pointer: fine) {\n    .hover-trigger:hover .hover-image {\n      display: block;\n    }\n    \n    .hover-trigger:hover::after {\n      opacity: 1;\n    }\n  }\n  \n  \/* 移动端适配 *\/\n  @media (max-width: 768px) {\n    .icon-row {\n      gap: 10px;\n    }\n    \n    .icon-image {\n      width: 50px;\n      height: 50px;\n    }\n    \n    .hover-image {\n      width: 250px;\n    }\n    \n    .hover-image.active {\n      display: block;\n    }\n  }\n  \n  \/* 防止在小屏幕上被挤压 *\/\n  @media (max-width: 480px) {\n    .icon-row {\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-18W.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_X31_1.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":"Grün \/ Rüstung X31","offer_id":51404836733246,"sku":"ARX31GR","price":219.99,"currency_code":"USD","in_stock":true},{"title":"Grün \/ Rüstung X31+Rüstungshalterung","offer_id":51404949586238,"sku":"ARX31GR2","price":259.99,"currency_code":"USD","in_stock":true},{"title":"Grün \/ Armor X31+Armor Mount Pro","offer_id":51404949619006,"sku":"ARX31GE3","price":279.99,"currency_code":"USD","in_stock":true},{"title":"Grün \/ Armor X31+Molle Holster","offer_id":51404949651774,"sku":"ARX31GR4","price":249.99,"currency_code":"USD","in_stock":true},{"title":"Grün \/ Armor X31+Sportarmband","offer_id":51404949684542,"sku":"ARX31GR5","price":244.99,"currency_code":"USD","in_stock":true},{"title":"Schwarz \/ Rüstung X31","offer_id":51404836766014,"sku":"ARX31BK","price":219.99,"currency_code":"USD","in_stock":true},{"title":"Schwarz \/ Rüstung X31+Rüstungshalterung","offer_id":51404949750078,"sku":"ARX31BK2","price":259.99,"currency_code":"USD","in_stock":true},{"title":"Schwarz \/ Armor X31+Armor Mount Pro","offer_id":51404949782846,"sku":"ARX31BK3","price":279.99,"currency_code":"USD","in_stock":true},{"title":"Schwarz \/ Armor X31+Molle Holster","offer_id":51404949815614,"sku":"ARX31BK4","price":249.99,"currency_code":"USD","in_stock":true},{"title":"Schwarz \/ Armor X31+Sportarmband","offer_id":51404949848382,"sku":"ARX31BK5","price":244.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Rüstung X31","offer_id":51404836798782,"sku":"ARX31OR","price":219.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Rüstung X31+Rüstungshalterung","offer_id":51404949913918,"sku":"ARX31OR2","price":259.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor X31+Armor Mount Pro","offer_id":51404949946686,"sku":"ARX31OR3","price":279.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor X31+Molle Holster","offer_id":51404949979454,"sku":"ARX31OR4","price":249.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor X31+Sportarmband","offer_id":51404950012222,"sku":"ARX31OR5","price":244.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/X31-G.jpg?v=1765184694"},{"product_id":"armor-x32","title":"Armor X32","description":"\u003cdiv class=\"ms-min-p\"\u003e48-MP-Hauptkamera | 20-MP-Nachtsichtkamera | Zwei Infrarot-LEDs | 8-Kern-Prozessor Helio G91 | 5,65-Zoll-Display | Bis zu 12 GB RAM – 128 GB ROM | Android 14 | 5500-mAh-Akku \u003c\/div\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für 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-18W.jpg\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/B-level-left-arrow.png\"\u003e\u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_X32_1.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":"Black \/ Rüstung X32","offer_id":51619832824126,"sku":"ARX32BK","price":219.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ Armor X32+Armor Case","offer_id":51619832856894,"sku":"ARX32BK1","price":244.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ Armor X32+Sportarmband","offer_id":51619832889662,"sku":"ARX32BK2","price":244.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ Armor X32+Armor Molle Holster","offer_id":51619832955198,"sku":"ARX32BK4","price":249.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ Armor X32+Armor Mount Pro","offer_id":51619832987966,"sku":"ARX32BK5","price":279.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Rüstung X32","offer_id":51619833020734,"sku":"ARX32OR","price":219.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor X32+Armor Case","offer_id":51619833053502,"sku":"ARX32OR1","price":244.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor X32+Sportarmband","offer_id":51619833086270,"sku":"ARX32OR2","price":244.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor X32+Armor Molle Holster","offer_id":51619833151806,"sku":"ARX32OR4","price":249.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor X32+Armor Mount Pro","offer_id":51619833184574,"sku":"ARX32OR5","price":279.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ Rüstung X32","offer_id":51619833217342,"sku":"ARX32GR","price":219.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ Armor X32+Armor Case","offer_id":51619833250110,"sku":"ARX32GR1","price":244.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ Armor X32+Sportarmband","offer_id":51619833282878,"sku":"ARX32GR2","price":244.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ Armor X32+Armor Molle Holster","offer_id":51619833348414,"sku":"ARX32GR4","price":249.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ Armor X32+Armor Mount Pro","offer_id":51619833381182,"sku":"ARX32GR5","price":279.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/UlefoneArmorX32_-ClassicBlack-24_250120.jpg?v=1744968856"},{"product_id":"armor-x32-pro","title":"Armor X32 Pro","description":"\u003cp class=\"ms-min-p\"\u003e5G-fähiger SoC Dimensity 6300 | 64-MP-Hauptkamera | 16-MP-Frontkamera | 25-MP-Nachtsichtkamera | Zwei Infrarot-LEDs | Bis zu 16 GB + 256 GB Speicher | 5,65\"-Display (90 Hz) | 5500-mAh-Akku | Android 14 \u003c\/p\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* 移动端响应式 *\/\n  @media (max-width: 768px) {\n    .desktop-view {\n      display: none !important;\n    }\n    .mobile-view {\n      display: block !important;\n    }\n  }\n  \n  @media (min-width: 769px) {\n    .desktop-view {\n      display: flex !important;\n    }\n    .mobile-view {\n      display: none !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n                font-size: 1.3rem;\n            }\n        }\n  .icon-row {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: nowrap;\n    width: fit-content;\n  }\n  \n  .icon-item {\n    flex: 0 0 auto;\n    text-align: center;\n   margin-block-start:0 !important;\n  }\n  \n  .icon-link {\n    display: block;\n    text-decoration: none;\n    margin-block:0 !important;\n  }\n  \n  .icon-image {\n    width: 60px;\n    height: 60px;\n    object-fit: contain;\n    display: block;\n    border-radius: 4px;\n    margin-block:0 !important; \n  }\n  \n  \/* 第三个图标的悬停效果 *\/\n  .icon-item.special {\n    position: relative;\n  }\n  \n  .hover-trigger {\n    position: relative;\n    display: block;\n    cursor: pointer;\n  }\n  \n  .hover-image {\n    display: none;\n    position: absolute;\n    top: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 100;\n    width: 250px;\n    border-radius: 6px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n    border: 1px solid #ddd;\n    background: white;\n    padding: 4px;\n  }\n  \n  .hover-image img {\n    width: 250px;\n    height: auto;\n    border-radius: 4px;\n    display: block;\n    margin-block:0 !important;\n  }\n  \n  \/* 添加向下箭头提示 *\/\n  .hover-trigger::after {\n    content: '';\n    position: absolute;\n    bottom: -4px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-top: 5px solid #333;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n  \n  \/* PC端悬停显示 *\/\n  @media (hover: hover) and (pointer: fine) {\n    .hover-trigger:hover .hover-image {\n      display: block;\n    }\n    \n    .hover-trigger:hover::after {\n      opacity: 1;\n    }\n  }\n  \n  \/* 移动端适配 *\/\n  @media (max-width: 768px) {\n    .icon-row {\n      gap: 10px;\n    }\n    \n    .icon-image {\n      width: 50px;\n      height: 50px;\n    }\n    \n    .hover-image {\n      width: 250px;\n    }\n    \n    .hover-image.active {\n      display: block;\n    }\n  }\n  \n  \/* 防止在小屏幕上被挤压 *\/\n  @media (max-width: 480px) {\n    .icon-row {\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-18W.jpg\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 第三个图标（带悬停\/点击效果） --\u003e\n\u003cdiv class=\"icon-item special\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\n\n\u003cdiv id=\"hover-trigger-3\" class=\"hover-trigger\"\u003e\n\n\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/B-level-left-arrow.png\"\u003e\u003c!-- 悬停显示的图片 --\u003e\n\u003cdiv id=\"hover-image-3\" class=\"hover-image\"\u003e\u003cimg loading=\"lazy\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Label_X32P.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":"Black \/ Armor X32 Pro","offer_id":51764970881342,"sku":"ARX32PBK","price":289.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ Armor X32 Pro+ Panzergehäuse","offer_id":51620065247550,"sku":"ARX32PBK1","price":314.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ Armor X32 Pro+ Sportarmband","offer_id":51620065280318,"sku":"ARX32PBK2","price":314.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ Armor X32 Pro+ Armor Molle Holster","offer_id":51620065345854,"sku":"ARX32PBK3","price":319.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ Armor X32 Pro+ Armor Mount Pro","offer_id":51620065378622,"sku":"ARX32PBK4","price":349.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor X32 Pro","offer_id":51764970914110,"sku":"ARX32POR","price":289.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor X32 Pro+ Panzergehäuse","offer_id":51620065411390,"sku":"ARX32POR1","price":314.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor X32 Pro+ Sportarmband","offer_id":51620065444158,"sku":"ARX32POR2","price":314.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor X32 Pro+ Armor Molle Holster","offer_id":51620065509694,"sku":"ARX32POR3","price":319.99,"currency_code":"USD","in_stock":true},{"title":"Orange \/ Armor X32 Pro+ Armor Mount Pro","offer_id":51620065542462,"sku":"ARX32POR4","price":349.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ Armor X32 Pro","offer_id":51764970946878,"sku":"ARX32PGR","price":289.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ Armor X32 Pro+ Panzergehäuse","offer_id":51620065575230,"sku":"ARX32PGR1","price":314.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ Armor X32 Pro+ Sportarmband","offer_id":51620065607998,"sku":"ARX32PGR2","price":314.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ Armor X32 Pro+ Armor Molle Holster","offer_id":51620065673534,"sku":"ARX32PGR3","price":319.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ Armor X32 Pro+ Armor Mount Pro","offer_id":51620065706302,"sku":"ARX32PGR4","price":349.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Ulefone_Armor_X32_Pro_Classic_Black-1000px-24.jpg?v=1744971492"},{"product_id":"armor-x16-pro","title":"Armor X16 Pro","description":"\u003cdiv class=\"ms-min-p\"\u003e 5G | Integrierter Blitz gegen Blendung | 64-MP-Hauptkamera | 25-MP-Nachtsichtkamera | 6,56-Zoll-Display (120 Hz) | Android 15 | Leistungsstarker 10360-mAh-Akku | 256 GB interner Speicher \u003c\/div\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für die Rückgabebox\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* 移动端响应式 *\/\n  @media (max-width: 768px) {\n    .desktop-view {\n      display: none !important;\n    }\n    .mobile-view {\n      display: block !important;\n    }\n  }\n  \n  @media (min-width: 769px) {\n    .desktop-view {\n      display: flex !important;\n    }\n    .mobile-view {\n      display: none !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media screen and (min-width: 769px) {\n\t\t.ms-min-p {\n                font-size: 1.3rem;\n            }\n        }\n  .icon-row {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: nowrap;\n    width: fit-content;\n  }\n  \n  .icon-item {\n    flex: 0 0 auto;\n    text-align: center;\n   margin-block-start:0 !important;\n  }\n  \n  .icon-link {\n    display: block;\n    text-decoration: none;\n    margin-block:0 !important;\n  }\n  \n  .icon-image {\n    width: 60px;\n    height: 60px;\n    object-fit: contain;\n    display: block;\n    border-radius: 4px;\n    margin-block:0 !important; \n  }\n  \n  \/* 第三个图标的悬停效果 *\/\n  .icon-item.special {\n    position: relative;\n  }\n  \n  .hover-trigger {\n    position: relative;\n    display: block;\n    cursor: pointer;\n  }\n  \n  .hover-image {\n    display: none;\n    position: absolute;\n    top: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 100;\n    width: 250px;\n    border-radius: 6px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n    border: 1px solid #ddd;\n    background: white;\n    padding: 4px;\n  }\n  \n  .hover-image img {\n    width: 250px;\n    height: auto;\n    border-radius: 4px;\n    display: block;\n    margin-block:0 !important;\n  }\n  \n  \/* 添加向下箭头提示 *\/\n  .hover-trigger::after {\n    content: '';\n    position: absolute;\n    bottom: -4px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-top: 5px solid #333;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n  \n  \/* PC端悬停显示 *\/\n  @media (hover: hover) and (pointer: fine) {\n    .hover-trigger:hover .hover-image {\n      display: block;\n    }\n    \n    .hover-trigger:hover::after {\n      opacity: 1;\n    }\n  }\n  \n  \/* 移动端适配 *\/\n  @media (max-width: 768px) {\n    .icon-row {\n      gap: 10px;\n    }\n    \n    .icon-image {\n      width: 50px;\n      height: 50px;\n    }\n    \n    .hover-image {\n      width: 250px;\n    }\n    \n    .hover-image.active {\n      display: block;\n    }\n  }\n  \n  \/* 防止在小屏幕上被挤压 *\/\n  @media (max-width: 480px) {\n    .icon-row {\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"icon-row\"\u003e\n\n\u003c!-- 第一个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/no.jpg\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 第二个图标（无链接） --\u003e\n\u003cdiv class=\"icon-item\"\u003e\n\n\u003cdiv class=\"icon-link\"\u003e\u003cimg class=\"icon-image\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/10-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_X16P.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":"Sand Dune \/ Armor X16 Pro","offer_id":51977088893246,"sku":"ARX16PBR","price":319.99,"currency_code":"USD","in_stock":true},{"title":"Sand Dune \/ Armor X16 Pro + Armor Case","offer_id":51948983845182,"sku":"ARX16PBR1","price":349.99,"currency_code":"USD","in_stock":true},{"title":"Sand Dune \/ Armor X16 Pro + Armor Molle Holster","offer_id":51977080963390,"sku":"ARX16PBR2","price":349.99,"currency_code":"USD","in_stock":true},{"title":"Sand Dune \/ Armor X16 Pro + Armor Mount Pro","offer_id":51977080996158,"sku":"ARX16PBR3","price":379.99,"currency_code":"USD","in_stock":true},{"title":"Sand Dune \/ Armor X16 Pro + Armor Mount Next-Gen","offer_id":51977081028926,"sku":"ARX16PBR4","price":359.99,"currency_code":"USD","in_stock":true},{"title":"Wasteland Shadow \/ Armor X16 Pro","offer_id":51977088926014,"sku":"ARX16PBK","price":319.99,"currency_code":"USD","in_stock":true},{"title":"Wasteland Shadow \/ Armor X16 Pro + Armor Case","offer_id":51948983877950,"sku":"ARX16PBK1","price":349.99,"currency_code":"USD","in_stock":true},{"title":"Wasteland Shadow \/ Armor X16 Pro + Armor Molle Holster","offer_id":51977081061694,"sku":"ARX16PBK2","price":349.99,"currency_code":"USD","in_stock":true},{"title":"Wasteland Shadow \/ Armor X16 Pro + Armor Mount Pro","offer_id":51977081094462,"sku":"ARX16PBK3","price":379.99,"currency_code":"USD","in_stock":true},{"title":"Wasteland Shadow \/ Armor X16 Pro + Armor Mount Next-Gen","offer_id":51977081127230,"sku":"ARX16PBK4","price":359.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/Ulefone_Armor_X16_Pro_Sand_Dune-1000px-26.jpg?v=1751969939"},{"product_id":"armor-x16","title":"Armor X16","description":"\u003cdiv class=\"ms-min-p\"\u003eIntegrierter Blitz mit Blendschutz | 48-MP-Hauptkamera | 20-MP-Nachtsichtkamera | 6,56-Zoll-90-Hz-Display | Android 15 | Leistungsstarker 10360-mAh-Akku | 128 GB interner Speicher \u003c\/div\u003e\n\n\u003cdiv style=\"background-color: #f5f5f5; padding: 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; justify-content: center; max-width: 800px; margin: 0 auto; font-family: sans-serif; height: 30px;\" class=\"desktop-view\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 16px; background-color: #ddd; margin: 0 5px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"display: flex; align-items: center; flex: 1; justify-content: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: center; height: 100%;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für Rücksendebox\" style=\"height: 28px; width: 28px; vertical-align: middle; display: inline-block; margin-right: 6px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 14px; line-height: 30px; vertical-align: middle;\"\u003e30-Tage-Rückgaberecht\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 移动端版本 - 横向排列，文字换行 --\u003e\n\u003cdiv style=\"display: none; font-family: sans-serif; padding: 5px 0; background-color: #f5f5f5; margin-block-start: 0 ! important;\" class=\"mobile-view\"\u003e\n\n\u003cdiv style=\"display: flex; align-items: flex-start; justify-content: space-around; max-width: 100%; margin: 0 auto;\"\u003e\n\n\u003c!-- 第一组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/shield.png?v=1766473012\" alt=\"Schildsymbol\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eEchtheitsgarantie\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第二组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/secure-payment.png?v=1766473012\" alt=\"Symbol für sichere Zahlung\" style=\"height: 28px; width: 28px; margin-bottom: 2px;\"\u003e \u003cspan style=\"font-weight: bold; font-size: 10px; line-height: 1.2; display: block; text-align: center;\"\u003eSichere Zahlung\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- 竖线分隔 --\u003e\n\u003cdiv style=\"width: 1px; height: 40px; background-color: #ddd; margin-top: 4px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- 第三组 --\u003e\n\u003cdiv style=\"flex: 1; text-align: center; padding: 0 5px; margin-block-start: 0 ! important;\"\u003e\n\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; margin-block-start: 0 ! important;\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/return-box.png?v=1766473012\" alt=\"Symbol für 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_X16.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":"Wasteland Shadow \/ Rüstung X16","offer_id":51948985090366,"sku":"ARX16BK","price":249.99,"currency_code":"USD","in_stock":true},{"title":"Wasteland Shadow \/ Armor X16 + Armor Case","offer_id":51977090695486,"sku":"ARX16BK1","price":279.99,"currency_code":"USD","in_stock":true},{"title":"Wasteland Shadow \/ Armor X16 + Armor Molle Holster","offer_id":51977090728254,"sku":"ARX16BK2","price":279.99,"currency_code":"USD","in_stock":true},{"title":"Wasteland Shadow \/ Armor X16 + Armor Mount Pro","offer_id":51977090761022,"sku":"ARX16BK3","price":309.99,"currency_code":"USD","in_stock":true},{"title":"Wasteland Shadow \/ Armor X16 + Armor Mount Next-Gen","offer_id":51977090793790,"sku":"ARX16BK4","price":289.99,"currency_code":"USD","in_stock":true},{"title":"Sand Dune \/ Rüstung X16","offer_id":51948985057598,"sku":"ARX16BR","price":249.99,"currency_code":"USD","in_stock":true},{"title":"Sand Dune \/ Armor X16 + Armor Case","offer_id":51977090826558,"sku":"ARX16BR1","price":279.99,"currency_code":"USD","in_stock":true},{"title":"Sand Dune \/ Armor X16 + Armor Molle Holster","offer_id":51977090859326,"sku":"ARX16BR2","price":279.99,"currency_code":"USD","in_stock":true},{"title":"Sand Dune \/ Armor X16 + Armor Mount Pro","offer_id":51977090892094,"sku":"ARX16BR3","price":309.99,"currency_code":"USD","in_stock":true},{"title":"Sand Dune \/ Armor X16 + Armor Mount Next-Gen","offer_id":51977090924862,"sku":"ARX16BR4","price":289.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/2019\/8462\/files\/UlefoneArmorX16WastelandShadow-1000px-26.jpg?v=1751971540"}],"url":"https:\/\/store.ulefone.com\/de\/collections\/mdm-rugged-phones-tablets.oembed","provider":"Ulefone Official Store","version":"1.0","type":"link"}