{"product_id":"three-color-one-swipe-shadow-rjc","title":"Kolmivärinen yhdellä vedolla levittyvä luomiväri","description":"\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--\n  [AI Design Logic]\n  产品类型：美妆工具（便捷型眼影）\n  目标受众：化妆新手、忙碌人群、手残党\n  视觉风格：金色轻奢、闪耀、温暖、直观展示\n  配色策略：以金色为主色调，搭配柔和的米色\/奶油色背景，营造高级且易用的氛围\n  模块顺序：Hero (核心利益) -\u003e Feature 1 (极速上妆\/教程) -\u003e Feature 2 (三色结构原理) -\u003e Feature 3 (质地与持久度) -\u003e Specs -\u003e FAQ\n  详情图映射：Hero=image_2.png, Feature1=image_3.png, Feature2=image_5.png, Feature3=image_4.png\n  规格图映射：Specs=无专用规格图，从详情提取\n  对比模块：未加入（Feature 1 的 Before\/After 已起到了对比作用）\n  --\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n      --primary: #D4AF37; \/* 金色主调 *\/\n      --primary-hover: #C19B2E;\n      --text-main: #333333;\n      --text-sub: #666666;\n      --bg-body: #ffffff;\n      --bg-card: #F9F6F0; \/* 柔和米色背景 *\/\n      --bg-soft: #FDFBF7;\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: #EAEAEA;\n      --spacing-section: clamp(3rem, 8vw, 5rem);\n      --spacing-item: clamp(1.5rem, 4vw, 2.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    }\n\n    \/* Base Typo *\/\n    .product-detail-container h1 { font-size: clamp(32px, 5vw, 44px); font-weight: 700; line-height: 1.2; margin-bottom: 1rem; color: var(--text-main); }\n    .product-detail-container h2 { font-size: clamp(26px, 4vw, 34px); font-weight: 600; line-height: 1.3; margin-bottom: 1.5rem; }\n    .product-detail-container h3 { font-size: 22px; font-weight: 600; margin-bottom: 1rem; }\n    .product-detail-container p { font-size: 18px; color: var(--text-sub); margin-bottom: 1.5rem; }\n    .product-detail-container .lead-text { font-size: 20px; color: var(--text-main); font-weight: 500; }\n\n    \/* Utilities *\/\n    .pd-section { margin-bottom: var(--spacing-section); }\n    .pd-grid { display: grid; gap: var(--spacing-item); }\n    .pd-img-responsive { width: 100%; height: auto; display: block; border-radius: var(--radius-md); }\n    .text-center { text-align: center; }\n    .pd-Badge { display: inline-block; padding: 6px 12px; background: var(--bg-card); color: var(--primary); border-radius: 20px; font-size: 14px; font-weight: 600; border: 1px solid var(--primary); margin-bottom: 1rem; }\n    .pd-tag-group { display: flex; flex-wrap: wrap; gap: 0.8rem; margin-top: 1rem; }\n    .pd-tag { background: var(--bg-soft); padding: 6px 14px; border-radius: var(--radius-md); font-size: 15px; color: var(--text-sub); border: 1px solid var(--border-color); }\n\n    \/* Image Placeholder Styling *\/\n    .img-placeholder {\n      width: 100%;\n      min-height: 300px;\n      background-color: #f0f0f0;\n      border: 2px dashed #ccc;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #666;\n      font-family: monospace;\n      border-radius: var(--radius-lg);\n    }\n\n    \/* --- MODULES --- *\/\n\n    \/* Hero *\/\n    .pd-hero {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: var(--spacing-item);\n      align-items: center;\n    }\n    .pd-hero-content { max-width: 600px; }\n\n    \/* Feature Section (Z-Pattern) *\/\n    .pd-feature {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: var(--spacing-item);\n      align-items: center;\n      padding: var(--spacing-item) 0;\n    }\n    .pd-feature-media { position: relative; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-sm); }\n\n    \/* Specs *\/\n    .pd-specs-table { width: 100%; border-collapse: collapse; background: var(--bg-card); border-radius: var(--radius-lg); overflow: hidden; }\n    .pd-specs-table th, .pd-specs-table td { padding: 1.2rem; text-align: left; border-bottom: 1px solid var(--border-color); font-size: 17px; }\n    .pd-specs-table th { width: 35%; font-weight: 600; color: var(--text-main); background: var(--bg-soft); }\n    .pd-specs-table td { color: var(--text-sub); }\n    .pd-specs-table tr:last-child th, .pd-specs-table tr:last-child td { border-bottom: none; }\n\n    \/* FAQ *\/\n    .pd-faq-item { background: var(--bg-card); padding: 1.5rem; border-radius: var(--radius-md); margin-bottom: 1rem; }\n    .pd-faq-question { font-weight: 600; font-size: 19px; margin-bottom: 0.5rem; color: var(--text-main); display: flex; align-items: center; }\n    .pd-faq-question::before { content: \"Q.\"; color: var(--primary); margin-right: 8px; font-weight: 700; }\n    .pd-faq-answer { font-size: 17px; color: var(--text-sub); margin-bottom: 0; padding-left: 28px; }\n\n    \/* Responsive *\/\n    @media (min-width: 768px) {\n      .pd-hero { grid-template-columns: 1fr 1fr; }\n      .pd-feature { grid-template-columns: 1fr 1fr; }\n      .pd-feature.reverse { direction: rtl; }\n      .pd-feature.reverse \u003e * { direction: ltr; }\n      .pd-hero-content { padding-right: 2rem; }\n    }\n\n    @media (max-width: 767px) {\n      .pd-hero-content { text-align: center; order: 2; }\n      .pd-hero-media { order: 1; }\n      .pd-feature-media { order: 1; }\n      .pd-feature-copy { order: 2; }\n      .pd-specs-table, .pd-specs-table tbody, .pd-specs-table tr, .pd-specs-table th, .pd-specs-table td { display: block; width: 100%; }\n      .pd-specs-table tr { margin-bottom: 1rem; border: 1px solid var(--border-color); border-radius: var(--radius-md); overflow: hidden; }\n      .pd-specs-table th { display: none; }\n      .pd-specs-table td { position: relative; padding-left: 45%; text-align: right; border-bottom: 1px solid var(--border-color); }\n      .pd-specs-table td::before { content: attr(data-label); position: absolute; left: 1.2rem; top: 1.2rem; font-weight: 600; color: var(--text-main); }\n    }\n\u003c\/style\u003e\n\u003c!-- Section A: Intro \/ Hero --\u003e\n\u003cdiv class=\"pd-section pd-hero\"\u003e\n\u003cdiv class=\"pd-hero-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img48\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/2320511\/20260801153824\/be97e53708b472e7389cb28fc6f64473.jpeg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-hero-content\"\u003e\n\u003cspan class=\"pd-Badge\"\u003e✨ Vaivaton viraali-kauneus\u003c\/span\u003e\n\n\u003ch1\u003eVälittömästi ammattimainen liukuvärisilmämeikki yhdellä pyyhkäisyllä.\u003c\/h1\u003e\n\n\u003cp class=\"lead-text\"\u003eSano hyvästit sotkuisille siveltimille ja monimutkaiselle häivyttämiselle. Saat virheettömän, hohtavan kolmen värin silmämeikin muutamassa sekunnissa.\u003c\/p\u003e\n\n\u003cp\u003eAloittelijoille ja kiireisiin päiviin suunniteltu 3-in-1 Glaze Stick -puikko sisältää täydellisesti mitoitetut värit pohjalle, häivytykseen ja korostukseen yhdellä tasaisella liikkeellä.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section B: Feature 1 - How To (Image 3) --\u003e\n\n\u003cdiv class=\"pd-section pd-feature\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img49\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/2320511\/20260801153019\/8761c3ad1bc3ca50f6fc6bfc542afd48.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-feature-copy\"\u003e\n\u003ch2\u003eTäydellinen lopputulos 3 sekunnissa. Ihan oikeasti.\u003c\/h2\u003e\n\n\u003cp\u003eMoniulotteisen silmämeikin luominen ei ole koskaan ollut näin helppoa. Pyyhkäise puikkoa kevyesti vaakasuunnassa luomen yli. Värit on aseteltu valmiiksi luomaan välitön liukuväri. Nopea taputtelu sormenpäällä riittää reunojen pehmentämiseen. Valmista!\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tag-group\"\u003e\n\u003cspan class=\"pd-tag\"\u003eEt tarvitse erityistaitoja\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003ePyyhkäise ja menoksi\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eEt tarvitse välineitä\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section B: Feature 2 - Structure (Image 5) --\u003e\n\n\u003cdiv class=\"pd-section pd-feature reverse\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img41\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/2320511\/20260801153019\/f6be1bbe06a74a3a30ce3657bda883af.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-feature-copy\"\u003e\n\u003ch2\u003eSalaisuus on kolmikerroksisessa sisuksessa.\u003c\/h2\u003e\n\n\u003cp\u003eInnovatiivinen muotoilu poistaa arvailun tarpeen. Puikko on jaettu tarkasti kolmeen erilliseen hohtavaan sävyyn: tummaan pohjasävyyn, keskisävyiseen häivytyssävyyn ja vaaleaan korostussävyyn. Näin saat täydellisesti tasapainotetun, ammattimaisen liukuväriefektin joka kerta.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tag-group\"\u003e\n\u003cspan class=\"pd-tag\"\u003eTäydelliset mittasuhteet\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eVälitön syvyys\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eTasainen lopputulos\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section B: Feature 3 - Texture \u0026 Benefits (Image 4) --\u003e\n\n\u003cdiv class=\"pd-section pd-feature\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img51\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/2320511\/20260801153019\/beb3dce59d902cb6fce9ce674e641d92.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-feature-copy\"\u003e\n\u003ch2\u003eVoidemainen, unelmankevyt ja paikoillaan koko päivän.\u003c\/h2\u003e\n\n\u003cp\u003eSamettinen, voidemainen koostumus sulautuu ihoon ja tekee levityksestä tasaista ilman herkän silmänympärysihon vetämistä. Asetuttuaan se on vedenkestävä, suttaantumaton ja suunniteltu kestämään jopa 12 tuntia hikoilusta ja kosteudesta huolimatta. Saatavana useina upeina, helposti käytettävinä hohtavina väriyhdistelminä.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tag-group\"\u003e\n\u003cspan class=\"pd-tag\"\u003e💧 Vedenkestävä\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003e🕒 Kesto jopa 12 tuntia\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003e✨ Hohtava lopputulos\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003e☁️ Silkkinen koostumus\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Section C: Specifications --\u003e\n\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch2 class=\"text-center\"\u003eTuotetiedot\u003c\/h2\u003e\n\n\u003ctable class=\"pd-specs-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth scope=\"row\"\u003eTuotetyyppi\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Product Type\"\u003eKolmen värin liukuväri-luomiväripuikko\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth scope=\"row\"\u003eKäyttö\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Application\"\u003eSuoraan iholle levitettävä puikko\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth scope=\"row\"\u003eLopputulos\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Finish\"\u003eHohtava \/ metallinen\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth scope=\"row\"\u003eKoostumus\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Texture\"\u003eVoidemainen, helposti häivytettävä koostumus\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth scope=\"row\"\u003eTärkeimmät edut\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Key Benefits\"\u003eVedenkestävä, suttaantumaton, pitkäkestoinen (jopa 12 h)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- Section D: FAQ --\u003e\n\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch2 class=\"text-center\"\u003eUsein kysytyt kysymykset\u003c\/h2\u003e\n\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003cdiv class=\"pd-faq-question\"\u003eTarvitsenko tämän käyttöön siveltimiä tai muita välineitä?\u003c\/div\u003e\n\n\u003cp class=\"pd-faq-answer\"\u003eEi lainkaan! Puikko on suunniteltu levitettäväksi suoraan luomelle. Tarvitset vain sormenpääsi nopeaan viimeistelyhäivytykseen, jos haluat pehmentää reunoja.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003cdiv class=\"pd-faq-question\"\u003eKertyykö tämä juonteisiin tai suttaantuuko se päivän aikana?\u003c\/div\u003e\n\n\u003cp class=\"pd-faq-answer\"\u003eKoostumus on suunniteltu erityisesti kestämään pitkään. Kun se asettuu iholle, siitä tulee vedenkestävä ja se kestää suttaantumista sekä juonteisiin kertymistä jopa 12 tuntia.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003cdiv class=\"pd-faq-question\"\u003eSopiiko tämä täysin aloittelijoille?\u003c\/div\u003e\n\n\u003cp class=\"pd-faq-answer\"\u003eEhdottomasti. Se on suunniteltu ratkaisemaan aloittelijoiden suurimmat haasteet: yhteensopivien värien valitseminen ja niiden oikea häivyttäminen. Tämä puikko tekee molemmat puolestasi automaattisesti.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Newjoyloo","offers":[{"title":"Osta 1, saat 3 kaupan päälle","offer_id":47135784861869,"sku":"1732353498966823815","price":14.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0727\/2831\/4029\/files\/829932c6bc9b7e8e0dfca767ecc130ae.jpg?v=1785570224","url":"https:\/\/newjoyloo.com\/fi\/products\/three-color-one-swipe-shadow-rjc","provider":"Newjoyloo","version":"1.0","type":"link"}