{"product_id":"hands-free-magnetic-work-light","title":"Hands-Free Magnetic Work Light","description":"\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--\n  [AI Design Logic]\n  产品类型：LED工作灯\n  目标受众：汽修工、技师、DIY爱好者、户外用户\n  视觉风格：工业、坚固、科技感\n  配色策略：以产品本身的黑红为主色调，搭配深灰背景突出光影效果\n  模块顺序：Hero (核心场景) -\u003e Feature 1 (磁吸固定) -\u003e Feature 2 (灵活调节) -\u003e Feature 3 (充电与挂钩) -\u003e Specifications -\u003e FAQ\n  详情图映射：Hero=detail_1 (image_0.png), Feature1=detail_3 (image_3.png), Feature2=detail_2 (image_2.png), Feature3=detail_5 (image_5.png)\n  规格图映射：Specs=spec_1 (image_6.png)\n  对比模块：未加入（无明显对比需求，聚焦产品自身功能）\n  --\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n      --primary: #d92525;\n      --text-main: #212529;\n      --text-sub: #6c757d;\n      --bg-body: #ffffff;\n      --bg-soft: #f8f9fa;\n      --radius-md: 8px;\n      --radius-lg: 12px;\n      --shadow-sm: 0 2px 4px rgba(0,0,0,0.05);\n      --shadow-lg: 0 8px 16px rgba(0,0,0,0.1);\n      --border-color: #e9ecef;\n\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: var(--text-main);\n      line-height: 1.6;\n    }\n\n    \/* Typography *\/\n    .product-detail-container h1 { font-size: clamp(32px, 5vw, 40px); font-weight: 700; margin: 0 0 1rem; line-height: 1.2; }\n    .product-detail-container h2 { font-size: clamp(24px, 4vw, 32px); font-weight: 600; margin: 0 0 1rem; }\n    .product-detail-container h3 { font-size: 20px; font-weight: 600; margin: 0 0 0.5rem; }\n    .product-detail-container p { font-size: 18px; margin: 0 0 1rem; color: var(--text-sub); }\n    .product-detail-container .lead { font-size: 20px; color: var(--text-sub); max-width: 800px; margin-bottom: 2rem; }\n\n    \/* Layout \u0026 Components *\/\n    .pd-section { margin-bottom: clamp(3rem, 8vw, 5rem); }\n    .pd-grid { display: grid; gap: clamp(2rem, 5vw, 4rem); align-items: center; }\n    @media (min-width: 768px) { .pd-grid-2 { grid-template-columns: 1fr 1fr; } }\n\n    .pd-img-wrap {\n      position: relative;\n      border-radius: var(--radius-lg);\n      overflow: hidden;\n      box-shadow: var(--shadow-sm);\n    }\n    .pd-img-wrap img { width: 100%; height: auto; display: block; }\n\n    .tags-group { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; }\n    .tag {\n      background: var(--bg-soft);\n      color: var(--text-sub);\n      padding: 0.4rem 0.8rem;\n      border-radius: 50px;\n      font-size: 16px;\n      font-weight: 500;\n    }\n\n    \/* Hero Section *\/\n    .hero-block { text-align: center; }\n    .hero-block h1 span { color: var(--primary); }\n    .trust-badge {\n      display: inline-flex;\n      align-items: center;\n      background: var(--bg-soft);\n      padding: 0.5rem 1rem;\n      border-radius: 50px;\n      font-weight: 500;\n      margin-bottom: 1.5rem;\n      color: var(--primary);\n    }\n\n    \/* Feature Sections *\/\n    .feature-item {\n      display: flex;\n      flex-direction: column;\n      gap: 2rem;\n    }\n    @media (min-width: 768px) {\n      .feature-item { flex-direction: row; align-items: center; }\n      .feature-item:nth-child(even) { flex-direction: row-reverse; }\n      .feature-media, .feature-copy { flex: 1; }\n    }\n\n    \/* Specs Table *\/\n    .specs-table { width: 100%; border-collapse: collapse; margin-top: 1rem; }\n    .specs-table th, .specs-table td {\n      padding: 1rem;\n      text-align: left;\n      border-bottom: 1px solid var(--border-color);\n    }\n    .specs-table th { width: 40%; color: var(--text-sub); font-weight: 500; }\n    @media (max-width: 767px) {\n      .specs-table, .specs-table tbody, .specs-table tr, .specs-table td { display: block; width: 100%; }\n      .specs-table tr { margin-bottom: 1rem; border: 1px solid var(--border-color); border-radius: var(--radius-md); overflow: hidden; }\n      .specs-table td { display: flex; justify-content: space-between; padding: 1rem; border-bottom: 1px solid var(--border-color); }\n      .specs-table td:last-child { border-bottom: none; }\n      .specs-table td::before { content: attr(data-label); font-weight: 500; color: var(--text-sub); padding-right: 1rem; }\n    }\n\n    \/* FAQ *\/\n    .faq-item { border-bottom: 1px solid var(--border-color); padding: 1.5rem 0; }\n    .faq-item:last-child { border-bottom: none; }\n    .faq-question { font-weight: 600; font-size: 20px; margin-bottom: 0.5rem; display: flex; align-items: center; }\n    .faq-question::before { content: \"Q.\"; color: var(--primary); margin-right: 0.5rem; font-weight: 700; }\n    .faq-answer { color: var(--text-sub); margin: 0; padding-left: 1.5rem; }\n\u003c\/style\u003e\n\u003c!-- A. Intro \/ Hero --\u003e\n\u003cdiv class=\"pd-section hero-block\"\u003e\n\u003cdiv class=\"trust-badge\"\u003eDesigned for hands-free versatility\u003c\/div\u003e\n\n\u003ch1\u003eBright Light, \u003cspan\u003eAnywhere You Work.\u003c\/span\u003e\n\u003c\/h1\u003e\n\n\u003cp class=\"lead\"\u003eSecure magnetic mounting and full-angle adjustability for automotive, workshop, and emergency tasks.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-img-wrap\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img65\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260615162952\/74a0dcacc8d8fcf196a70a6988305c39.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- B. Feature Sections --\u003e\n\n\u003cdiv class=\"pd-section\"\u003e\n\u003cdiv class=\"pd-grid\"\u003e\n\u003c!-- Feature 1 --\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media pd-img-wrap\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img66\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260615162951\/f9fd94553fd76e773548e005090c9169.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003ePowerful Dual Magnetic Base\u003c\/h2\u003e\n\n\u003cp\u003eEquipped with strong magnets on both ends, this light attaches securely to any metal surface like car hoods, frames, or workbenches. It holds firm, allowing you to work with both hands completely free.\u003c\/p\u003e\n\n\u003cdiv class=\"tags-group\"\u003e\n\u003cspan class=\"tag\"\u003eSecure Hold\u003c\/span\u003e \u003cspan class=\"tag\"\u003eHands-Free\u003c\/span\u003e \u003cspan class=\"tag\"\u003eMetal Friendly\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media pd-img-wrap\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img67\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260615162952\/5c6cd3d23ac9afa5b08b613cea73dcb3.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003e360° \u0026amp; 180° Full-Angle Adjustability\u003c\/h2\u003e\n\n\u003cp\u003eRotate the light body a full 360° and pivot the ends up to 180°. This incredible flexibility lets you direct the bright COB LED beam exactly where you need it, eliminating shadows in tight or awkward spaces.\u003c\/p\u003e\n\n\u003cdiv class=\"tags-group\"\u003e\n\u003cspan class=\"tag\"\u003e360° Rotation\u003c\/span\u003e \u003cspan class=\"tag\"\u003e180° Pivot\u003c\/span\u003e \u003cspan class=\"tag\"\u003ePrecise Aim\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media pd-img-wrap\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img68\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260615162951\/13694346d5930131d76011db30d3b4c3.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eSmart Power \u0026amp; Hidden Hook\u003c\/h2\u003e\n\n\u003cp\u003eFeatures convenient Type-C recharging and a clear digital display that shows your exact battery level. A hidden hook on the back provides an alternative hanging option for non-magnetic surfaces.\u003c\/p\u003e\n\n\u003cdiv class=\"tags-group\"\u003e\n\u003cspan class=\"tag\"\u003eType-C Rechargeable\u003c\/span\u003e \u003cspan class=\"tag\"\u003eBattery Display\u003c\/span\u003e \u003cspan class=\"tag\"\u003eBuilt-in Hook\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- C. Specifications --\u003e\n\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch2\u003eProduct Specifications\u003c\/h2\u003e\n\n\u003ctable class=\"specs-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Total Length\"\u003e52 cm \/ 20.48 in\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"End Width\"\u003e4.5 cm \/ 1.78 in\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Light Source\"\u003eCOB LED Bar\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Charging Port\"\u003eUSB Type-C\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Features\"\u003eMagnetic Base, Folding\/Rotating Body, Battery Display, Hidden Hook\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\n\u003cp style=\"font-size: 14px; margin-top: 1rem;\"\u003e*All dimensions are approximate based on provided data.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- D. FAQ --\u003e\n\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eHow do I know when the light needs charging?\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eThe integrated digital display screen on the body shows the remaining battery percentage, so you'll always know exactly how much power is left.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eCan I use this light on non-metal surfaces?\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eYes. While the dual magnets are perfect for metal, the light also features a hidden rotating hook on the back for hanging from rods, wires, or hooks in other locations.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eIs the light beam adjustable?\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eAbsolutely. You can rotate the entire main light body 360 degrees and fold the two red end sections up to 180 degrees to position the light at virtually any angle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"1-Pack (Essential Tool)","offer_id":45728671629503,"sku":null,"price":24.95,"currency_code":"USD","in_stock":true},{"title":"2-Pack (Keep a Backup - 10%)","offer_id":45728671662271,"sku":null,"price":24.95,"currency_code":"USD","in_stock":true},{"title":"3-Pack (Workshop Set - 15%)","offer_id":45728671695039,"sku":null,"price":24.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0701\/3220\/3711\/files\/74a0dcacc8d8fcf196a70a6988305c39.jpg?v=1781512303","url":"https:\/\/ggkbkw-fz.myshopify.com\/products\/hands-free-magnetic-work-light","provider":"Bak","version":"1.0","type":"link"}