{"product_id":"invisible-finish-spf-50-rjc","title":"Invisible Finish SPF 50+","description":"\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--\n  [AI Design Logic]\n  产品类型：SPF 50+ PA++++ 广谱防晒霜\n  目标受众：需要高效防晒且讨厌泛白、油腻感的人群，包括敏感肌\n  视觉风格：专业、清透、科技感与护肤感结合\n  配色策略：以产品包装的橙色为强调色(--primary)，搭配干净的黑白灰底色\n  模块顺序：Hero (核心卖点隐形) -\u003e Feature 1 (质地展示) -\u003e Feature 2 (护肤成分) -\u003e How to Use (使用场景) -\u003e Specifications -\u003e FAQ\n  详情图映射：Hero=image_4.png (最具说服力的UV对比), Feature1=image_2.png (质地), Feature2=image_5.png (成分), HowToUse=image_3.png (使用动作)\n  规格图映射：Specs数据来源于包装文字提取\n  对比模块：Hero图本身即包含了强大的对比形式，无需额外独立对比模块\n  --\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n      --primary: #FF7F32; \/* NIDA Orange from packaging *\/\n      --primary-hover: #E66A2E;\n      --text-main: #1A1A1A;\n      --text-sub: #555555;\n      --bg-body: #FFFFFF;\n      --bg-card: #F8F9FA;\n      --bg-soft: #F0F2F5;\n      --radius-md: 8px;\n      --radius-lg: 16px;\n      --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);\n      --border-color: #EEEFFF;\n      --spacing-section: clamp(2rem, 5vw, 4rem);\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 { 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: 24px; }\n    .product-detail-container h3 { font-size: 20px; font-weight: 600; margin-bottom: 12px; }\n    .product-detail-container p { font-size: 18px; color: var(--text-sub); margin-bottom: 16px; }\n    .product-detail-container .lead-text { font-size: 20px; color: var(--text-main); font-weight: 500; }\n    .product-detail-container .small-text { font-size: 16px; color: var(--text-sub); }\n\n    \/* Utilities *\/\n    .text-center { text-align: center; }\n    . text-primary { color: var(--primary); }\n    .img-fluid { width: 100%; height: auto; display: block; border-radius: var(--radius-lg); }\n    .section-spacing { margin-bottom: var(--spacing-section); }\n\n    \/* Image Placeholders *\/\n    .img-placeholder {\n      width: 100%;\n      min-height: 300px;\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      font-size: 14px;\n    }\n\n    \/* Components *\/\n    .trust-badge {\n      display: inline-block;\n      padding: 6px 12px;\n      background-color: var(--bg-soft);\n      color: var(--text-sub);\n      border-radius: 20px;\n      font-size: 14px;\n      font-weight: 500;\n      margin-bottom: 16px;\n    }\n\n    .feature-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }\n    .feature-tag {\n      font-size: 14px;\n      padding: 4px 10px;\n      background: var(--bg-card);\n      color: var(--text-sub);\n      border-radius: 4px;\n      border: 1px solid var(--border-color);\n    }\n\n    \/* Hero Section *\/\n    .hero-section {\n      display: flex;\n      flex-direction: column;\n      gap: 2rem;\n      align-items: center;\n      text-align: center;\n    }\n    .hero-content { max-width: 800px; }\n\n    \/* Feature Sections (Z-Pattern) *\/\n    .feature-row {\n      display: flex;\n      flex-direction: column;\n      gap: 2rem;\n      align-items: center;\n    }\n    .feature-media, .feature-copy { width: 100%; }\n\n    @media (min-width: 768px) {\n      .feature-row { flex-direction: row; gap: 4rem; }\n      .feature-row.reverse { flex-direction: row-reverse; }\n      .feature-media, .feature-copy { flex: 1; }\n    }\n\n    \/* How To Use Section *\/\n    .how-to-use-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 2rem;\n      background-color: var(--bg-card);\n      padding: clamp(2rem, 4vw, 3rem);\n      border-radius: var(--radius-lg);\n    }\n    .step-item { display: flex; gap: 1rem; align-items: flex-start; }\n    .step-number {\n      font-size: 24px;\n      font-weight: 700;\n      color: var(--primary);\n      line-height: 1;\n    }\n\n    @media (min-width: 768px) {\n      .how-to-use-grid { grid-template-columns: 1fr 1fr; align-items: center; }\n    }\n\n    \/* Specifications *\/\n    .specs-table {\n      width: 100%;\n      border-collapse: collapse;\n      background: var(--bg-card);\n      border-radius: var(--radius-md);\n      overflow: hidden;\n    }\n    .specs-table th, .specs-table td {\n      padding: 16px;\n      text-align: left;\n      border-bottom: 1px solid var(--border-color);\n    }\n    .specs-table th { width: 35%; color: var(--text-sub); font-weight: 500; background: var(--bg-soft); }\n    .specs-table tr:last-child td, .specs-table tr:last-child th { border-bottom: none; }\n\n    @media (max-width: 767px) {\n      .specs-table, .specs-table tbody, .specs-table tr, .specs-table th, .specs-table td { display: block; width: 100%; }\n      .specs-table thead { display: none; }\n      .specs-table th { background: transparent; padding-bottom: 4px; color: var(--text-main); font-weight: 600; }\n      .specs-table td { padding-top: 0; padding-bottom: 20px; border: none; color: var(--text-sub); }\n    }\n\n    \/* FAQ *\/\n    .faq-item { border-bottom: 1px solid var(--border-color); }\n    .faq-item details { padding: 20px 0; }\n    .faq-item summary {\n      font-size: 20px;\n      font-weight: 600;\n      cursor: pointer;\n      list-style: none;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n    .faq-item summary::-webkit-details-marker { display: none; }\n    .faq-item summary::after { content: '+'; font-size: 24px; color: var(--primary); font-weight: 400; }\n    .faq-item details[open] summary::after { content: '−'; }\n    .faq-item p { margin-top: 16px; margin-bottom: 0; color: var(--text-sub); }\n\u003c\/style\u003e\n\u003c!-- A. Intro \/ Hero Content Block --\u003e\n\u003cdiv class=\"hero-section section-spacing\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cspan class=\"trust-badge\"\u003eNew Arrival ✨ Invisible Protection\u003c\/span\u003e\n\u003ch1\u003eInvisible SPF 50+ Protection.\u003cbr\u003e\nNo White Cast. Period.\u003c\/h1\u003e\n\n\u003cp class=\"lead-text\"\u003eThe advanced broad-spectrum sun cream that disappears into all skin types, leaving a weightless, non-greasy finish.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"hero-media\" style=\"width: 100%; max-width: 1000px;\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img68\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/2320511\/20260730152128\/89811f1d404298ea16de9aa126c7a1a3.jpeg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cp class=\"small-text text-center\" style=\"margin-top: 12px;\"\u003e*Visualization of UV protection vs. naked eye appearance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- B. Feature Sections --\u003e\u003c!-- Feature 1: Texture \u0026 Invisible Fit --\u003e\n\n\u003cdiv class=\"feature-row section-spacing\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img61\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/2320511\/20260730152001\/95eac65b0ab1cb54a803fbc7fa2991af.jpeg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eFinally, Sunscreen That Feels Like Nothing\u003c\/h2\u003e\n\n\u003cp\u003eOur \"Invisible Fit\" formula applies as a light, hydrating lotion and immediately melts clear into the skin. Say goodbye to heavy, chalky residues and greasy films. It provides high-performance SPF50+ PA++++ protection that is truly undetectable.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003eNo White Cast\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eNon-Greasy Finish\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eLightweight\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2: Skincare Ingredients --\u003e\n\n\u003cdiv class=\"feature-row reverse section-spacing\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img62\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/2320511\/20260730152036\/d598d0e50e7ecb0a3fa9afa16c3f085d.jpeg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eSuncare Meets Skincare\u003c\/h2\u003e\n\n\u003cp\u003eMore than just sun protection. We've enriched our formula with Panthenol (Vitamin B5) and Tocopherol (Vitamin E) to deeply moisturize, soothe, and defend your skin against environmental stressors while you wear it. Aloe Vera adds a calming touch.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003eVitamin B5 + E\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eMoisturizing\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eSoothing Aloe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3: Safety \u0026 Ecology --\u003e\n\n\u003cdiv class=\"feature-row section-spacing\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\" style=\"aspect-ratio: 1\/1;\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img67\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/2320511\/20260730152254\/cef5e2317e12e845a67be68df72a926f.jpeg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eGentle on Skin, Kinder to Oceans\u003c\/h2\u003e\n\n\u003cp\u003eFormulated with a low-irritation profile suitable for sensitive skin. We are proud to be reef-friendly, excluding Oxybenzone and Octinoxate to help protect marine ecosystems. Safe for your face and body.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003eReef-Friendly\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eSensitive Skin Safe\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eParaben-Free\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Use Scenario Section --\u003e\n\n\u003cdiv class=\"section-spacing\"\u003e\n\u003ch2 class=\"text-center\"\u003eYour Daily Shield Ritual\u003c\/h2\u003e\n\n\u003cdiv class=\"how-to-use-grid\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img65\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/2320511\/20260730155102\/b6fb8f4ca5241cee1548db2da8fbe8e7.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"steps-container\"\u003e\n\u003cdiv class=\"step-item\" style=\"margin-bottom: 24px;\"\u003e\n\u003cdiv class=\"step-number\"\u003e01\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003ch3\u003eApply Liberally\u003c\/h3\u003e\n\n\u003cp\u003eUse as the last step of your morning skincare routine. Apply generously to face and neck 15 minutes before sun exposure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"step-item\"\u003e\n\u003cdiv class=\"step-number\"\u003e02\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003ch3\u003eReapply Often\u003c\/h3\u003e\n\n\u003cp\u003eFor continuous protection, reapply at least every 2 hours, especially after swimming, sweating, or towel-drying.\u003c\/p\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=\"section-spacing\"\u003e\n\u003ch2 class=\"text-center\"\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\u003eProduct Name\u003c\/th\u003e\n\t\t\t\u003ctd\u003eInvisible Fit Sun Cream\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eProtection Level\u003c\/th\u003e\n\t\t\t\u003ctd\u003eSPF50+ PA++++ (Broad Spectrum UVA\/UVB)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eVolume\u003c\/th\u003e\n\t\t\t\u003ctd\u003e50g \/ 1.76 oz\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eKey Ingredients\u003c\/th\u003e\n\t\t\t\u003ctd\u003eNiacinamide, Panthenol (Vitamin B5), Tocopherol (Vitamin E), Adenosine, Aloe Vera\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eFormulation\u003c\/th\u003e\n\t\t\t\u003ctd\u003eNo White Cast, Low Irritation, Reef-Friendly (Oxybenzone\/Octinoxate-free)\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=\"section-spacing\" style=\"max-width: 800px; margin-left: auto; margin-right: auto;\"\u003e\n\u003ch2 class=\"text-center\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdetails\u003e\u003csummary\u003eWill this leave a white cast on darker skin tones?\u003c\/summary\u003e\n\n\u003cp\u003eNo. The Invisible Fit formula is specifically designed to blend seamlessly into all skin tones without leaving any white residue or \"ghosting\" effect once absorbed.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdetails\u003e\u003csummary\u003eIs this suitable for oily or acne-prone skin?\u003c\/summary\u003e\n\n\u003cp\u003eYes. The texture is lightweight and non-greasy, designed not to clog pores (non-comedogenic), making it suitable for various skin types, including oily and combination skin.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdetails\u003e\u003csummary\u003eCan I wear makeup over this sunscreen?\u003c\/summary\u003e\n\n\u003cp\u003eAbsolutely. It dries down to a smooth, hydrated finish that acts as an excellent primer under makeup, without pilling.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Newjoyloo","offers":[{"title":"1-pack \/ 50mL","offer_id":47089072734381,"sku":"1732232415899194103","price":14.95,"currency_code":"USD","in_stock":true},{"title":"2-pack \/ 50mL","offer_id":47089072767149,"sku":"1732232415899259639","price":24.95,"currency_code":"USD","in_stock":true},{"title":"4-pack \/ 50mL","offer_id":47089072799917,"sku":"1732232415899325175","price":39.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0727\/2831\/4029\/files\/1d334bdff4bc8323049c289416a4db53.jpg?v=1785403488","url":"https:\/\/newjoyloo.com\/products\/invisible-finish-spf-50-rjc","provider":"Newjoyloo","version":"1.0","type":"link"}