{"product_id":"drink-friendly-sun-protection-mask","title":"Drink-Friendly Sun Protection Mask","description":" \n\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 Specifications -\u003e FAQ\n  详情图映射：Hero=image_1.png, Feature1=image_3.png, Feature2=image_5.png, Feature3=image_0.png\n  规格图映射：Specs=image_6.png\n  对比模块：未加入（无明显对比需求，核心功能已足够突出）\n  --\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n      --primary: #7D869C;\n      --text-main: #333333;\n      --text-sub: #666666;\n      --bg-soft: #F7F8FA;\n      --radius-lg: 16px;\n      --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.05);\n      \n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 5%;\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    .product-detail-container h1 { font-size: clamp(32px, 5vw, 44px); 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: 16px; }\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 .tag { display: inline-block; background: var(--bg-soft); color: var(--text-sub); padding: 6px 12px; border-radius: 20px; font-size: 16px; margin-right: 8px; margin-bottom: 8px; }\n\n    .pd-section { margin-bottom: clamp(3rem, 8vw, 5rem); }\n    .pd-img-fluid { width: 100%; height: auto; display: block; border-radius: var(--radius-lg); }\n\n    \/* Hero Section *\/\n    .pd-hero { text-align: center; }\n    .pd-hero-content { max-width: 800px; margin: 0 auto 32px; }\n    .pd-trust-badge { color: var(--primary); font-weight: 600; font-size: 16px; display: inline-block; margin-bottom: 16px; }\n    .pd-trust-badge::before { content: \"☀\"; margin-right: 8px; }\n\n    \/* Feature Section *\/\n    .pd-feature { display: flex; align-items: center; gap: clamp(2rem, 5vw, 4rem); }\n    .pd-feature:nth-child(even) { flex-direction: row-reverse; }\n    .pd-feature-media, .pd-feature-copy { flex: 1; }\n    .pd-feature-media-inner {\n      aspect-ratio: 1\/1;\n      overflow: hidden;\n      border-radius: var(--radius-lg);\n      background: var(--bg-soft);\n      position: relative;\n    }\n    .pd-feature-media-inner img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    \/* Specifications *\/\n    .pd-specs-table { width: 100%; border-collapse: collapse; margin-top: 24px; }\n    .pd-specs-table th, .pd-specs-table td { text-align: left; padding: 16px; border-bottom: 1px solid #eee; font-size: 18px; }\n    .pd-specs-table th { width: 40%; color: var(--text-sub); font-weight: 400; }\n\n    \/* FAQ *\/\n    .pd-faq-item { margin-bottom: 24px; border-bottom: 1px solid #eee; padding-bottom: 24px; }\n    .pd-faq-question { font-size: 20px; font-weight: 600; margin-bottom: 12px; display: flex; align-items-center; }\n    .pd-faq-question::before { content: \"Q.\"; color: var(--primary); margin-right: 12px; font-weight: 700; }\n    .pd-faq-answer { font-size: 18px; color: var(--text-sub); padding-left: 36px; }\n\n    @media (max-width: 767px) {\n      .product-detail-container p, .pd-specs-table th, .pd-specs-table td, .pd-faq-answer { font-size: 16px; }\n      .pd-feature, .pd-feature:nth-child(even) { flex-direction: column; text-align: center; }\n      .pd-feature-media-inner { aspect-ratio: 4\/5; }\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: 16px; border: 1px solid #eee; border-radius: 12px; padding: 16px; }\n      .pd-specs-table th { display: none; }\n      .pd-specs-table td { display: flex; justify-content: space-between; padding: 8px 0; border: none; }\n      .pd-specs-table td::before { content: attr(data-label); color: var(--text-sub); font-weight: 600; margin-right: 16px; }\n    }\n\u003c\/style\u003e\n\u003c!-- A. Intro \/ Hero Content Block --\u003e\n\u003cdiv class=\"pd-section pd-hero\"\u003e\n\u003cdiv class=\"pd-hero-content\"\u003e\n\u003cspan class=\"pd-trust-badge\"\u003eUPF 50+ Certified Fabric\u003c\/span\u003e\n\u003ch1\u003eSip, Breathe, and Stay Protected\u003c\/h1\u003e\n\n\u003cp\u003eThe full-coverage sun mask designed for effortless hydration on the go. Enjoy complete face and neck protection without compromising convenience.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-hero-media\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img81\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260509111008\/68b313aee6897a1786c6bd6abd3d9397.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-section pd-feature\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"pd-feature-media-inner\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img82\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260509110207\/8654f559810b13d19aa427b5bd5d2894.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eHydrate Without the Hassle\u003c\/h2\u003e\n\n\u003cp\u003eNo need to take off your mask or expose your skin just to take a sip. The innovative flip-up mouth cover allows you to easily use a straw, making hydration simple and safe under the sun.\u003c\/p\u003e\n\n\u003cdiv\u003e\n\u003cspan class=\"tag\"\u003eFlip-up Design\u003c\/span\u003e \u003cspan class=\"tag\"\u003eEasy Drinking\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-section pd-feature\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"pd-feature-media-inner\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img83\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260509110207\/dfd8b1a3385804b3619c0d78c7eb7273.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eComplete 360° Sun Defense\u003c\/h2\u003e\n\n\u003cp\u003eExperience comprehensive protection. The mask features an extra-wide cape that drapes comfortably over your neck and shoulders, guarding vulnerable areas often missed by standard face covers.\u003c\/p\u003e\n\n\u003cdiv\u003e\n\u003cspan class=\"tag\"\u003eFace, Neck \u0026amp; Shoulder Coverage\u003c\/span\u003e \u003cspan class=\"tag\"\u003eUPF 50+\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-section pd-feature\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"pd-feature-media-inner\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img84\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260509110207\/ff06e24fb8665ea1a0f803fe1dc2bdf3.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eAll-Day Comfort \u0026amp; Custom Fit\u003c\/h2\u003e\n\n\u003cp\u003eCrafted from lightweight, cool-touch fabric designed for breathability. The thin, adjustable ear loops ensure a secure, pressure-free fit tailored to your face shape.\u003c\/p\u003e\n\n\u003cdiv\u003e\n\u003cspan class=\"tag\"\u003eCool-touch Fabric\u003c\/span\u003e \u003cspan class=\"tag\"\u003eAdjustable Ear Loops\u003c\/span\u003e \u003cspan class=\"tag\"\u003eBreathable\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 pd-specs\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\n\u003cp\u003eDetails based on product design and measurements.\u003c\/p\u003e\n\n\u003ctable class=\"pd-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=\"Value\"\u003eSun protection fabric (UPF 50+)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Face Height\"\u003eFace Height\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Value\"\u003eApprox. 27 cm (10.6 in)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Bottom Width\"\u003eBottom Width (Shoulder)\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Value\"\u003eApprox. 77 cm (30.3 in)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Size\"\u003eSize\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Value\"\u003eOne size, adjustable\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Features\"\u003eFeatures\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Value\"\u003eFlip-up mouth opening, adjustable ear loops\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\n\u003cdiv style=\"margin-top: 24px; text-align: center; color: var(--text-sub); font-size: 16px;\"\u003e\n\u003cp style=\"margin-top: 8px;\"\u003e*Manual measurements may have a 1-2cm error.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- D. FAQ --\u003e\n\n\u003cdiv class=\"pd-section pd-faq\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003cdiv class=\"pd-faq-question\"\u003eWhat is the sun protection level?\u003c\/div\u003e\n\n\u003cdiv class=\"pd-faq-answer\"\u003eThe fabric provides UPF 50+ sun protection, effectively blocking harmful UV rays for your face, neck, and shoulders.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003cdiv class=\"pd-faq-question\"\u003eHow do I drink water while wearing it?\u003c\/div\u003e\n\n\u003cdiv class=\"pd-faq-answer\"\u003eThe mask features a convenient flip-up flap over the mouth area. Simply lift the flap to use a straw without removing the entire mask.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003cdiv class=\"pd-faq-question\"\u003eIs the size adjustable?\u003c\/div\u003e\n\n\u003cdiv class=\"pd-faq-answer\"\u003eYes, the mask comes with thin, adjustable ear loops that allow you to customize the fit for comfort and security.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Soft Pink","offer_id":51618304295202,"sku":"0509-11278952","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Black","offer_id":51618304327970,"sku":"0509-11276922","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Charcoal","offer_id":51618304360738,"sku":"0509-11273616","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Light Gray","offer_id":51618304393506,"sku":"0509-11278951","price":12.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0965\/0942\/8002\/files\/68b313aee6897a1786c6bd6abd3d9397_e75fe18e-9ce7-4905-8858-9c6f4fc6c2e6.jpg?v=1778297276","url":"https:\/\/newshopllox.com\/products\/drink-friendly-sun-protection-mask","provider":"Newshopllox","version":"1.0","type":"link"}