{"product_id":"double-cleansing-set","title":"jiemiantaozhuang","description":"\u003cstyle\u003e\n  .ph-green-description,\n  .ph-green-description * {\n    box-sizing: border-box;\n  }\n\n  .ph-green-description {\n    --ph-cream: #fffaf0;\n    --ph-soft-cream: #f6f0dc;\n    --ph-leaf-light: #e3edc6;\n    --ph-leaf: #6f963f;\n    --ph-deep-green: #214d24;\n    --ph-dark-green: #17391d;\n    --ph-gold: #c5a14e;\n    --ph-text: #24301f;\n    --ph-muted: #6e7865;\n    --ph-border: rgba(84, 120, 52, 0.2);\n\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    margin: 0;\n    padding: 16px;\n    overflow: hidden;\n    color: var(--ph-text);\n    font-family: Arial, Helvetica, sans-serif;\n    background:\n      radial-gradient(\n        circle at 92% 8%,\n        rgba(205, 224, 157, 0.62) 0%,\n        rgba(205, 224, 157, 0) 25%\n      ),\n      radial-gradient(\n        circle at 4% 95%,\n        rgba(221, 191, 112, 0.18) 0%,\n        rgba(221, 191, 112, 0) 27%\n      ),\n      linear-gradient(\n        135deg,\n        #fffdf5 0%,\n        #f5f1dc 55%,\n        #e5edca 100%\n      );\n  }\n\n  .ph-green-inner {\n    position: relative;\n    width: 100%;\n    max-width: none;\n    margin: 0 auto;\n    padding: 18px;\n    overflow: hidden;\n    border: 1px solid var(--ph-border);\n    border-radius: 20px;\n    background:\n      linear-gradient(\n        135deg,\n        rgba(255, 255, 255, 0.8),\n        rgba(245, 242, 222, 0.86)\n      );\n    box-shadow:\n      0 10px 28px rgba(32, 74, 35, 0.1),\n      inset 0 1px 0 rgba(255, 255, 255, 0.85);\n  }\n\n  .ph-green-inner::before {\n    content: \"\";\n    position: absolute;\n    top: -65px;\n    right: -48px;\n    width: 190px;\n    height: 190px;\n    border: 1px solid rgba(86, 130, 57, 0.12);\n    border-radius: 50%;\n    box-shadow:\n      0 0 0 24px rgba(86, 130, 57, 0.03),\n      0 0 0 50px rgba(86, 130, 57, 0.018);\n    pointer-events: none;\n  }\n\n  \/* 顶部标题 *\/\n  .ph-green-header {\n    position: relative;\n    z-index: 1;\n    margin: 0 0 10px;\n    padding: 15px 17px;\n    border: 1px solid rgba(196, 161, 78, 0.22);\n    border-radius: 15px;\n    background:\n      linear-gradient(\n        100deg,\n        rgba(255, 255, 255, 0.93) 0%,\n        rgba(255, 252, 240, 0.93) 66%,\n        rgba(225, 237, 194, 0.78) 100%\n      );\n  }\n\n  .ph-green-product-name {\n    margin: 0 0 6px;\n    color: var(--ph-leaf);\n    font-size: 10px;\n    font-weight: 850;\n    line-height: 1.2;\n    letter-spacing: 1.45px;\n    text-transform: uppercase;\n  }\n\n  .ph-green-product-name::before {\n    content: \"✦\";\n    display: inline-block;\n    margin-right: 6px;\n    color: var(--ph-gold);\n  }\n\n  .ph-green-main-title {\n    max-width: 780px;\n    margin: 0;\n    color: var(--ph-dark-green);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(36px, 5vw, 55px);\n    font-weight: 650;\n    line-height: 0.98;\n    letter-spacing: -1.8px;\n    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);\n  }\n\n  .ph-green-title-line {\n    width: 78px;\n    height: 3px;\n    margin: 9px 0 0;\n    border-radius: 999px;\n    background:\n      linear-gradient(\n        90deg,\n        var(--ph-deep-green),\n        var(--ph-gold),\n        transparent\n      );\n  }\n\n  \/* 三个痛点 *\/\n  .ph-green-problem-grid {\n    position: relative;\n    z-index: 1;\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 8px;\n    margin: 0 0 8px;\n  }\n\n  .ph-green-problem-card {\n    position: relative;\n    display: flex;\n    align-items: center;\n    min-width: 0;\n    min-height: 62px;\n    padding: 11px 12px 11px 42px;\n    border: 1px solid rgba(91, 132, 58, 0.15);\n    border-radius: 12px;\n    background:\n      linear-gradient(\n        120deg,\n        rgba(255, 255, 255, 0.95),\n        rgba(229, 239, 201, 0.72)\n      );\n    color: var(--ph-text);\n    font-size: 13px;\n    font-weight: 800;\n    line-height: 1.3;\n    box-shadow:\n      0 3px 10px rgba(35, 75, 31, 0.05),\n      inset 0 1px 0 rgba(255, 255, 255, 0.9);\n  }\n\n  .ph-green-problem-card::before {\n    content: \"!\";\n    position: absolute;\n    top: 50%;\n    left: 11px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 23px;\n    height: 23px;\n    transform: translateY(-50%);\n    border-radius: 50%;\n    color: var(--ph-deep-green);\n    background:\n      linear-gradient(\n        145deg,\n        #edf4d9,\n        #d5e6ad\n      );\n    border: 1px solid rgba(91, 132, 58, 0.18);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 13px;\n    font-weight: 800;\n  }\n\n  \/* 深绿色强调条 *\/\n  .ph-green-callout {\n    position: relative;\n    z-index: 1;\n    margin: 0 0 8px;\n    padding: 12px 15px;\n    overflow: hidden;\n    border: 1px solid rgba(230, 210, 148, 0.2);\n    border-radius: 13px;\n    color: #fffdf3;\n    background:\n      radial-gradient(\n        circle at 90% 10%,\n        rgba(224, 203, 132, 0.22) 0%,\n        rgba(224, 203, 132, 0) 28%\n      ),\n      linear-gradient(\n        105deg,\n        #15391e 0%,\n        #235a2d 48%,\n        #668d3d 78%,\n        #b49a51 100%\n      );\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 18px;\n    font-weight: 650;\n    line-height: 1.2;\n    box-shadow:\n      0 5px 16px rgba(21, 57, 30, 0.16),\n      inset 0 1px 0 rgba(255, 255, 255, 0.12);\n  }\n\n  .ph-green-callout::after {\n    content: \"\";\n    position: absolute;\n    top: -45px;\n    right: -25px;\n    width: 110px;\n    height: 110px;\n    border: 1px solid rgba(255, 255, 255, 0.16);\n    border-radius: 50%;\n  }\n\n  \/* 三个优势 *\/\n  .ph-green-benefit-list {\n    position: relative;\n    z-index: 1;\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 8px;\n  }\n\n  .ph-green-benefit {\n    position: relative;\n    min-width: 0;\n    margin: 0;\n    padding: 12px 12px 12px 42px;\n    border: 1px solid rgba(89, 127, 55, 0.14);\n    border-radius: 12px;\n    background:\n      linear-gradient(\n        115deg,\n        rgba(255, 254, 248, 0.96),\n        rgba(239, 244, 219, 0.8)\n      );\n    color: var(--ph-text);\n    font-size: 12.5px;\n    font-weight: 750;\n    line-height: 1.32;\n    box-shadow:\n      0 3px 10px rgba(36, 72, 30, 0.045),\n      inset 0 1px 0 rgba(255, 255, 255, 0.86);\n  }\n\n  .ph-green-benefit::before {\n    content: \"✓\";\n    position: absolute;\n    top: 50%;\n    left: 11px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 23px;\n    height: 23px;\n    transform: translateY(-50%);\n    border-radius: 50%;\n    color: #ffffff;\n    background:\n      linear-gradient(\n        145deg,\n        #719e47,\n        #37662f\n      );\n    font-size: 12px;\n    font-weight: 900;\n    box-shadow:\n      0 3px 8px rgba(41, 86, 37, 0.18),\n      inset 0 1px 0 rgba(255, 255, 255, 0.24);\n  }\n\n  \/* 底部总结 *\/\n  .ph-green-final-line {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    margin: 8px 0 0;\n    padding: 12px 15px;\n    overflow: hidden;\n    border-radius: 13px;\n    color: var(--ph-dark-green);\n    background:\n      linear-gradient(\n        100deg,\n        #e6efca 0%,\n        #f7f2dc 55%,\n        #e1c985 100%\n      );\n    border: 1px solid rgba(142, 145, 72, 0.22);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(21px, 3vw, 30px);\n    font-weight: 700;\n    line-height: 1.05;\n    letter-spacing: -0.5px;\n  }\n\n  .ph-green-final-line::before {\n    content: \"✦\";\n    flex: 0 0 auto;\n    color: var(--ph-gold);\n    font-size: 20px;\n  }\n\n  .ph-green-final-line::after {\n    content: \"GENTLE • RICH • LASTING\";\n    flex: 0 0 auto;\n    padding: 6px 9px;\n    border: 1px solid rgba(40, 83, 35, 0.18);\n    border-radius: 999px;\n    color: var(--ph-deep-green);\n    background: rgba(255, 255, 255, 0.46);\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 7.5px;\n    font-weight: 850;\n    line-height: 1;\n    letter-spacing: 0.8px;\n    white-space: nowrap;\n  }\n\n  \/* ======================================\n     仅桌面端\n     保持原来的左右扩展尺寸\n  ====================================== *\/\n  @media screen and (min-width: 769px) {\n    .ph-green-description {\n      width: calc(100% + 64px);\n      max-width: none;\n      margin-right: -32px;\n      margin-left: -32px;\n      padding: 16px;\n    }\n\n    .ph-green-inner {\n      width: 100%;\n      max-width: none;\n    }\n  }\n\n  \/* ======================================\n     仅移动端\n     铺满整个设备屏幕宽度\n  ====================================== *\/\n  @media screen and (max-width: 768px) {\n    .ph-green-description {\n      position: relative;\n      left: 50%;\n      width: 100vw;\n      max-width: 100vw;\n      margin: 0;\n      margin-left: -50vw;\n      padding: 0;\n      overflow: hidden;\n    }\n\n    .ph-green-inner {\n      width: 100%;\n      max-width: 100%;\n      margin: 0;\n      padding: 8px;\n      border-right: 0;\n      border-left: 0;\n      border-radius: 0;\n      box-shadow: none;\n    }\n\n    .ph-green-header {\n      margin-bottom: 6px;\n      padding: 11px 12px;\n      border-radius: 11px;\n    }\n\n    .ph-green-product-name {\n      margin-bottom: 4px;\n      font-size: 8px;\n      letter-spacing: 1px;\n    }\n\n    .ph-green-main-title {\n      max-width: 100%;\n      font-size: 35px;\n      line-height: 0.98;\n      letter-spacing: -1.3px;\n    }\n\n    .ph-green-title-line {\n      width: 58px;\n      margin-top: 7px;\n    }\n\n    .ph-green-problem-grid {\n      grid-template-columns: 1fr;\n      gap: 5px;\n      margin-bottom: 5px;\n    }\n\n    .ph-green-problem-card {\n      min-height: auto;\n      padding: 9px 10px 9px 38px;\n      border-radius: 10px;\n      font-size: 12px;\n    }\n\n    .ph-green-problem-card::before {\n      left: 9px;\n      width: 21px;\n      height: 21px;\n      font-size: 11px;\n    }\n\n    .ph-green-callout {\n      margin-bottom: 5px;\n      padding: 10px 12px;\n      border-radius: 10px;\n      font-size: 15px;\n    }\n\n    .ph-green-benefit-list {\n      grid-template-columns: 1fr;\n      gap: 5px;\n    }\n\n    .ph-green-benefit {\n      padding: 9px 10px 9px 38px;\n      border-radius: 10px;\n      font-size: 11.5px;\n    }\n\n    .ph-green-benefit::before {\n      left: 9px;\n      width: 21px;\n      height: 21px;\n      font-size: 11px;\n    }\n\n    .ph-green-final-line {\n      margin-top: 5px;\n      padding: 10px 12px;\n      border-radius: 10px;\n      font-size: 20px;\n    }\n\n    .ph-green-final-line::before {\n      font-size: 16px;\n    }\n\n    .ph-green-final-line::after {\n      display: none;\n    }\n  }\n\n  \/* 极窄手机 *\/\n  @media screen and (max-width: 420px) {\n    .ph-green-description {\n      position: relative;\n      left: 50%;\n      width: 100vw;\n      max-width: 100vw;\n      margin: 0;\n      margin-left: -50vw;\n      padding: 0;\n    }\n\n    .ph-green-inner {\n      width: 100%;\n      max-width: 100%;\n      padding: 7px;\n      border-radius: 0;\n    }\n\n    .ph-green-main-title {\n      font-size: 32px;\n    }\n\n    .ph-green-final-line {\n      font-size: 19px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"ph-green-description\"\u003e\n  \u003cdiv class=\"ph-green-inner\"\u003e\n\n    \u003cdiv class=\"ph-green-header\"\u003e\n      \u003cp class=\"ph-green-product-name\"\u003e\n        Phantomira Whipped Tallow \u0026amp; Honey Balm\n      \u003c\/p\u003e\n\n      \u003ch2 class=\"ph-green-main-title\"\u003e\n        Dry Skin Doesn’t Need Another Weak Lotion.\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"ph-green-title-line\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ph-green-problem-grid\"\u003e\n\n      \u003cdiv class=\"ph-green-problem-card\"\u003e\n        Tight after every shower?\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ph-green-problem-card\"\u003e\n        Rough again an hour later?\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ph-green-problem-card\"\u003e\n        Dry hands. Flaky heels. Sandpaper elbows.\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ph-green-callout\"\u003e\n      Lightweight lotions disappear too fast.\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ph-green-benefit-list\"\u003e\n\n      \u003cp class=\"ph-green-benefit\"\u003e\n        Rich tallow helps lock in lasting moisture.\n      \u003c\/p\u003e\n\n      \u003cp class=\"ph-green-benefit\"\u003e\n        Honey leaves rough skin feeling soft and comforted.\n      \u003c\/p\u003e\n\n      \u003cp class=\"ph-green-benefit\"\u003e\n        Deep moisture. Less reapplying.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n    \u003cp class=\"ph-green-final-line\"\u003e\n      Moisture that actually stays.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Phantomira","offers":[{"title":"1 Product","offer_id":62035207455090,"sku":"Phantomira-001-1PC","price":38.99,"currency_code":"USD","in_stock":true},{"title":"Buy 2 and Get 1 FREE","offer_id":62035207487858,"sku":"Phantomira-001-3PC","price":58.99,"currency_code":"USD","in_stock":true},{"title":"Buy 3 and Get 2 FREE","offer_id":62035207520626,"sku":"Phantomira-001-5PC","price":99.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0938\/9418\/1234\/files\/b868403b-6837-4d4f-8b94-02ea5883f002.png?v=1784007264","url":"https:\/\/www.phantomira.com\/products\/double-cleansing-set","provider":"Phantomira","version":"1.0","type":"link"}