{"product_id":"topspire-night-light-projector-hei","title":"TOPSPIRE® HD Smart Dynamic 5D Holographic Night Light Projector","description":"\u003cstyle\u003e\n  .topspire-product {\n    --topspire-bg: #050814;\n    --topspire-bg-soft: #0b1024;\n    --topspire-card: rgba(16, 24, 54, 0.76);\n    --topspire-card-strong: rgba(12, 20, 46, 0.94);\n    --topspire-line: rgba(135, 170, 255, 0.22);\n    --topspire-text: #f6f8ff;\n    --topspire-muted: #c4cbe2;\n    --topspire-blue: #78b7ff;\n    --topspire-cyan: #6fffe9;\n    --topspire-purple: #b08cff;\n    --topspire-radius: 22px;\n    --topspire-shadow: 0 18px 50px rgba(0, 0, 0, 0.28);\n\n    position: relative;\n    width: 100%;\n    max-width: 1180px;\n    margin: 0 auto;\n    padding: 34px 28px 46px;\n    box-sizing: border-box;\n    overflow: hidden;\n    border-radius: 28px;\n    color: var(--topspire-text);\n    background:\n      radial-gradient(circle at 12% 8%, rgba(83, 122, 255, 0.22), transparent 34%),\n      radial-gradient(circle at 88% 18%, rgba(78, 245, 226, 0.12), transparent 30%),\n      radial-gradient(circle at 60% 72%, rgba(150, 92, 255, 0.14), transparent 34%),\n      linear-gradient(180deg, #070b18 0%, #050814 58%, #060a18 100%);\n    box-shadow: var(--topspire-shadow);\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    line-height: 1.72;\n    -webkit-font-smoothing: antialiased;\n    text-rendering: optimizeLegibility;\n  }\n\n  .topspire-product,\n  .topspire-product * {\n    box-sizing: border-box;\n  }\n\n  .topspire-product::before,\n  .topspire-product::after {\n    content: \"\";\n    position: absolute;\n    z-index: 0;\n    width: 320px;\n    height: 320px;\n    border-radius: 999px;\n    filter: blur(72px);\n    opacity: 0.18;\n    pointer-events: none;\n  }\n\n  .topspire-product::before {\n    top: 7%;\n    right: -150px;\n    background: #4fd9ff;\n  }\n\n  .topspire-product::after {\n    bottom: 18%;\n    left: -170px;\n    background: #855dff;\n  }\n\n  .topspire-product \u003e * {\n    position: relative;\n    z-index: 1;\n  }\n\n  .topspire-product p {\n    margin: 0 0 18px;\n    color: var(--topspire-muted);\n    font-size: 16px;\n    letter-spacing: 0.01em;\n  }\n\n  .topspire-product p \u003e strong,\n  .topspire-product p \u003e span,\n  .topspire-product strong {\n    color: var(--topspire-text);\n  }\n\n  .topspire-product h2 {\n    margin: 42px 0 18px;\n    color: #ffffff;\n    font-size: clamp(24px, 3vw, 36px);\n    line-height: 1.2;\n    letter-spacing: -0.02em;\n    text-shadow: 0 0 26px rgba(120, 183, 255, 0.2);\n  }\n\n  .topspire-product img {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    height: auto;\n    margin: 0 auto;\n    border-radius: 18px;\n    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.26);\n  }\n\n  .topspire-product \u003e p:has(\u003e img),\n  .topspire-product \u003e div[style*=\"text-align\"] {\n    margin: 22px 0;\n  }\n\n  .topspire-product \u003e p[style*=\"text-align: center\"] {\n    margin: 34px auto 10px;\n    color: #fff;\n    font-size: clamp(24px, 3.2vw, 40px);\n    line-height: 1.18;\n    letter-spacing: -0.025em;\n  }\n\n  .topspire-notice-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    margin: 0 0 18px;\n    padding: 10px 14px;\n    border: 1px solid rgba(120, 183, 255, 0.3);\n    border-radius: 999px;\n    color: #eaf4ff;\n    background: linear-gradient(\n      135deg,\n      rgba(57, 104, 255, 0.2),\n      rgba(73, 222, 255, 0.1)\n    );\n    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);\n    font-size: 13px;\n    letter-spacing: 0.08em;\n  }\n\n  .topspire-feature-subtitle {\n    max-width: 760px;\n    margin: 0 auto 28px !important;\n    text-align: center;\n    color: #b8c8e9 !important;\n    font-size: 16px !important;\n  }\n\n  .topspire-feature-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 16px;\n    margin: 24px 0 28px;\n  }\n\n  .topspire-feature-card {\n    position: relative;\n    min-height: 100%;\n    padding: 22px;\n    overflow: hidden;\n    border: 1px solid var(--topspire-line);\n    border-radius: var(--topspire-radius);\n    background:\n      linear-gradient(\n        145deg,\n        rgba(21, 32, 70, 0.92),\n        rgba(9, 15, 35, 0.82)\n      );\n    box-shadow:\n      inset 0 1px 0 rgba(255, 255, 255, 0.04),\n      0 12px 30px rgba(0, 0, 0, 0.18);\n  }\n\n  .topspire-feature-card::after {\n    content: \"\";\n    position: absolute;\n    inset: auto -15% -48% auto;\n    width: 170px;\n    height: 170px;\n    border-radius: 50%;\n    background: radial-gradient(\n      circle,\n      rgba(111, 255, 233, 0.16),\n      transparent 68%\n    );\n    pointer-events: none;\n  }\n\n  .topspire-feature-grid .topspire-feature-card:last-child:nth-child(odd) {\n    grid-column: 1 \/ -1;\n  }\n\n  .topspire-icon {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n    margin-bottom: 10px;\n    color: #ffffff;\n    font-size: 17px;\n    line-height: 1.45;\n  }\n\n  .topspire-card-content p {\n    margin: 0;\n    color: #bdc7e2;\n    font-size: 15px;\n  }\n\n  .topspire-guarantee {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n    gap: 8px;\n    margin: 28px 0;\n    padding: 22px 24px;\n    border: 1px solid rgba(111, 255, 233, 0.28);\n    border-radius: var(--topspire-radius);\n    background:\n      linear-gradient(\n        135deg,\n        rgba(32, 168, 157, 0.13),\n        rgba(91, 89, 255, 0.13)\n      ),\n      var(--topspire-card-strong);\n    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2);\n  }\n\n  .topspire-guarantee .topspire-icon {\n    margin-bottom: 0;\n  }\n\n  .topspire-guarantee p {\n    margin: 0;\n  }\n\n  .topspire-mini-strip {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 10px;\n    margin: 22px 0 30px;\n  }\n\n  .topspire-mini-item {\n    display: flex;\n    min-height: 78px;\n    align-items: center;\n    justify-content: center;\n    gap: 7px;\n    padding: 14px;\n    border: 1px solid rgba(120, 183, 255, 0.2);\n    border-radius: 16px;\n    text-align: center;\n    color: #c8d3ee;\n    background: rgba(12, 19, 42, 0.7);\n    font-size: 14px;\n  }\n\n  .topspire-mini-item strong {\n    display: inline-block;\n    color: var(--topspire-cyan);\n    font-size: 18px;\n    line-height: 1;\n  }\n\n  .topspire-product \u003e p:not([class]):not([style]):not(:has(\u003e img)) {\n    max-width: 920px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .topspire-product\n    \u003e p:not([class]):not([style]):not(:has(\u003e img))\n    + h2,\n  .topspire-product h2 + p {\n    max-width: 920px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .topspire-product \u003e p \u003e img {\n    margin-top: 6px;\n    margin-bottom: 6px;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .topspire-feature-card,\n    .topspire-mini-item,\n    .topspire-product img {\n      transition:\n        transform 0.28s ease,\n        border-color 0.28s ease,\n        box-shadow 0.28s ease;\n    }\n\n    .topspire-feature-card:hover {\n      transform: translateY(-3px);\n      border-color: rgba(120, 183, 255, 0.38);\n      box-shadow: 0 18px 36px rgba(0, 0, 0, 0.24);\n    }\n\n    .topspire-mini-item:hover {\n      transform: translateY(-2px);\n      border-color: rgba(111, 255, 233, 0.32);\n    }\n  }\n\n  @media (max-width: 767px) {\n    .topspire-product {\n      padding: 22px 14px 32px;\n      border-radius: 20px;\n      line-height: 1.65;\n    }\n\n    .topspire-product p {\n      margin-bottom: 15px;\n      font-size: 15px;\n    }\n\n    .topspire-product h2 {\n      margin: 32px 0 14px;\n      font-size: 25px;\n    }\n\n    .topspire-product \u003e p[style*=\"text-align: center\"] {\n      margin-top: 28px;\n      font-size: 26px;\n    }\n\n    .topspire-notice-badge {\n      padding: 9px 12px;\n      font-size: 12px;\n    }\n\n    .topspire-feature-subtitle {\n      margin-bottom: 20px !important;\n      font-size: 15px !important;\n    }\n\n    .topspire-feature-grid {\n      grid-template-columns: 1fr;\n      gap: 12px;\n      margin: 18px 0 22px;\n    }\n\n    .topspire-feature-grid\n      .topspire-feature-card:last-child:nth-child(odd) {\n      grid-column: auto;\n    }\n\n    .topspire-feature-card {\n      padding: 18px 16px;\n      border-radius: 18px;\n    }\n\n    .topspire-icon {\n      font-size: 16px;\n    }\n\n    .topspire-card-content p {\n      font-size: 14.5px;\n    }\n\n    .topspire-guarantee {\n      margin: 22px 0;\n      padding: 18px 16px;\n      border-radius: 18px;\n    }\n\n    .topspire-mini-strip {\n      grid-template-columns: 1fr;\n      gap: 8px;\n      margin: 18px 0 24px;\n    }\n\n    .topspire-mini-item {\n      min-height: 58px;\n      justify-content: flex-start;\n      padding: 12px 15px;\n      text-align: left;\n    }\n\n    .topspire-product img {\n      border-radius: 14px;\n    }\n\n    .topspire-product \u003e p:has(\u003e img),\n    .topspire-product \u003e div[style*=\"text-align\"] {\n      margin: 16px 0;\n    }\n  }\n\n  @media (max-width: 390px) {\n    .topspire-product {\n      padding-left: 12px;\n      padding-right: 12px;\n    }\n\n    .topspire-feature-card,\n    .topspire-guarantee {\n      padding-left: 14px;\n      padding-right: 14px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .topspire-product *,\n    .topspire-product *::before,\n    .topspire-product *::after {\n      scroll-behavior: auto !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"topspire-product\"\u003e\n\u003cdiv class=\"topspire-notice-badge\"\u003e⚠️\u003cstrong\u003e TECHNOLOGY NOTICE\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eTOPSPIRE \u003c\/span\u003eprojectors are designed with advanced optical engineering and smart dynamic projection technology to create a clearer, smoother, and more immersive visual experience at home.\u003c\/p\u003e\n\u003cdiv style=\"text-align: start;\"\u003e\u003cimg src=\"https:\/\/opticoat.store\/cdn\/shop\/files\/Comp_2_slim_8195.webp?v=1779181230\u0026amp;width=1500\" alt=\"\" style=\"margin-bottom: 16px; float: none;\" loading=\"eager\" decoding=\"async\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: start;\"\u003e\u003cimg src=\"https:\/\/opticoat.store\/cdn\/shop\/files\/Comp_3_slim_3250.webp?v=1779181227\u0026amp;width=1500\" alt=\"\" style=\"margin-bottom: 16px; float: none;\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0975\/2628\/4600\/files\/20260817-182244-slim_20260817_182715.webp?v=1786962619\" alt=\"\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003eTurn Any Room Into a 5D Galaxy \u0026amp; Ocean Escape\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"topspire-feature-subtitle\"\u003eDesigned for immersive atmosphere, clearer light layers, and smart dynamic scenes that make every night feel different.\u003c\/p\u003e\n\u003cdiv class=\"topspire-feature-grid\"\u003e\n\u003cdiv class=\"topspire-feature-card\"\u003e\n\u003cdiv class=\"topspire-icon\"\u003e✅\u003cstrong\u003e HD Smart 5D Projection · Designed for Immersive Atmosphere \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"topspire-card-content\"\u003e\n\u003cp\u003eTOPSPIRE transforms any room into a relaxing galaxy or ocean-inspired escape, combining high-definition light projection with dynamic motion effects for a more lifelike ambient experience.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"topspire-feature-card\"\u003e\n\u003cdiv class=\"topspire-icon\"\u003e🌌\u003cstrong\u003eGalaxy \u0026amp; Ocean Projection in One Device\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"topspire-card-content\"\u003e\n\u003cp\u003eEnjoy two of the most calming visual worlds in one compact projector — a star-filled galaxy above you or flowing ocean waves around your room.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"topspire-feature-card\"\u003e\n\u003cdiv class=\"topspire-icon\"\u003e📡\u003cstrong\u003eSmart Network-Connected Scene Generation\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"topspire-card-content\"\u003e\n\u003cp\u003eUnlike ordinary projectors with repeated preset patterns, TOPSPIRE can connect to nearby networks and support smart dynamic scene generation, creating randomized galaxy and ocean visuals that feel fresh, natural, and never exactly the same.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"topspire-feature-card\"\u003e\n\u003cdiv class=\"topspire-icon\"\u003e💡\u003cstrong\u003eHD Optical Lens for Clearer Light Layers\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"topspire-card-content\"\u003e\n\u003cp\u003eThe upgraded optical lens helps deliver sharper projection details, smoother movement, and more layered visual depth — creating a premium 5D holographic atmosphere for bedrooms, living rooms, children’s rooms, and relaxation spaces.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"topspire-feature-card\"\u003e\n\u003cdiv class=\"topspire-icon\"\u003e🌙\u003cstrong\u003eA Mini Night Light with a Big Atmosphere\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"topspire-card-content\"\u003e\n\u003cp\u003eCompact, quiet, and easy to use, TOPSPIRE works beautifully as a night light, mood lamp, relaxation projector, or gift for anyone who loves calming room ambience.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"topspire-guarantee\"\u003e\n\u003cdiv class=\"topspire-icon\"\u003e🤝\u003cstrong\u003e 90-Day Extended After-Sales Support + 100% Money-Back Guarantee \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cp\u003eTry TOPSPIRE with confidence. If you are not satisfied, you can request a refund within 90 days.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"topspire-mini-strip\"\u003e\n\u003cdiv class=\"topspire-mini-item\"\u003e\n\u003cstrong\u003eHD\u003c\/strong\u003e Clearer Projection\u003c\/div\u003e\n\u003cdiv class=\"topspire-mini-item\"\u003e\n\u003cstrong\u003e5D\u003c\/strong\u003e Immersive Atmosphere\u003c\/div\u003e\n\u003cdiv class=\"topspire-mini-item\"\u003e\n\u003cstrong\u003e2-in-1\u003c\/strong\u003e Galaxy \u0026amp; Ocean\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0975\/2628\/4600\/files\/ChatGPT_Image_Aug_17_2026_06_06_24_PM-slim_20260817_182942.webp?v=1786962619\" alt=\"\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/p\u003e\n\u003cp\u003eAwarded the \u003cstrong\u003e2026 Best Product Design Award\u003c\/strong\u003e and \u003cstrong\u003eScientific Innovation Award\u003c\/strong\u003e, TOPSPIRE® represents a new generation of smart ambient lighting: compact in size, powerful in performance, and designed to turn any bedroom, living room, or children’s room into a breathtaking 5D visual sanctuary.\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\"\u003e🏠 No Perfect Wall? No Problem.\u003c\/h2\u003e\n\u003cp\u003eYour room doesn’t need to be perfectly shaped, perfectly organized, or have a spotless empty wall. TOPSPIRE’s smart projection system is designed to adapt to your space, intelligently mapping the room’s structure to create a more realistic 5D projection experience.\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0975\/2628\/4600\/files\/f8c01a52-579a-4bb4-8f76-7cd34e4f7ae3-slim_20260829_232227.webp?v=1788016985\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003eWhether the light spreads across the ceiling, corners, furniture, or textured walls, TOPSPIRE helps the galaxy and ocean visuals feel naturally blended into your environment — as if your room was made for it.\u003c\/p\u003e\n\u003cp\u003eJust turn it on and let TOPSPIRE transform your space into an immersive starry sky or deep-ocean escape.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e Experience the future of night lighting — intelligent, immersive, and beautifully designed. \u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0975\/2628\/4600\/files\/3_078ed6fb-cf43-44c4-a3da-02cd6189ad1d.webp?v=1788016804\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSmart Network Sync. Infinite Dynamic Scenes.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eOne of the most powerful features of the TOPSPIRE® HD Smart 5D Ambient Night Light is its intelligent network connection system. Once powered on, the projector can automatically connect to nearby available networks and activate its smart scene-generation engine.\u003c\/p\u003e\n\u003cp\u003eInstead of repeating the same fixed patterns, TOPSPIRE® intelligently creates randomized dynamic visuals in real time — blending drifting galaxies, flowing ocean waves, glowing nebula effects, and deep-sea movement into a constantly changing 5D projection experience.\u003c\/p\u003e\n\u003cp\u003eEvery night feels different.\u003cbr\u003eEvery room becomes a new world.\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0688\/6221\/4300\/files\/55149bba8f07c610f6b09a7bff9ad82a-9cd54b75-a1e5-4907-b9f0-4510b21500bb-ezgif.com-video-to-webp-converter.webp?v=1779108362\" alt=\"\" style=\"display: block; margin-left: auto; margin-right: auto;\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/p\u003e\n\u003cp\u003eFrom a peaceful starry sky to a calming underwater escape, the projection never feels static or ordinary. It moves, shifts, and evolves naturally, giving your bedroom, living room, or children’s room a premium immersive atmosphere that feels alive.\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\"\u003e🚗 Bring the Galaxy Into Your Car\u003c\/h2\u003e\n\u003cp\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0688\/6221\/4300\/files\/23213-ezgif.com-video-to-webp-converter.webp?v=1779122009\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/p\u003e\n\u003cp\u003eTOPSPIRE is not only perfect for bedrooms and living rooms — it can also create a calming starry atmosphere inside your car. The soft ambient light is gentle on the eyes and designed to feel relaxing without being harsh or distracting.\u003c\/p\u003e\n\u003cp\u003eWhether you are parked, resting, camping, waiting, or enjoying a quiet night drive as a passenger, TOPSPIRE fills the car interior with a beautiful galaxy-like glow, making you feel as if you are sitting under a peaceful starry sky.\u003c\/p\u003e\n\u003cp\u003eThe light is soft, immersive, and atmospheric — adding comfort and wonder to every journey without disturbing your driving experience.\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0975\/2628\/4600\/files\/2_f5304959-3129-4d8f-8fdd-2eb5488b4295.webp?v=1788016804\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0975\/2628\/4600\/files\/4_54a20684-4fb8-4683-bc5b-6aa722985f13.webp?v=1788017530\" alt=\"\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  .billhol-guarantee-section,\n  .billhol-guarantee-section * {\n    box-sizing: border-box;\n  }\n\n  .billhol-guarantee-section {\n    --bh-bg: #091027;\n    --bh-bg-deep: #070d21;\n    --bh-text: #ffffff;\n    --bh-muted: #eef0f7;\n    --bh-yellow: #ffd400;\n    --bh-border: rgba(255, 255, 255, 0.18);\n\n    width: 100%;\n    position: relative;\n    overflow: hidden;\n    background:\n      radial-gradient(\n        circle at 18% 3%,\n        rgba(43, 88, 168, 0.26) 0%,\n        rgba(43, 88, 168, 0.08) 22%,\n        transparent 45%\n      ),\n      linear-gradient(\n        180deg,\n        var(--bh-bg) 0%,\n        var(--bh-bg-deep) 100%\n      );\n    color: var(--bh-text);\n    border-radius: 26px;\n    font-family:\n      Inter,\n      ui-sans-serif,\n      -apple-system,\n      BlinkMacSystemFont,\n      \"Segoe UI\",\n      Arial,\n      sans-serif;\n  }\n\n  \/* 顶部斜向高光 *\/\n  .billhol-guarantee-section::before {\n    content: \"\";\n    position: absolute;\n    width: 185px;\n    height: 650px;\n    top: -160px;\n    left: 155px;\n    transform: rotate(10deg);\n    background: linear-gradient(\n      90deg,\n      rgba(255,255,255,0),\n      rgba(255,255,255,0.055),\n      rgba(255,255,255,0)\n    );\n    pointer-events: none;\n  }\n\n  .billhol-guarantee-inner {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 24px 16px 4px;\n  }\n\n  \/* Premium Customer Guarantee *\/\n  .billhol-guarantee-badge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 7px;\n    min-height: 38px;\n    padding: 8px 14px;\n    margin-bottom: 18px;\n\n    border: 1px solid rgba(75, 146, 255, 0.45);\n    border-radius: 999px;\n\n    background: rgba(40, 101, 183, 0.12);\n    box-shadow:\n      inset 0 0 18px rgba(76, 139, 255, 0.06);\n\n    color: #eef5ff;\n\n    font-size: 12px;\n    font-weight: 800;\n    line-height: 1;\n    letter-spacing: 0.35px;\n    text-transform: uppercase;\n  }\n\n  .billhol-guarantee-badge svg {\n    width: 13px;\n    height: 13px;\n    flex: 0 0 auto;\n  }\n\n  .billhol-guarantee-heading {\n    max-width: 760px;\n    margin: 0;\n\n    color: #ffffff;\n\n    font-size: clamp(46px, 8vw, 76px);\n    font-weight: 900;\n    line-height: 0.99;\n    letter-spacing: -2.6px;\n  }\n\n  .billhol-guarantee-description {\n    max-width: 710px;\n    margin: 20px 0 24px;\n\n    color: #eef0f7;\n\n    font-size: 16px;\n    font-weight: 700;\n    line-height: 1.65;\n    letter-spacing: 0.1px;\n  }\n\n  \/* 主保障卡片 *\/\n  .billhol-protection-card {\n    position: relative;\n    overflow: hidden;\n\n    width: 100%;\n    padding: 24px 18px 24px;\n\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 22px;\n\n    background:\n      radial-gradient(\n        circle at 50% 22%,\n        rgba(61, 101, 184, 0.25) 0%,\n        rgba(61, 101, 184, 0.08) 25%,\n        transparent 52%\n      ),\n      linear-gradient(\n        145deg,\n        rgba(60, 68, 96, 0.92) 0%,\n        rgba(35, 39, 67, 0.96) 55%,\n        rgba(48, 30, 72, 0.96) 100%\n      );\n\n    box-shadow:\n      inset 0 1px 0 rgba(255, 255, 255, 0.04);\n  }\n\n  .billhol-protection-card::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n      linear-gradient(\n        125deg,\n        rgba(255,255,255,0.035),\n        transparent 38%\n      );\n    pointer-events: none;\n  }\n\n  \/* 盾牌图标 *\/\n  .billhol-shield-box {\n    position: relative;\n    z-index: 1;\n\n    width: 78px;\n    height: 78px;\n    margin: 0 auto 16px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 22px;\n\n    background:\n      linear-gradient(\n        145deg,\n        #3b7cf7 0%,\n        #6936ef 100%\n      );\n\n    box-shadow:\n      0 10px 26px rgba(53, 49, 228, 0.28);\n  }\n\n  .billhol-shield-box svg {\n    width: 37px;\n    height: 37px;\n  }\n\n  .billhol-card-heading {\n    position: relative;\n    z-index: 1;\n\n    max-width: 720px;\n    margin: 0 auto 12px;\n\n    color: #ffffff;\n\n    text-align: center;\n    font-size: clamp(29px, 6vw, 43px);\n    font-weight: 900;\n    line-height: 1.03;\n    letter-spacing: -1.5px;\n  }\n\n  .billhol-card-heading .billhol-yellow {\n    color: var(--bh-yellow);\n  }\n\n  .billhol-card-copy {\n    position: relative;\n    z-index: 1;\n\n    max-width: 710px;\n    margin: 0 auto;\n\n    color: #f0f1f7;\n\n    text-align: center;\n    font-size: 15px;\n    font-weight: 700;\n    line-height: 1.78;\n    letter-spacing: 0.1px;\n  }\n\n  \/* 三个卖点 *\/\n  .billhol-benefit-grid {\n    position: relative;\n    z-index: 1;\n\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 12px;\n\n    margin-top: 22px;\n  }\n\n  .billhol-benefit-item {\n    min-height: 140px;\n    padding: 14px 10px 12px;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    border: 1px solid rgba(255,255,255,0.16);\n    border-radius: 16px;\n\n    background:\n      linear-gradient(\n        145deg,\n        rgba(255,255,255,0.10),\n        rgba(255,255,255,0.05)\n      );\n\n    text-align: center;\n  }\n\n  .billhol-benefit-title {\n    margin: 0 0 7px;\n\n    color: #ffffff;\n\n    font-size: 17px;\n    font-weight: 900;\n    line-height: 1.1;\n    letter-spacing: 0.3px;\n  }\n\n  .billhol-benefit-text {\n    margin: 0;\n\n    color: #eff0f7;\n\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 2.15;\n  }\n\n  \/* 桌面端布局 *\/\n  @media screen and (min-width: 750px) {\n    .billhol-guarantee-section {\n      border-radius: 28px;\n    }\n\n    .billhol-guarantee-inner {\n      padding: 42px 38px 38px;\n    }\n\n    .billhol-guarantee-badge {\n      font-size: 13px;\n      padding: 10px 18px;\n    }\n\n    .billhol-guarantee-description {\n      font-size: 17px;\n      margin-bottom: 32px;\n    }\n\n    .billhol-protection-card {\n      padding: 32px 30px 30px;\n    }\n\n    .billhol-benefit-item {\n      min-height: 138px;\n      padding: 18px 16px;\n    }\n\n    .billhol-benefit-title {\n      font-size: 19px;\n    }\n\n    .billhol-benefit-text {\n      font-size: 13px;\n    }\n  }\n\n  \/* 手机端，按截图比例优化 *\/\n  @media screen and (max-width: 749px) {\n    .billhol-guarantee-inner {\n      padding-left: 16px;\n      padding-right: 16px;\n    }\n\n    .billhol-guarantee-heading {\n      font-size: clamp(46px, 13vw, 58px);\n      letter-spacing: -2.5px;\n      line-height: 0.92;\n    }\n\n    .billhol-guarantee-description {\n      margin-top: 22px;\n      margin-bottom: 24px;\n\n      font-size: 15.5px;\n      line-height: 1.68;\n    }\n\n    .billhol-protection-card {\n      padding:\n        24px\n        18px\n        24px;\n    }\n\n    .billhol-shield-box {\n      width: 78px;\n      height: 78px;\n    }\n\n    .billhol-card-heading {\n      font-size: 30px;\n      line-height: 1.02;\n    }\n\n    .billhol-card-copy {\n      font-size: 15px;\n      line-height: 1.75;\n    }\n\n    .billhol-benefit-grid {\n      gap: 12px;\n    }\n\n    .billhol-benefit-item {\n      min-height: 139px;\n      padding-left: 7px;\n      padding-right: 7px;\n    }\n\n    .billhol-benefit-title {\n      font-size: 16px;\n      white-space: nowrap;\n    }\n\n    .billhol-benefit-text {\n      font-size: 11.5px;\n      line-height: 2.15;\n    }\n  }\n\n  \/* 超小屏幕 *\/\n  @media screen and (max-width: 360px) {\n    .billhol-guarantee-heading {\n      font-size: 43px;\n    }\n\n    .billhol-card-heading {\n      font-size: 27px;\n    }\n\n    .billhol-benefit-grid {\n      gap: 7px;\n    }\n\n    .billhol-benefit-title {\n      font-size: 14px;\n    }\n\n    .billhol-benefit-text {\n      font-size: 10.5px;\n    }\n  }\n\u003c\/style\u003e\n\u003csection class=\"billhol-guarantee-section\"\u003e\n\u003cdiv class=\"billhol-guarantee-inner\"\u003e\n\u003c!-- 顶部小标签 --\u003e\n\u003cdiv class=\"billhol-guarantee-badge\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n        \u003cpath d=\"M12 3.5L19 6V11.2C19 15.55 16.12 19.45 12 20.7C7.88 19.45 5 15.55 5 11.2V6L12 3.5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e \u003cspan\u003ePremium Customer Guarantee\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 大标题 --\u003e\u003c!-- 说明 --\u003e\u003c!-- 下方保障卡 --\u003e\n\u003cdiv class=\"billhol-protection-card\"\u003e\n\u003c!-- 盾牌 --\u003e\n\u003cdiv class=\"billhol-shield-box\"\u003e\u003csvg viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath d=\"M24 7.5C28 10.4 32.3 10.8 38 9.6V21.4C38 31.5 31.9 38.5 24 41.5C16.1 38.5 10 31.5 10 21.4V9.6C15.7 10.8 20 10.4 24 7.5Z\" stroke=\"white\" stroke-width=\"2.2\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003c!-- 卡片标题 --\u003e\n\u003ch3 class=\"billhol-card-heading\"\u003eTry TOPSPIRE For \u003cspan class=\"billhol-yellow\"\u003e90 Days\u003c\/span\u003e\u003cbr\u003eWith Confidence\u003c\/h3\u003e\n\u003c!-- 卡片正文 --\u003e\n\u003cp class=\"billhol-card-copy\"\u003eWe stand behind the quality of every TOPSPIRE product. If you are not completely satisfied with your purchase, simply contact our support team within 90 days of delivery and we’ll help make it right.\u003c\/p\u003e\n\u003c!-- 三个卖点 --\u003e\n\u003cdiv class=\"billhol-benefit-grid\"\u003e\n\u003cdiv class=\"billhol-benefit-item\"\u003e\n\u003ch4 class=\"billhol-benefit-title\"\u003e90-DAY\u003c\/h4\u003e\n\u003cp class=\"billhol-benefit-text\"\u003eMoney-Back\u003cbr\u003eGuarantee\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"billhol-benefit-item\"\u003e\n\u003ch4 class=\"billhol-benefit-title\"\u003eSSL\u003c\/h4\u003e\n\u003cp class=\"billhol-benefit-text\"\u003eSecure\u003cbr\u003eCheckout\u003cbr\u003eProtection\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"billhol-benefit-item\"\u003e\n\u003ch4 class=\"billhol-benefit-title\"\u003e24\/7\u003c\/h4\u003e\n\u003cp class=\"billhol-benefit-text\"\u003eDedicated\u003cbr\u003eCustomer\u003cbr\u003eSupport\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"YJL","offers":[{"title":"Galaxy","offer_id":52874690560312,"sku":"ARC-3OR4ILU-AA","price":25.97,"currency_code":"USD","in_stock":true},{"title":"Ocean","offer_id":52874690593080,"sku":"ARC-3OR4ILU-AB","price":25.97,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0975\/2628\/4600\/files\/5a7c509b-c818-4297-a0bb-9a8e4de8c850-slim_20260829_232104.webp?v=1788016931","url":"https:\/\/soulhera.top\/products\/topspire-night-light-projector-hei","provider":"Soulhera","version":"1.0","type":"link"}