{"product_id":"blue-butterfly-mandala-spinner","title":"Blue Butterfly Mandala Spinner","description":"\u003cbr\u003e\n\u003c!--\n[AI Design Logic]\n产品类型：户外\/室内装饰性风转\n目标受众：家居装饰爱好者、寻找独特礼物的人\n视觉风格：充满活力、光影流动、魔幻、艺术感\n配色策略：以产品主色调深蓝和宝蓝为核心（--primary），搭配中性的背景色（--bg-body, --bg-soft）衬托产品的色彩。\n模块顺序：Hero -\u003e Feature 1 (3D视觉) -\u003e Feature 2 (材质与旋转工艺) -\u003e Scenario (多场景应用) -\u003e Feature 3 (礼品属性) -\u003e Specifications -\u003e FAQ\n详情图映射：Hero=detail_4, Feature1=detail_0, Feature2=detail_3, Scenario_Indoor=detail_2, Feature3=detail_1\n规格图映射：Specs=spec_6 (尺寸), spec_3 (材质\/部件)\n对比模块：未加入，无显著对比需求。\n--\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n      --primary: #004e92;\n      --primary-hover: #003566;\n      --text-main: #2c3e50;\n      --text-sub: #546e7a;\n      --bg-body: #ffffff;\n      --bg-card: #f8faff;\n      --bg-soft: #eef2f7;\n      --radius-md: 8px;\n      --radius-lg: 16px;\n      --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);\n      --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08);\n      --border-color: #dce4ec;\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      word-break: break-word;\n    }\n\n    \/* Typography *\/\n    .product-detail-container h1,\n    .product-detail-container h2,\n    .product-detail-container h3 {\n      font-weight: 700;\n      line-height: 1.2;\n      margin-bottom: 1rem;\n      color: var(--primary);\n    }\n\n    .product-detail-container h1 {\n      font-size: clamp(32px, 5vw, 44px);\n    }\n\n    .product-detail-container h2 {\n      font-size: clamp(24px, 4vw, 32px);\n    }\n\n    .product-detail-container h3 {\n      font-size: 20px;\n    }\n\n    .product-detail-container p {\n      font-size: clamp(16px, 2vw, 18px);\n      color: var(--text-sub);\n      margin-bottom: 1.5rem;\n    }\n\n    \/* Layout \u0026 Utilities *\/\n    .section-spacing {\n      margin-bottom: clamp(3rem, 8vw, 6rem);\n    }\n\n    .grid-2-col {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: clamp(2rem, 4vw, 4rem);\n      align-items: center;\n    }\n\n    @media (min-width: 768px) {\n      .grid-2-col {\n        grid-template-columns: 1fr 1fr;\n      }\n      .grid-2-col.reversed {\n        direction: rtl;\n      }\n      .grid-2-col.reversed \u003e * {\n        direction: ltr;\n      }\n    }\n\n    .img-fluid {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-lg);\n      box-shadow: var(--shadow-sm);\n    }\n\n    .badge {\n      display: inline-block;\n      padding: 0.5rem 1rem;\n      background: var(--bg-soft);\n      color: var(--primary);\n      border-radius: 50px;\n      font-weight: 600;\n      font-size: 14px;\n      margin-bottom: 1rem;\n    }\n\n    \/* Image Placeholder Style *\/\n    .img-placeholder {\n      width: 100%;\n      background-color: var(--bg-soft);\n      border: 2px dashed var(--border-color);\n      border-radius: var(--radius-lg);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--text-sub);\n      font-family: monospace;\n      padding: 2rem;\n      box-sizing: border-box;\n    }\n\n    \/* --- Modules --- *\/\n\n    \/* Hero *\/\n    .hero-section {\n      text-align: center;\n    }\n    .hero-content {\n      max-width: 800px;\n      margin: 0 auto clamp(2rem, 4vw, 3rem);\n    }\n\n    \/* Feature Sections *\/\n    .feature-card {\n      background: var(--bg-card);\n      padding: clamp(2rem, 4vw, 3rem);\n      border-radius: var(--radius-lg);\n      box-shadow: var(--shadow-sm);\n    }\n    .feature-tags {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 0.5rem;\n      margin-bottom: 1rem;\n    }\n    .feature-tag {\n      background: var(--bg-body);\n      padding: 0.4rem 0.8rem;\n      border-radius: var(--radius-md);\n      font-size: 14px;\n      color: var(--text-sub);\n      border: 1px solid var(--border-color);\n    }\n\n    \/* Scenario Section *\/\n    .scenario-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 2rem;\n    }\n    @media (min-width: 768px) {\n      .scenario-grid {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n    .scenario-item {\n      position: relative;\n      border-radius: var(--radius-lg);\n      overflow: hidden;\n    }\n    .scenario-content {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      padding: 2rem;\n      background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);\n      color: white;\n    }\n    .scenario-content h3 {\n      color: white;\n      margin-bottom: 0.5rem;\n    }\n    .scenario-content p {\n      color: rgba(255,255,255,0.9);\n      margin-bottom: 0;\n    }\n\n    \/* Specifications *\/\n    .specs-container {\n      background: var(--bg-card);\n      padding: clamp(2rem, 4vw, 3rem);\n      border-radius: var(--radius-lg);\n    }\n    .specs-table {\n      width: 100%;\n      border-collapse: collapse;\n    }\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 {\n      font-weight: 600;\n      color: var(--primary);\n      width: 30%;\n    }\n    @media (max-width: 767px) {\n      .specs-table, .specs-table tbody, .specs-table tr, .specs-table th, .specs-table td {\n        display: block;\n        width: 100%;\n      }\n      .specs-table tr {\n        margin-bottom: 1rem;\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-md);\n        padding: 0.5rem;\n      }\n      .specs-table th {\n        display: none;\n      }\n      .specs-table td {\n        display: flex;\n        justify-content: space-between;\n        padding: 0.75rem;\n        border-bottom: none;\n        font-size: 16px;\n      }\n      .specs-table td::before {\n        content: attr(data-label);\n        font-weight: 600;\n        color: var(--text-main);\n        margin-right: 1rem;\n      }\n    }\n\n    \/* FAQ *\/\n    .faq-item {\n      border-bottom: 1px solid var(--border-color);\n      padding: 1.5rem 0;\n    }\n    .faq-item:last-child {\n      border-bottom: none;\n    }\n    .faq-question {\n      font-weight: 600;\n      font-size: 18px;\n      color: var(--primary);\n      margin-bottom: 0.5rem;\n    }\n    .faq-answer {\n      margin-bottom: 0;\n    }\n\u003c\/style\u003e\n\u003c!-- A. Intro \/ Hero Content Block --\u003e\n\u003cdiv class=\"section-spacing hero-section\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cspan class=\"badge\"\u003eDesigned for mesmerizing outdoor living\u003c\/span\u003e\n\u003ch1\u003eBring Magical 3D Motion \u0026amp; Brilliant Light to Your Space\u003c\/h1\u003e\n\n\u003cp\u003eWatch as the breeze transforms this intricate mandala into a hypnotic, three-dimensional kaleidoscope of shimmering blue light and dancing butterflies.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img193\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260605140916\/a58e8dff1203791902a0c830ff5343fa.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-spacing grid-2-col\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img198\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260605140916\/2a4eb91450071d2cb8121bc61b335a98.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy feature-card\"\u003e\n\u003ch2\u003eA Hypnotic 3D Visual Experience\u003c\/h2\u003e\n\n\u003cp\u003eCrafted from laser-cut metal, the concentric layers of this spinner fan out to create a stunning sense of depth and volume. As it catches the wind, the flat design magically transforms into a dynamic, spherical sculpture that captivates the eye and relaxes the mind.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003e✨ 3D Kinetic Art\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003e🦋 Central Butterfly Motif\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003e🌀 Mandla Pattern\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2: Material \u0026 Spin --\u003e\n\n\u003cdiv class=\"section-spacing grid-2-col reversed\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img195\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260605140916\/fbc96c01caaeaf1d930af0853263c9bc.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy feature-card\"\u003e\n\u003ch2\u003eBuilt to Shine, Designed to Spin\u003c\/h2\u003e\n\n\u003cp\u003eMade from durable stainless steel with a protective epoxy coating, this spinner is built to withstand the elements while maintaining its brilliant shine. The surface is infused with reflective glitter powder that sparkles intensely in the sunlight. A premium 360° swivel hook ensures smooth, continuous rotation even in gentle breezes.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003e🛡️ Stainless Steel\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003e☀️ Reflective Glitter Finish\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003e🔄 360° Smooth Swivel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Scenario Section: Indoor \u0026 Outdoor Versatility --\u003e\n\n\u003cdiv class=\"section-spacing\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003eTransform Any Environment\u003c\/h2\u003e\n\n\u003cp style=\"text-align: center; max-width: 700px; margin: 0 auto 2rem;\"\u003eFrom sunlit gardens to cozy window nooks, bring dynamic art wherever you need a touch of wonder.\u003c\/p\u003e\n\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img197\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260605140916\/dee8063248523176371bbdb7619ad63b.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3: Gifting --\u003e\n\n\u003cdiv class=\"section-spacing grid-2-col\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img196\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260605140916\/2d9292bd03f517e060ff2e1eaad77e9d.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy feature-card\"\u003e\n\u003ch2\u003eThe Perfect Gift of Art \u0026amp; serenity\u003c\/h2\u003e\n\n\u003cp\u003eMore than just decor, this wind spinner is a unique piece of kinetic art that brings joy and tranquility. Presented in a flat, easy-to-wrap form that pops into shape, it's an ideal and thoughtful present for housewarmings, birthdays, Mother's Day, or for any gardening enthusiast in your life.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003e🎁 Unique Gift Idea\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003e🏡 Garden Lover's Favorite\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- C. Specifications --\u003e\n\n\u003cdiv class=\"section-spacing specs-container\"\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\u003cth data-label=\"Material\"\u003eMaterial\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Material\"\u003eStainless Steel with Epoxy Glitter Coating\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Dimensions (L x W)\"\u003eDimensions (L x W)\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Dimensions (L x W)\"\u003e16 cm x 16 cm (approx. 6.3\" x 6.3\")\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Thickness\"\u003eThickness\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Thickness\"\u003e0.5 cm (approx. 0.2\")\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Hanging Mechanism\"\u003eHanging Mechanism\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Hanging Mechanism\"\u003eIncludes 360° Swivel S-Hook\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Pattern\"\u003ePattern\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Pattern\"\u003eBlue Mandala with Central Butterfly Print\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!-- 数据来源：spec_6 (尺寸), spec_3 (材质\/部件\/图案) --\u003e\n\n\u003cp style=\"font-size: 14px; margin-top: 1rem; color: var(--text-sub);\"\u003e* Note: The spinner ships flat. Gently fan out the rings to create the 3D shape before hanging.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- D. FAQ --\u003e\n\n\u003cdiv class=\"section-spacing\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eHow do I set up the wind spinner?\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eThe spinner arrives flat. Simply hold the center and gently twist the outer rings in opposite directions to fan them out into the desired 3D shape. Then, attach the included swivel hook to the top and hang it where it can catch the breeze.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eIs it suitable for outdoor use?\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eYes, it is designed for outdoor use. It's crafted from durable stainless steel and finished with a protective epoxy coating to resist weather elements and maintain its sparkle.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eDoes it need strong wind to spin?\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eNo, it is designed to spin easily. The included high-quality 360° swivel hook allows it to rotate smoothly even in gentle breezes, creating a constant, relaxing visual effect.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Woyuosn","offers":[{"title":"Blue Butterfly \/ 1 PC (Garden Starter)","offer_id":62915390767475,"sku":"0605-14392350","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Rainbow Mandala \/ 1 PC (Garden Starter)","offer_id":62915390800243,"sku":"0605-14399471","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Sunburst Mandala \/ 1 PC (Garden Starter)","offer_id":62915390833011,"sku":"0605-14391695","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Blue Butterfly \/ 2 PCs (Front Yard \u0026 Back Patio)","offer_id":62915390865779,"sku":"0605-14398277","price":20.95,"currency_code":"USD","in_stock":true},{"title":"Rainbow Mandala \/ 2 PCs (Front Yard \u0026 Back Patio)","offer_id":62915390898547,"sku":"0605-14397280","price":20.95,"currency_code":"USD","in_stock":true},{"title":"Sunburst Mandala \/ 2 PCs (Front Yard \u0026 Back Patio)","offer_id":62915390931315,"sku":"0605-14398247","price":20.95,"currency_code":"USD","in_stock":true},{"title":"Blue Butterfly \/ 3 PCs (Keep 1, Gift 2 - Best Value!)","offer_id":62915390964083,"sku":"0605-14391816","price":30.95,"currency_code":"USD","in_stock":true},{"title":"Rainbow Mandala \/ 3 PCs (Keep 1, Gift 2 - Best Value!)","offer_id":62915390996851,"sku":"0605-14393947","price":30.95,"currency_code":"USD","in_stock":true},{"title":"Sunburst Mandala \/ 3 PCs (Keep 1, Gift 2 - Best Value!)","offer_id":62915391029619,"sku":"0605-14390279","price":30.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0946\/5692\/1971\/files\/a58e8dff1203791902a0c830ff5343fa.jpg?v=1780641584","url":"https:\/\/woyuosn.com\/products\/blue-butterfly-mandala-spinner","provider":"Woyuosn","version":"1.0","type":"link"}