{"product_id":"hands-free-magnetic-phone-fan","title":"Hands-Free Magnetic Phone Fan","description":"\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--\n[AI Design Logic]\n产品类型：磁吸式带支架柔性颈部手机散热风扇\n目标受众：手游玩家、追剧党、重度手机使用者\n视觉风格：科技感、清凉、便捷、紫色调主导\n配色策略：以产品紫色为主色调 (--primary)，搭配中性灰白背景，营造清爽感。\n模块顺序：Hero (核心利益) → Feature 1 (柔性颈部不挡屏) → Feature 2 (一体化支架) → Feature 3 (广泛兼容磁吸) → Specs → FAQ\n详情图映射：Hero=image_0.png, Feature1=image_1.png, Feature2=image_2.png, Feature3=image_4.png\n规格图映射：Specs=image_5.png (提取型号\/颜色), image_1.png (提取尺寸)\n对比模块：未加入（产品形态独特，直接展示功能优势即可，无需硬性对比）\n--\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n    \/* Design System Variables *\/\n    --primary: #9686c7; \/* Product purple color *\/\n    --primary-hover: #7a6aa8;\n    --text-main: #333333;\n    --text-sub: #666666;\n    --bg-body: #ffffff;\n    --bg-card: #f8f9fa;\n    --bg-soft: #f0f2f5;\n    --radius-md: 12px;\n    --radius-lg: 20px;\n    --shadow-sm: 0 4px 12px rgba(0,0,0,0.05);\n    --border-color: #e5e5e5;\n    --spacing-section: clamp(2.5rem, 6vw, 5rem);\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    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 5%;\n    box-sizing: border-box;\n    overflow-wrap: break-word;\n  }\n\n  \/* Typography *\/\n  .product-detail-container h1 { font-size: clamp(32px, 5vw, 42px); font-weight: 700; line-height: 1.2; margin-bottom: 16px; }\n  .product-detail-container h2 { font-size: clamp(24px, 4vw, 32px); font-weight: 600; margin-bottom: 20px; }\n  .product-detail-container h3 { font-size: 22px; font-weight: 600; margin-bottom: 12px; }\n  .product-detail-container p { font-size: 18px; color: var(--text-sub); margin-bottom: 20px; }\n  .product-detail-container .intro-text { font-size: 20px; max-width: 800px; margin: 0 auto 30px auto; }\n\n  \/* Utilities *\/\n  .text-center { text-align: center; }\n  .text-primary { color: var(--primary); }\n  .pd-section { margin-bottom: var(--spacing-section); }\n  .img-fluid { width: 100%; height: auto; display: block; border-radius: var(--radius-lg); }\n\n  \/* Trust Badge *\/\n  .trust-badge-container { display: flex; justify-content: center; gap: 16px; margin-bottom: 24px; flex-wrap: wrap; }\n  .trust-badge { display: inline-flex; align-items: center; background: var(--bg-soft); padding: 8px 16px; border-radius: 50px; font-size: 16px; font-weight: 500; color: var(--text-main); }\n  .trust-badge span { margin-right: 8px; color: var(--primary); }\n\n  \/* Hero Section *\/\n  .hero-section { max-width: 900px; margin-left: auto; margin-right: auto; }\n\n  \/* Feature Section - Z-Pattern *\/\n  .feature-item { display: flex; align-items: center; gap: clamp(32px, 6vw, 64px); }\n  .feature-item:nth-child(even) { flex-direction: row-reverse; }\n  .feature-media, .feature-copy { flex: 1; }\n  .feature-tags { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }\n  .feature-tag { background: var(--bg-card); padding: 6px 14px; border-radius: 8px; font-size: 16px; color: var(--text-sub); border: 1px solid var(--border-color); }\n\n  \/* Specifications *\/\n  .spec-table { width: 100%; border-collapse: collapse; background: var(--bg-card); border-radius: var(--radius-md); overflow: hidden; }\n  .spec-table th, .spec-table td { padding: 16px 24px; text-align: left; border-bottom: 1px solid var(--border-color); font-size: 18px; }\n  .spec-table th { width: 35%; background: var(--bg-soft); font-weight: 600; color: var(--text-main); }\n  .spec-table td { color: var(--text-sub); }\n  .spec-table tr:last-child th, .spec-table tr:last-child td { border-bottom: none; }\n\n  \/* FAQ *\/\n  .faq-item { background: var(--bg-card); border-radius: var(--radius-md); padding: 24px; margin-bottom: 16px; }\n  .faq-question { font-size: 20px; font-weight: 600; margin-bottom: 12px; display: flex; align-items: center; }\n  .faq-question::before { content: \"Q.\"; color: var(--primary); margin-right: 12px; font-weight: 700; }\n  .faq-answer { font-size: 18px; color: var(--text-sub); padding-left: 32px; }\n\n  \/* Image Placeholder Style *\/\n  .img-placeholder {\n    width: 100%;\n    height: auto;\n    aspect-ratio: 16\/9;\n    background: #f0f0f0;\n    border: 2px dashed #ccc;\n    border-radius: var(--radius-lg);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #999;\n    font-size: 18px;\n    font-family: monospace;\n  }\n\n  \/* Mobile Responsive *\/\n  @media (max-width: 767px) {\n    .feature-item, .feature-item:nth-child(even) { flex-direction: column; text-align: left; }\n    .feature-copy { order: 2; }\n    .feature-media { order: 1; width: 100%; }\n    \n    \/* Mobile Table *\/\n    .spec-table, .spec-table thead, .spec-table tbody, .spec-table tr, .spec-table th, .spec-table td { display: block; width: 100%; }\n    .spec-table thead { display: none; }\n    .spec-table tr { margin-bottom: 16px; border: 1px solid var(--border-color); border-radius: var(--radius-md); overflow: hidden; }\n    .spec-table td { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--bg-soft); }\n    .spec-table td::before { content: attr(data-label); font-weight: 600; color: var(--text-main); margin-right: 16px; }\n    .spec-table td:last-child { border-bottom: none; }\n  }\n\u003c\/style\u003e\n\u003c!-- A. Intro \/ Hero Content Block --\u003e\n\u003cdiv class=\"pd-section hero-section text-center\"\u003e\n\u003cdiv class=\"trust-badge-container\"\u003e\n\u003cdiv class=\"trust-badge\"\u003e\n\u003cspan\u003e✨\u003c\/span\u003e Designed for Hands-Free Ease\u003c\/div\u003e\n\n\u003cdiv class=\"trust-badge\"\u003e\n\u003cspan\u003e🎮\u003c\/span\u003e Gaming \u0026amp; Streaming Ready\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003ch1\u003eSnap-On Magnetic Cooler with Flexible Stand\u003c\/h1\u003e\n\n\u003cp class=\"intro-text\"\u003eKeep your phone cool and your screen clear. The elevated fan design and built-in stand make gaming and binge-watching effortless.\u003c\/p\u003e\n\u003c!-- 📷 需替换：detail_1 (image_0.png is chosen for hero lifestyle shot) --\u003e\n\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img146\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260527140957\/cc7d96f91fb3edac2cd3f4bb7441f83e.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-section feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\" style=\"aspect-ratio: 1\/1;\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img147\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260527140957\/ff14480b29dfe0274c433ec9f069f6ac.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eElevated Cooling, Unobstructed View\u003c\/h3\u003e\n\n\u003cp\u003eUnlike traditional flat coolers, our unique 5.5cm flexible neck lifts the fan away from your phone's back. This ensures continuous airflow to the hotspot without ever blocking your screen or getting in the way of your fingers while gaming.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003eFlexible 5.5cm Neck\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eNo Screen Blocking\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eAdjustable Angle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2: Built-in Stand --\u003e\n\n\u003cdiv class=\"pd-section feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003c!-- 📷 需替换：detail_3 (image_2.png shows the stand function) --\u003e\n\u003cdiv class=\"img-placeholder\" style=\"aspect-ratio: 1\/1;\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img151\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260527140957\/e7a8529a5098c461707e2d41db54b02e.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eIntegrated Foldable Ring Stand\u003c\/h3\u003e\n\n\u003cp\u003eA sturdy, foldable ring stand is built right into the magnetic base. Prop your phone up in landscape mode for movies or portrait mode for video calls, all while the fan keeps things cool.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003eLandscape \u0026amp; Portrait\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eSturdy Hinge\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eFolds Flat\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3: Magnetic Compatibility --\u003e\n\n\u003cdiv class=\"pd-section feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003c!-- 📷 需替换：detail_4 (image_4.png shows universal compatibility steps) --\u003e\n\u003cdiv class=\"img-placeholder\" style=\"aspect-ratio: 1\/1;\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img82\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260527142445\/5bff915526641df153352226c5f1b09e.jpeg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eInstant Magnetic Snap for Any Phone\u003c\/h3\u003e\n\n\u003cp\u003eAttaches instantly and securely to MagSafe-compatible iPhones. For Android devices or older iPhones, simply use the included adhesive metal ring to enjoy the same strong magnetic hold and cooling benefits.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003eMagSafe Compatible\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eUniversal Ring Included\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eStrong Hold\u003c\/span\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 class=\"text-center\"\u003eProduct Specifications\u003c\/h2\u003e\n\n\u003ctable class=\"spec-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Feature\"\u003eModel\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Value\"\u003eFS-X01\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Feature\"\u003eAvailable Colors\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Value\"\u003ePurple, White\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Feature\"\u003eAttachment Type\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Value\"\u003eMagnetic Snap-On\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Feature\"\u003eNeck Length\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Value\"\u003eApprox. 5.5 cm\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Feature\"\u003eFeatures\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Value\"\u003eFlexible Neck, Foldable Ring Stand\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Feature\"\u003eIn the Box\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Value\"\u003eCooling Fan, Magnetic Ring Plate\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- D. FAQ --\u003e\n\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch2 class=\"text-center\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eWill the fan block my view while gaming?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eNot at all. The flexible neck design elevates the fan head above your phone, ensuring your screen remains completely unobstructed for a full immersive experience.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eDoes this work with Android phones or non-MagSafe iPhones?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eYes. We include an adhesive metal ring in the box. Simply stick the ring to the back of your phone or case, and the fan will attach magnetically.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eCan I adjust the direction of the airflow?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eYes, the flexible 5.5cm neck allows you to bend and angle the fan head to direct the breeze exactly where you need it.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Purple \/ 1-Pack (Essential Tool)","offer_id":45662453465279,"sku":"0527-15252771","price":15.95,"currency_code":"USD","in_stock":true},{"title":"White \/ 1-Pack (Essential Tool)","offer_id":45662453498047,"sku":"0527-15253949","price":15.95,"currency_code":"USD","in_stock":true},{"title":"Purple \/ 2-Pack (Keep a Backup)","offer_id":45662453530815,"sku":"0527-15252026","price":28.95,"currency_code":"USD","in_stock":true},{"title":"White \/ 2-Pack (Keep a Backup)","offer_id":45662453563583,"sku":"0527-15251233","price":28.95,"currency_code":"USD","in_stock":true},{"title":"Purple \/ 3-Pack (Best Value)","offer_id":45662453596351,"sku":"0527-15254045","price":42.95,"currency_code":"USD","in_stock":true},{"title":"White \/ 3-Pack (Best Value)","offer_id":45662453629119,"sku":"0527-15250006","price":42.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0701\/3220\/3711\/files\/cc7d96f91fb3edac2cd3f4bb7441f83e_06fc9e2d-4cce-4663-b404-5083cc1ad39c.jpg?v=1779863117","url":"https:\/\/ggkbkw-fz.myshopify.com\/products\/hands-free-magnetic-phone-fan","provider":"Bak","version":"1.0","type":"link"}