{"product_id":"4-wheel-drive-robot-chassis-1","title":"4 Wheel Drive Robot Chassis","description":"\u003c!-- 详情页组件专属样式隔离区 --\u003e\n\u003cstyle\u003e\n    \/* 使用唯一的局部命名空间，防止污染或受主站样式干扰 *\/\n    .xp-details-wrapper {\n        font-family: 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;\n        background-color: #f0f2f5;\n        padding: 40px 20px;\n        display: flex;\n        justify-content: center;\n        box-sizing: border-box;\n    }\n\n    .xp-details-wrapper *, .xp-details-wrapper *::before, .xp-details-wrapper *::after {\n        box-sizing: border-box;\n    }\n\n    .xp-container {\n        max-width: 1050px;\n        width: 100%;\n        display: flex;\n        align-items: flex-start;\n        gap: 40px;\n    }\n\n    \/* --- 左侧垂直区域 (包含标题和图片) --- *\/\n    .xp-sidebar-container {\n        flex: 0 0 180px;\n        position: sticky;\n        top: 20px; \/* 随动吸顶距离 *\/\n        display: flex;\n        flex-direction: column;\n    }\n\n    \/* 配件区标题样式 *\/\n    .xp-sidebar-title {\n        font-size: 16px;\n        font-weight: bold;\n        color: #2c3e50;\n        margin: 0 0 15px 0;\n        padding-bottom: 8px;\n        border-bottom: 2px solid #2c3e50;\n        letter-spacing: 1px;\n        display: flex;\n        align-items: center;\n    }\n    \n    \/* 标题前的小装饰方块 *\/\n    .xp-sidebar-title::before {\n        content: '';\n        display: inline-block;\n        width: 4px;\n        height: 16px;\n        background-color: #3498db;\n        margin-right: 8px;\n    }\n\n    \/* 图片竖列 *\/\n    .xp-image-sidebar {\n        display: flex;\n        flex-direction: column;\n        gap: 15px;\n    }\n\n    .xp-image-link {\n        width: 100%;\n        height: 150px;\n        border-radius: 6px;\n        overflow: hidden;\n        box-shadow: 0 4px 10px rgba(0,0,0,0.06);\n        background: #fff; \n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: space-between;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        cursor: pointer;\n        text-decoration: none;\n        border: 1px solid #eef0f2;\n        position: relative;\n    }\n\n    .xp-image-link:hover {\n        transform: scale(1.05);\n        box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n    }\n\n    .xp-img-wrapper {\n        width: 100%;\n        height: 115px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding-top: 5px;\n    }\n\n    .xp-image-link img {\n        max-width: 90%; \n        max-height: 95%;\n        width: auto;\n        height: auto;\n        object-fit: contain;\n        display: block;\n    }\n\n    \/* 图片底部的产品文字名称标签样式 *\/\n    .xp-image-title-tag {\n        width: 100%;\n        background: rgba(44, 62, 80, 0.88);\n        color: #ffffff;\n        font-size: 11px;\n        text-align: center;\n        padding: 6px 4px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        font-weight: 500;\n        transition: background 0.3s ease;\n    }\n\n    .xp-image-link:hover .xp-image-title-tag {\n        background: rgba(52, 152, 219, 0.95);\n    }\n\n    \/* --- 右侧详情区 --- *\/\n    .xp-details-panel {\n        flex: 1;\n        background: #fff;\n        padding: 40px;\n        border-radius: 12px;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.04);\n    }\n\n    .xp-product-title {\n        margin-top: 0;\n        font-size: 26px;\n        color: #2c3e50;\n        margin-bottom: 25px;\n    }\n\n    \/* YouTube 响应式视频容器样式 (保持 16:9 比例) *\/\n    .xp-video-section {\n        width: 100%;\n        margin-bottom: 20px; \/* 调整为与下方banner的间距 *\/\n    }\n\n    .xp-video-container {\n        position: relative;\n        width: 100%;\n        height: 0;\n        padding-bottom: 56.25%; \/* 16:9 比例的黄金配方 *\/\n        background-color: #000;\n        border-radius: 8px;\n        overflow: hidden;\n        box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n    }\n\n    .xp-video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        border: 0;\n    }\n\n    \/* 新增：右侧 YouTube 下方的 Banner 样式区 *\/\n    .xp-banner-section {\n        width: 100%;\n        margin-bottom: 30px; \/* 与下方“Technical Specifications”标题的间距 *\/\n    }\n\n    .xp-banner-link {\n        display: block;\n        width: 100%;\n        border-radius: 8px;\n        overflow: hidden;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .xp-banner-link:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 6px 18px rgba(0,0,0,0.12);\n    }\n\n    .xp-banner-link img {\n        width: 100%;\n        height: auto;\n        display: block;\n        object-fit: cover; \/* 保证长幅图等比缩放裁剪 *\/\n    }\n\n    \/* 优化后的纯净表格样式 *\/\n    .xp-spec-table {\n        width: 100%;\n        border-collapse: collapse;\n        margin-top: 10px;\n        margin-bottom: 40px; \/* 增加与下方环境图的间距 *\/\n    }\n\n    .xp-spec-table tr {\n        transition: background-color 0.2s ease;\n    }\n\n    \/* 斑马纹 *\/\n    .xp-spec-table tr:nth-child(odd) {\n        background-color: #fcfcfd;\n    }\n\n    .xp-spec-table tr:hover {\n        background-color: #f4f7f9;\n    }\n\n    .xp-spec-table td {\n        padding: 14px 16px;\n        border-bottom: 1px solid #eff2f5;\n        font-size: 14px;\n        line-height: 1.5;\n        vertical-align: top;\n    }\n\n    \/* 左侧列：参数名称 *\/\n    .xp-spec-table td.xp-label {\n        color: #7f8c8d;\n        width: 38%;\n        font-weight: 500;\n    }\n\n    \/* 右侧列：具体数值 *\/\n    .xp-spec-table td.xp-value {\n        color: #2c3e50;\n        width: 62%;\n        font-weight: 500;\n    }\n\n    \/* 新增：右侧最下方环境图样式区 *\/\n    .xp-environment-section {\n        width: 100%;\n        border-radius: 8px;\n        overflow: hidden;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .xp-environment-section:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 6px 18px rgba(0,0,0,0.12);\n    }\n\n    .xp-environment-section img {\n        width: 100%;\n        height: auto;\n        display: block;\n        object-fit: cover;\n    }\n\n    \/* 尾部说明区 *\/\n    .xp-footer-spacer {\n        margin-top: 40px;\n        border-top: 1px dashed #e0e0e0;\n        padding-top: 25px;\n        color: #95a5a6;\n        text-align: center;\n        font-size: 13px;\n    }\n\n    \/* 响应式断点适配移动端 *\/\n    @media (max-width: 768px) {\n        .xp-container { flex-direction: column; gap: 20px; }\n        .xp-sidebar-container { position: static; width: 100%; }\n        .xp-image-sidebar { flex-direction: row; flex-wrap: wrap; }\n        .xp-image-link { width: 130px; height: 140px; }\n        .xp-details-panel { padding: 20px; }\n    }\n\u003c\/style\u003e\n\n\u003c!-- 详情页内容主容器 (自带局部隔离) --\u003e\n\u003cdiv class=\"xp-details-wrapper\"\u003e\n    \u003cdiv class=\"xp-container\"\u003e\n        \u003c!-- 左侧：包含标题的图片竖列区 --\u003e\n        \u003cdiv class=\"xp-sidebar-container\"\u003e\n            \u003ch2 class=\"xp-sidebar-title\"\u003eCore Components\u003c\/h2\u003e\n            \u003cdiv class=\"xp-image-sidebar\"\u003e\n                \u003c!-- 1. Hub Motor --\u003e\n                \u003ca title=\"Hub Motor\" class=\"xp-image-link\" href=\"https:\/\/www.xspirebot.com\/hub-motor\/10-inch-electric-wheel-hub-motor.html\"\u003e\n                    \u003cdiv class=\"xp-img-wrapper\"\u003e\u003cimg alt=\"Hub Motor\" src=\"https:\/\/www.xspirebot.com\/data\/watermark\/main\/20250613\/684b7f2d69c8e_.webp\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"xp-image-title-tag\"\u003eHub Motor\u003c\/div\u003e\n                \u003c\/a\u003e\n                \u003c!-- 2. Mobile Robot Controller --\u003e\n                \u003ca title=\"Mobile Robot Controller\" class=\"xp-image-link\" href=\"https:\/\/www.xspirebot.com\/autonomous-driving-controller\/self-driving-controller.html\"\u003e\n                    \u003cdiv class=\"xp-img-wrapper\"\u003e\u003cimg alt=\"Mobile Robot Controller\" src=\"https:\/\/www.xspirebot.com\/data\/watermark\/main\/20251210\/693931e554e39_.webp\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"xp-image-title-tag\"\u003eRobot Controller\u003c\/div\u003e\n                \u003c\/a\u003e\n                \u003c!-- 3. Single Drive Electric Motor Controller --\u003e\n                \u003ca title=\"Single Drive Electric Motor Controller\" class=\"xp-image-link\" href=\"https:\/\/www.xspirebot.com\/motor-drive\/single-drive-electric-motor-controller.html\"\u003e\n                    \u003cdiv class=\"xp-img-wrapper\"\u003e\u003cimg alt=\"Single Drive Electric Motor Controller\" src=\"https:\/\/www.xspirebot.com\/data\/watermark\/main\/20250626\/685cbc506e220_.webp\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"xp-image-title-tag\"\u003eMotor Controller\u003c\/div\u003e\n                \u003c\/a\u003e\n                \u003c!-- 4. Remote Control for Robot Chassis --\u003e\n                \u003ca title=\"Remote Control for Robot Chassis\" class=\"xp-image-link\" href=\"https:\/\/www.xspirebot.com\/remote-control\/remote-control-for-robot-chassis.html\"\u003e\n                    \u003cdiv class=\"xp-img-wrapper\"\u003e\u003cimg alt=\"Remote Control for Robot Chassis\" src=\"https:\/\/www.xspirebot.com\/data\/watermark\/main\/20260514\/6a057fbca04d6_.webp\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"xp-image-title-tag\"\u003eRemote Control\u003c\/div\u003e\n                \u003c\/a\u003e\n                \u003c!-- 5. Integrated Inertial Navigation System --\u003e\n                \u003ca title=\"Integrated Inertial Navigation System\" class=\"xp-image-link\" href=\"https:\/\/www.xspirebot.com\/integrated-inertial-navigation-system\/integrated-inertial-navigation-system.html\"\u003e\n                    \u003cdiv class=\"xp-img-wrapper\"\u003e\u003cimg alt=\"Integrated Inertial Navigation System\" src=\"https:\/\/www.xspirebot.com\/data\/watermark\/main\/20250626\/685cbfee451be_.webp\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"xp-image-title-tag\"\u003eNavigation System\u003c\/div\u003e\n                \u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 右侧：详情区 --\u003e\n        \u003cdiv class=\"xp-details-panel\"\u003e\n            \u003c!-- 嵌入的 YouTube 视频区块，现居右侧最顶部 --\u003e\n            \u003cdiv class=\"xp-video-section\"\u003e\n                \u003cdiv class=\"xp-video-container\"\u003e\n                    \u003ciframe title=\"Product Video\" src=\"https:\/\/www.youtube.com\/embed\/jlP_eDaWLNM?si=tf-kBkdTD6o4TCQg\"\u003e\u003c\/iframe\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- YouTube 下方的 Banner 图区块 --\u003e\n            \u003cdiv class=\"xp-banner-section\"\u003e\n                \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0704\/1663\/0075\/files\/824.png?v=1779440802\" class=\"xp-banner-link\" title=\"Promotion Banner\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0704\/1663\/0075\/files\/825.png?v=1779440802\" alt=\"Xspirebot Promotion Banner\"\u003e\n                \u003c\/a\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- 下方紧接标题 --\u003e\n            \u003ch1 class=\"xp-product-title\"\u003eTechnical Specifications\u003c\/h1\u003e\n\n            \u003c!-- 下方参数表格 --\u003e\n            \u003ctable class=\"xp-spec-table\"\u003e\n                \u003ctbody\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003eDesign Dimensions\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003e495mm x 360mm x 320mm\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003eCurb Weight\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003e32 kg\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003eBody Style\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003eFour-speed, four-wheel drive\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003eSuspension Type\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003e—\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003eGround Clearance\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003eSuspension 55 mm \/ Chassis 170 mm\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003eWheelbase\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003e350 mm\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003eTrack Width\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003e250 mm\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003eTire Diameter\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003e140 mm\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003eDrive Motor\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003e100 W × 4\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003eBattery\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003e24 V \/ 20 Ah\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003eCharging Time\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003e2–3 hours\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003eCharger\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003e24 V \/ 10 A\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003ePower Output\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003e12 V \/ 15 A, 24 V \/ 10 A\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003eBraking System\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003eMotor braking\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003eParking Brake\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003eMotor-based parking + kinematic posture parking\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003eVertical Load (Horizontal Surface)\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003e30 kg\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003eOperating Speed\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003e3.6 km\/h\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003eWading Depth\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003e50 mm\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003eRange\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003e40 km (unloaded) \/ 30 km (fully loaded)\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003eMaximum Climbing Angle\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003e30° (unloaded) \/ 15° (fully loaded)\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003eClearing Width\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003e110 mm (unloaded) \/ 100 mm (fully loaded)\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003eObstacle Clearance Height\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003e40 mm (unloaded) \/ 40 mm (fully loaded)\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003eProtection Rating\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003eIP55\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003eCommunication Methods\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003eCAN 2.0B\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003eOperating Temperature\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003e-20–50°C\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003eOptional Configurations\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003eCommercial Navigation Kit \/ Open-Source Kit \/ Automatic Charging Station \/ LiDAR\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003eSupport Services\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003eStandard SDK interfaces \/ STP diagrams for chassis hardware customization \/ Chassis ROS packages \/ Open-source navigation protocols \/ One-on-one technical support\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd class=\"xp-label\"\u003eConfiguration Details\u003c\/td\u003e\n                        \u003ctd class=\"xp-value\"\u003eAs components and features support modular upgrades, if there are any discrepancies between the website specifications and the actual product, the latest actual product specifications shall prevail.\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                \u003c\/tbody\u003e\n            \u003c\/table\u003e\n\n            \u003c!-- 【新增】：表格下方的环境图区块 --\u003e\n            \u003cdiv class=\"xp-environment-section\"\u003e\n                \u003c!-- 请在此处将 src 替换为你网站上实际的环境场景图片 URL --\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0704\/1663\/0075\/files\/824.png?v=1779440802\" alt=\"Robot Application Environment\"\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- 尾部间距说明 --\u003e\n            \u003cdiv class=\"xp-footer-spacer\"\u003e\n                \u003cp\u003e© Xspirebot All Rights Reserved.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Xspire Shop","offers":[{"title":"Default Title","offer_id":51075239969083,"sku":"LYRB-C4-003-R5","price":4424.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0704\/1663\/0075\/files\/1_0c73bfaa-8b6a-4d52-aaa0-46b2b8e20c76.png?v=1774579975","url":"https:\/\/www.xspireshop.com\/products\/4-wheel-drive-robot-chassis-1","provider":"Xspire Shop","version":"1.0","type":"link"}