{"product_id":"ominic-twin-tube-shock-for-d-max-2012-2020","title":"2'' Ominic Twin Tube Shock for D-Max 2012-2020","description":"\u003cstyle\u003e\n    \/* 作用域限制，防止污染Shopify其他部位 *\/\n    .arb-custom-section {\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        color: #333;\n        text-align: left; \/* 强制左对齐，修复截图中的全居中问题 *\/\n        max-width: 1000px;\n        margin: 0 auto;\n        line-height: 1.6;\n        padding: 20px 0;\n    }\n\n    \/* 隐藏实现切换逻辑的单选框 *\/\n    .arb-custom-section input[type=\"radio\"] {\n        display: none;\n    }\n\n    \/* 标签导航栏样式 *\/\n    .arb-tabs-nav {\n        display: flex;\n        flex-wrap: nowrap;\n        overflow-x: auto;\n        border-bottom: 2px solid #e5e7eb;\n        margin-bottom: 24px;\n        \/* 隐藏滚动条但保持可滑动 *\/\n        scrollbar-width: none; \n        -ms-overflow-style: none;\n    }\n    .arb-tabs-nav::-webkit-scrollbar {\n        display: none;\n    }\n\n    \/* 标签按钮基础样式 *\/\n    .arb-tabs-nav label {\n        padding: 12px 16px;\n        cursor: pointer;\n        font-size: 16px;\n        font-weight: 600;\n        color: #6b7280;\n        border-bottom: 2px solid transparent;\n        margin-bottom: -2px; \/* 覆盖底线 *\/\n        white-space: nowrap;\n        transition: all 0.2s ease;\n    }\n\n    .arb-tabs-nav label:hover {\n        color: #111827;\n    }\n\n    \/* 内容区域隐藏 *\/\n    .arb-tab-content {\n        display: none;\n        animation: fadeIn 0.4s ease;\n    }\n\n    \/* === 核心切换逻辑 (纯CSS) === *\/\n    #arb-tab1:checked ~ .arb-tabs-nav label[for=\"arb-tab1\"],\n    #arb-tab2:checked ~ .arb-tabs-nav label[for=\"arb-tab2\"],\n    #arb-tab3:checked ~ .arb-tabs-nav label[for=\"arb-tab3\"],\n    #arb-tab4:checked ~ .arb-tabs-nav label[for=\"arb-tab4\"] {\n        color: #dc2626; \/* 品牌红 *\/\n        border-bottom-color: #dc2626;\n    }\n\n    #arb-tab1:checked ~ .arb-panels #arb-panel1,\n    #arb-tab2:checked ~ .arb-panels #arb-panel2,\n    #arb-tab3:checked ~ .arb-panels #arb-panel3,\n    #arb-tab4:checked ~ .arb-panels #arb-panel4 {\n        display: block;\n    }\n\n    @keyframes fadeIn {\n        from { opacity: 0; transform: translateY(5px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* 内容细节样式 *\/\n    .arb-custom-section h2 {\n        font-size: 22px;\n        font-weight: bold;\n        color: #111827;\n        margin-top: 0;\n        margin-bottom: 16px;\n    }\n    .arb-custom-section p {\n        margin-bottom: 16px;\n    }\n    .arb-custom-section ul {\n        list-style: none;\n        padding-left: 0;\n    }\n    .arb-custom-section li {\n        margin-bottom: 12px;\n        display: flex;\n        align-items: flex-start;\n    }\n    .arb-custom-section li svg {\n        flex-shrink: 0;\n        width: 20px;\n        height: 20px;\n        color: #dc2626;\n        margin-right: 12px;\n        margin-top: 4px;\n    }\n    \n    \/* 表格样式 *\/\n    .arb-table-wrap {\n        border: 1px solid #e5e7eb;\n        border-radius: 8px;\n        overflow: hidden;\n    }\n    .arb-custom-section table {\n        width: 100%;\n        border-collapse: collapse;\n        text-align: left;\n        border: none !important;\n    }\n    .arb-custom-section tr, \n    .arb-custom-section th, \n    .arb-custom-section td {\n        border: none !important; \/* 强制清除 Shopify 主题自带的黑色边框 *\/\n    }\n    .arb-custom-section th, .arb-custom-section td {\n        padding: 12px 16px;\n        border-bottom: 1px solid #e5e7eb !important; \/* 重新且仅添加浅灰色分割线 *\/\n        font-size: 14px;\n    }\n    .arb-custom-section tr:last-child td {\n        border-bottom: none !important; \/* 去除最后一行的底线 *\/\n    }\n    .arb-custom-section tr:nth-child(even) {\n        background-color: #f9fafb;\n    }\n    .arb-custom-section td:first-child {\n        font-weight: 600;\n        color: #111827;\n        width: 40%; \/* 参数名稍微放宽以适应较长文本 *\/\n    }\n\n    \/* 卡片样式 *\/\n    .arb-card {\n        background-color: #f9fafb;\n        border: 1px solid #e5e7eb;\n        border-radius: 8px;\n        padding: 16px;\n        margin-bottom: 16px;\n    }\n    .arb-card h3 {\n        margin: 0 0 8px 0;\n        font-size: 16px;\n        color: #111827;\n    }\n\n    \/* === 资源下载区增强交互样式 === *\/\n    .arb-resources-grid {\n        display: grid !important;\n        grid-template-columns: repeat(2, 1fr) !important;\n        gap: 20px !important;\n        margin-top: 24px !important;\n    }\n    .arb-resource-card {\n        display: flex !important;\n        flex-direction: row !important;\n        align-items: center !important;\n        justify-content: space-between !important;\n        padding: 20px 24px !important;\n        background: #fff !important; \n        background-color: #fff !important;\n        background-image: none !important;\n        border: 1px solid #e5e7eb !important;\n        border-bottom: 1px solid #e5e7eb !important; \n        border-radius: 12px !important;\n        text-decoration: none !important; \n        text-decoration-line: none !important;\n        -webkit-text-decoration-line: none !important;\n        color: inherit !important;\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n        cursor: pointer !important;\n        position: relative !important;\n        overflow: hidden !important;\n        box-sizing: border-box !important;\n        box-shadow: none !important; \n        outline: none !important;\n    }\n    .arb-resource-card::after,\n    .arb-resource-card::before {\n        display: none !important;\n        content: none !important;\n    }\n    .arb-resource-card:hover {\n        border-color: #dc2626 !important;\n        text-decoration: none !important;\n        text-decoration-line: none !important;\n        background-image: none !important;\n        box-shadow: 0 10px 25px -5px rgba(220, 38, 38, 0.1), 0 8px 10px -6px rgba(220, 38, 38, 0.1) !important; \n        transform: translateY(-3px) !important;\n    }\n    .arb-resource-text {\n        flex-grow: 1 !important;\n        padding-right: 16px !important;\n    }\n    .arb-resource-title {\n        margin: 0 0 6px 0 !important;\n        font-size: 16px !important;\n        font-weight: 700 !important;\n        color: #111827 !important;\n        transition: color 0.3s ease !important;\n        line-height: 1.2 !important;\n    }\n    .arb-resource-card:hover .arb-resource-title {\n        color: #dc2626 !important;\n    }\n    .arb-resource-text p {\n        margin: 0 !important;\n        font-size: 13px !important;\n        color: #6b7280 !important;\n        line-height: 1.5 !important;\n    }\n    .arb-resource-action {\n        flex-shrink: 0 !important;\n        display: flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        width: 36px !important;\n        height: 36px !important;\n        border-radius: 50% !important;\n        background-color: #f3f4f6 !important;\n        color: #6b7280 !important;\n        transition: all 0.3s ease !important;\n    }\n    .arb-resource-card:hover .arb-resource-action {\n        background-color: #dc2626 !important;\n        color: #fff !important;\n    }\n\n    \/* === 手机端依然需要保留媒体查询以实现自动堆叠 === *\/\n    @media (max-width: 768px) {\n        .arb-resources-grid {\n            grid-template-columns: 1fr !important;\n        }\n        .arb-highlight-row, .arb-highlight-row.reverse {\n            flex-direction: column !important;\n            flex-wrap: wrap !important;\n            text-align: left !important;\n            gap: 20px !important;\n        }\n        .arb-highlight-img {\n            flex: 0 0 auto !important;\n            width: 100% !important;\n            height: 200px !important;\n        }\n        .arb-fixed-features {\n            grid-template-columns: 1fr !important;\n            gap: 24px !important;\n        }\n    }\n\n    \/* === 底部固定显示的四大核心优势排版 === *\/\n    .arb-fixed-features {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 32px;\n        margin-top: 48px;\n        padding-top: 36px;\n        border-top: 1px solid #e5e7eb;\n    }\n\n    .arb-feature-item {\n        display: flex;\n        align-items: center;\n        background-color: transparent; \n    }\n\n    .arb-feature-icon {\n        flex-shrink: 0;\n        width: 52px;\n        height: 52px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: #4b5563; \n    }\n\n    .arb-feature-icon svg {\n        width: 100%;\n        height: 100%;\n    }\n\n    .arb-feature-text {\n        border-left: 2px solid #d1d5db; \n        margin-left: 20px;\n        padding-left: 20px;\n        font-size: 14px;\n        color: #4b5563; \n        line-height: 1.6;\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"arb-custom-section\"\u003e\n\u003c!-- 核心机制：四个隐藏的Radio按钮 --\u003e \u003cinput checked name=\"arb-tabs\" id=\"arb-tab1\" type=\"radio\"\u003e \u003cinput name=\"arb-tabs\" id=\"arb-tab2\" type=\"radio\"\u003e \u003cinput name=\"arb-tabs\" id=\"arb-tab3\" type=\"radio\"\u003e \u003cinput name=\"arb-tabs\" id=\"arb-tab4\" type=\"radio\"\u003e \u003c!-- 标签导航 --\u003e\n\u003cdiv class=\"arb-tabs-nav\"\u003e\n\u003clabel for=\"arb-tab1\"\u003eOverview\u003c\/label\u003e \u003clabel for=\"arb-tab2\"\u003eSpecs\u003c\/label\u003e \u003clabel for=\"arb-tab3\"\u003eFitment\u003c\/label\u003e \u003clabel for=\"arb-tab4\"\u003eResources\u003c\/label\u003e\n\u003c\/div\u003e\n\u003c!-- 对应的4个内容面板 --\u003e\n\u003cdiv class=\"arb-panels\"\u003e\n\u003c!-- 1. Overview (针对双筒减震器重新撰写) --\u003e\n\u003cdiv id=\"arb-panel1\" class=\"arb-tab-content\"\u003e\n\u003ch2\u003eTRE Ominic Twin Tube Shock Absorber\u003c\/h2\u003e\n\u003cp\u003eDesigned expressly to enhance your vehicle's off-road capabilities and on-road comfort. The TRE Ominic Twin Tube Shock is engineered as a 2-inch lift kit component, providing the perfect balance of rugged durability and smooth driving performance for your Isuzu D-Max.\u003c\/p\u003e\n\u003cp\u003eUtilizing a premium outer cylinder and precision-engineered internal components, this twin-tube design ensures massive oil capacity and superior heat dissipation. Whether you are navigating harsh off-road trails or cruising on the highway, it guarantees long-lasting stability without damping fade.\u003c\/p\u003e\n\u003ch3 style=\"margin-top: 32px; margin-bottom: 16px; font-size: 20px; font-weight: bold; color: #111827;\"\u003eFeatures\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003csvg stroke=\"currentColor\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpath d=\"M5 13l4 4L19 7\" stroke-width=\"2\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003e\u003cstrong\u003eHeavy-Duty Piston Rod:\u003c\/strong\u003e Φ 18mm rod made of 45 Steel, treated with quenching, grinding, polishing, and electroplating for maximum strength.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003csvg stroke=\"currentColor\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpath d=\"M5 13l4 4L19 7\" stroke-width=\"2\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003e\u003cstrong\u003ePremium Shock Oil:\u003c\/strong\u003e Equipped with German Fuchs High Viscosity Index Oil 5045, ensuring minimal damping force attenuation in extreme high\/low temperatures.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003csvg stroke=\"currentColor\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpath d=\"M5 13l4 4L19 7\" stroke-width=\"2\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003e\u003cstrong\u003eExceptional Oil Seal:\u003c\/strong\u003e Passed a rigorous 4-million time durability test before mass production to completely eliminate the risk of oil leakage.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003csvg stroke=\"currentColor\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpath d=\"M5 13l4 4L19 7\" stroke-width=\"2\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003e\u003cstrong\u003eAdjustable Spring Base:\u003c\/strong\u003e Offers highly flexible ride height tuning, allowing you to lower by 30mm or raise by 90mm.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003csvg stroke=\"currentColor\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpath d=\"M5 13l4 4L19 7\" stroke-width=\"2\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003e\u003cstrong\u003eHigh-Quality Components:\u003c\/strong\u003e Features NBR rubber sleeves imported from Malaysia and iron-based powder metallurgy pistons with plastic coating.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- 2. Specs (精确匹配图片中的 18 项参数) --\u003e\n\u003cdiv id=\"arb-panel2\" class=\"arb-tab-content\"\u003e\n\u003ch2\u003eTechnical Specifications\u003c\/h2\u003e\n\u003cdiv class=\"arb-table-wrap\"\u003e\n\u003ctable\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eTube Diameter\u003c\/td\u003e\n\u003ctd\u003eΦ 60mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePiston Rod Diameter\u003c\/td\u003e\n\u003ctd\u003eΦ 18mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMain Material of Shock Absorber Body\u003c\/td\u003e\n\u003ctd\u003eOuter Cylinder HG - DY - 20\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePiston Material\u003c\/td\u003e\n\u003ctd\u003eIron - based Powder Metallurgy with Plastic Coating\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePiston Rod\u003c\/td\u003e\n\u003ctd\u003e45 Steel, Quenching, Grinding, Polishing, Electroplating, and Repolishing\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRubber Sleeve\u003c\/td\u003e\n\u003ctd\u003eNBR, Imported Rubber from Malaysia\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSpring\u003c\/td\u003e\n\u003ctd\u003e55CrSiA\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eHow to Maintain\u003c\/td\u003e\n\u003ctd\u003eRegularly check for oil leakage and deformation of the shock absorber, repair or replace in time, and avoid overloading and bumping.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMaintenance and Precautions\u003c\/td\u003e\n\u003ctd\u003eIt is strictly forbidden for impurities such as mud and sand to enter the oil seal lip, and it is strictly forbidden to bump the piston rod.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eWear - prone Components\u003c\/td\u003e\n\u003ctd\u003eRubber Sleeve, Guide Assembly, Oil Seal, Piston Rod\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGas - Oil Ratio\u003c\/td\u003e\n\u003ctd\u003eMixed Gas - Oil, the ratio will vary according to different strokes\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eOil Seal\u003c\/td\u003e\n\u003ctd\u003eBefore mass production of oil seals, they must pass a 4 million - time durability test\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eShock Absorber Oil\u003c\/td\u003e\n\u003ctd\u003eGerman Fuchs High Viscosity Index Oil 5045, with small damping force attenuation changes at high and low temperatures.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eAdjustable Range of Spring Base\u003c\/td\u003e\n\u003ctd\u003eLower by 30mm, Raise by 90mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eQuality Assurance\u003c\/td\u003e\n\u003ctd\u003e2 years or 30,000 km (whichever comes first)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eWorking Cylinder Wall Thickness\u003c\/td\u003e\n\u003ctd\u003e1.5mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eOil Temperature Resistance\u003c\/td\u003e\n\u003ctd\u003e-40 - 100°C\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSeal Temperature Resistance\u003c\/td\u003e\n\u003ctd\u003e-40 - 120°C\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Fitment (针对 D-Max 设计) --\u003e\n\u003cdiv id=\"arb-panel3\" class=\"arb-tab-content\"\u003e\n\u003ch2\u003eFitment Information\u003c\/h2\u003e\n\u003cp style=\"font-size: 14px; color: #6b7280; margin-bottom: 20px; line-height: 1.5;\"\u003e\u003cstrong\u003eNote:\u003c\/strong\u003e Please contact us directly before purchasing so we can make sure we have the correct shock absorber for your specific application.\u003c\/p\u003e\n\u003cdiv class=\"arb-card\"\u003e\n\u003ch3\u003eIsuzu D-Max (2\" Lift Kit)\u003c\/h3\u003e\n\u003cp style=\"margin: 0; font-size: 15px;\"\u003e\u003cstrong\u003eYears:\u003c\/strong\u003e 2012-2020\u003c\/p\u003e\n\u003cp style=\"margin-top: 4px; font-size: 13px; color: #6b7280;\"\u003eCompatible with models requiring a 2-inch suspension lift upgrade.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Resources (保留通用下载项) --\u003e\n\u003cdiv id=\"arb-panel4\" class=\"arb-tab-content\"\u003e\n\u003ch2\u003eUser Manuals \u0026amp; Technical Documents\u003c\/h2\u003e\n\u003cp\u003eClick on the documents below to view or download the PDF files.\u003c\/p\u003e\n\u003cdiv class=\"arb-resources-grid\"\u003e\n\u003c!-- 资源卡片 1 --\u003e\u003ca class=\"arb-resource-card\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0643\/8004\/3471\/files\/140X210.pdf?v=1776246113\" target=\"_blank\"\u003e\n\u003cdiv class=\"arb-resource-text\"\u003e\n\u003cdiv class=\"arb-resource-title\"\u003eInstallation Guide\u003c\/div\u003e\n\u003cp\u003ePDF Document • 2.9 MB\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arb-resource-action\"\u003e\u003csvg style=\"width: 16px; height: 16px;\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n                            \u003cpath d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\u003e\u003c\/path\u003e\n                            \u003cpolyline points=\"7 10 12 15 17 10\"\u003e\u003c\/polyline\u003e\n                            \u003cline y2=\"3\" x2=\"12\" y1=\"15\" x1=\"12\"\u003e\u003c\/line\u003e\n                        \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/a\u003e\u003c!-- 资源卡片 2 --\u003e\u003ca class=\"arb-resource-card\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0643\/8004\/3471\/files\/Ominic_Suspension_User_Manual_Compressed.pdf?v=1776246186\" target=\"_blank\"\u003e\n\u003cdiv class=\"arb-resource-text\"\u003e\n\u003cdiv class=\"arb-resource-title\"\u003eUser Manual\u003c\/div\u003e\n\u003cp\u003ePDF Document • 1.65 MB\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arb-resource-action\"\u003e\u003csvg style=\"width: 16px; height: 16px;\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n                            \u003cpath d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\u003e\u003c\/path\u003e\n                            \u003cpolyline points=\"7 10 12 15 17 10\"\u003e\u003c\/polyline\u003e\n                            \u003cline y2=\"3\" x2=\"12\" y1=\"15\" x1=\"12\"\u003e\u003c\/line\u003e\n                        \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003c!-- 引入更现代、高级的无衬线字体 --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* 强制页面背景为纯白 *\/\n        body {\n            background-color: #ffffff;\n            margin: 0;\n            padding: 20px;\n            font-family: Arial, Helvetica, sans-serif;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        \/* 交互主容器：去除所有阴影，纯平设计 *\/\n        .interactive-container {\n            position: relative;\n            width: 100%;\n            max-width: 1100px;\n            margin: 60px auto;\n            background-color: #ffffff;\n            cursor: pointer;\n        }\n\n        \/* 图片包裹层：将原图缩小居中，为左右两侧留出白底空间放置纯黑文字 *\/\n        .image-wrapper {\n            position: relative;\n            width: 45%; \/* 占用中心 45% 的宽度 *\/\n            margin: 0 auto;\n        }\n\n        .base-image {\n            width: 100%;\n            height: auto;\n            display: block;\n        }\n\n        \/* 标注信息覆盖层：仅保留极其简单的淡入效果 *\/\n        .annotations-layer {\n            opacity: 0;\n            transition: opacity 0.3s ease-in-out;\n        }\n\n        .interactive-container:hover .annotations-layer {\n            opacity: 1;\n        }\n\n        \/* SVG 连线画布：允许虚线溢出图片绘制到两侧白底上 *\/\n        .svg-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            overflow: visible; \/* 关键：允许线条画到外面 *\/\n            pointer-events: none;\n            z-index: 10;\n        }\n\n        \/* 复刻图3：细致的红色虚线 *\/\n        .pointer-line {\n            stroke: #cc0000;\n            stroke-width: 1.2;\n            stroke-dasharray: 4, 3; \/* 疏密适中的虚线 *\/\n        }\n\n        \/* 复刻图3：红色实心圆点 *\/\n        .pointer-dot {\n            fill: #cc0000;\n        }\n\n        \/* 复刻图3：纯黑、加粗、无背景的纯粹文字 *\/\n        .annotation-text {\n            position: absolute;\n            color: #000000;\n            font-size: 11px;\n            font-weight: 800; \/* 极致加粗 *\/\n            letter-spacing: 0.5px;\n            line-height: 1.4;\n            white-space: nowrap;\n            z-index: 20;\n        }\n\n        \/* 左侧文字排版 *\/\n        .box-L1 { top: 13%; right: 110%; transform: translateY(-50%); text-align: right; }\n        .box-L2 { top: 65%; right: 110%; transform: translateY(-50%); text-align: right; }\n\n        \/* 右侧文字排版 *\/\n        .box-R1 { top: 23%; left: 110%; transform: translateY(-50%); text-align: left; }\n        .box-R2 { top: 32%; left: 110%; transform: translateY(-50%); text-align: left; }\n        .box-R3 { top: 75%; left: 110%; transform: translateY(-50%); text-align: left; }\n\n    \u003c\/style\u003e\n\u003cdiv class=\"interactive-container\"\u003e\n\u003cdiv class=\"image-wrapper\"\u003e\n\u003c!-- 基础图片 --\u003e \u003cimg class=\"base-image\" alt=\"避震器说明图\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0643\/8004\/3471\/files\/c3f7a87073b4d4dea19de386241912e5.png?v=1776330662\"\u003e \u003c!-- 悬停时显示的图层 --\u003e\n\u003cdiv class=\"annotations-layer\"\u003e\n\u003c!-- SVG 画布：绘制水平虚线 --\u003e \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"svg-overlay\"\u003e\n                \n                \u003ccircle class=\"pointer-dot\" r=\"3.5\" cy=\"13%\" cx=\"11%\"\u003e\u003c\/circle\u003e\n                \u003cline class=\"pointer-line\" y2=\"13%\" x2=\"-8%\" y1=\"13%\" x1=\"11%\"\u003e\u003c\/line\u003e\n\n                \n                \u003ccircle class=\"pointer-dot\" r=\"3.5\" cy=\"65%\" cx=\"20%\"\u003e\u003c\/circle\u003e\n                \u003cline class=\"pointer-line\" y2=\"65%\" x2=\"-8%\" y1=\"65%\" x1=\"20%\"\u003e\u003c\/line\u003e\n\n                \n                \u003ccircle class=\"pointer-dot\" r=\"3.5\" cy=\"23%\" cx=\"35%\"\u003e\u003c\/circle\u003e\n                \u003cline class=\"pointer-line\" y2=\"23%\" x2=\"108%\" y1=\"23%\" x1=\"35%\"\u003e\u003c\/line\u003e\n\n                \n                \u003ccircle class=\"pointer-dot\" r=\"3.5\" cy=\"32%\" cx=\"60%\"\u003e\u003c\/circle\u003e\n                \u003cline class=\"pointer-line\" y2=\"32%\" x2=\"108%\" y1=\"32%\" x1=\"60%\"\u003e\u003c\/line\u003e\n\n                \n                \u003ccircle class=\"pointer-dot\" r=\"3.5\" cy=\"75%\" cx=\"70%\"\u003e\u003c\/circle\u003e\n                \u003cline class=\"pointer-line\" y2=\"75%\" x2=\"108%\" y1=\"75%\" x1=\"70%\"\u003e\u003c\/line\u003e\n            \u003c\/svg\u003e \u003c!-- 左侧纯文本说明 --\u003e\n\u003cdiv class=\"annotation-text box-L1\"\u003eALL-STEEL ALLOY\u003cbr\u003eSTRUCTURE\u003c\/div\u003e\n\u003cdiv class=\"annotation-text box-L2\"\u003e1.5MM WALL\u003cbr\u003eTHICKNESS\u003c\/div\u003e\n\u003c!-- 右侧纯文本说明 --\u003e\n\u003cdiv class=\"annotation-text box-R1\"\u003eINDEPENDENT SPRING\u003cbr\u003eTENSION\u003c\/div\u003e\n\u003cdiv class=\"annotation-text box-R2\"\u003e40MM PISTON \u0026amp;\u003cbr\u003e60MM BODY\u003c\/div\u003e\n\u003cdiv class=\"annotation-text box-R3\"\u003eTWIN TUBE\u003cbr\u003eCONSTRUCTION\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ============================================================== --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ============================================================== --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- === 底部固定显示的四大核心优势排版 (专为减震器修改) === --\u003e\n\u003cdiv class=\"arb-fixed-features\"\u003e\n\u003c!-- 模块 1：2年质保 (盾牌图标中间的数字已改为2) --\u003e\n\u003cdiv class=\"arb-feature-item\"\u003e\n\u003cdiv class=\"arb-feature-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n                    \u003ctext fill=\"currentColor\" stroke-width=\"0\" font-weight=\"bold\" font-size=\"11\" text-anchor=\"middle\" y=\"15.5\" x=\"12\"\u003e2\u003c\/text\u003e\n                \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"arb-feature-text\"\u003eTRE4x4 provides a quality assurance of 2 years or 30,000 km (whichever comes first) for peace of mind.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 模块 2：大口径筒身 --\u003e\n\u003cdiv class=\"arb-feature-item\"\u003e\n\u003cdiv class=\"arb-feature-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n                    \u003ccircle r=\"10\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\n                    \u003ccircle stroke-width=\"2\" r=\"4\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\n                    \u003cline stroke-dasharray=\"2 2\" y2=\"12\" x2=\"22\" y1=\"12\" x1=\"2\"\u003e\u003c\/line\u003e\n                    \u003cline stroke-dasharray=\"2 2\" y2=\"22\" x2=\"12\" y1=\"2\" x1=\"12\"\u003e\u003c\/line\u003e\n                \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"arb-feature-text\"\u003eOversized Φ 60mm tube and Φ 18mm piston rod deliver maximum strength, greater oil volume, and better cooling.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 模块 3：极致温度耐受 --\u003e\n\u003cdiv class=\"arb-feature-item\"\u003e\n\u003cdiv class=\"arb-feature-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"M14 14.76V3.5a2.5 2.5 0 0 0-5 0v11.26a4.5 4.5 0 1 0 5 0z\"\u003e\u003c\/path\u003e\n                    \u003cline y2=\"13\" x2=\"12\" y1=\"9\" x1=\"12\"\u003e\u003c\/line\u003e\n                \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"arb-feature-text\"\u003eHigh Viscosity Index Oil and premium seals ensure flawless performance in extreme environments from -40°C up to 120°C.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 模块 4：弹簧高度可调 --\u003e\n\u003cdiv class=\"arb-feature-item\"\u003e\n\u003cdiv class=\"arb-feature-icon\"\u003e\n\u003c!-- 纯代码绘制的弹簧图标 --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"M5 3 L19 6 L5 12 L19 18 L5 21\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arb-feature-text\"\u003eHighly customizable adjustable spring base allows you to perfectly lower by 30mm or raise your ride height by 90mm.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"TRE4x4 Thailand","offers":[{"title":"Front Twin Tube Shocks (Pair)","offer_id":44674386198735,"sku":"TR-SUSPEN-100","price":260.0,"currency_code":"USD","in_stock":true},{"title":"Rear Twin Tube Shocks (Pair)","offer_id":44674386231503,"sku":"TR-SUSPEN-101","price":260.0,"currency_code":"USD","in_stock":true},{"title":"Front Coil Springs (Pair)","offer_id":44674386264271,"sku":"TR-SUSPEN-103","price":160.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0643\/8004\/3471\/files\/ISUZUDMAX2015-2020.jpg?v=1761878564","url":"https:\/\/tre4x4productions.co.th\/th\/products\/ominic-twin-tube-shock-for-d-max-2012-2020","provider":"TRE4x4 Thailand","version":"1.0","type":"link"}