{"product_id":"test","title":"test","description":"\u003cstyle\u003e\n  \/* 全局样式重置与容器 *\/\n  .our-standard-section {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 60px 20px;\n    font-family: \"Cinzel\", \"Bodoni MT\", \"Didot\", \"Playfair Display\", serif, sans-serif;\n    color: #222222;\n    text-align: center;\n    background-color: #ffffff;\n  }\n\n  \/* 顶部小标题 *\/\n  .our-standard-section .sub-title {\n    font-size: 11px;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: #666666;\n    margin-bottom: 12px;\n  }\n\n  \/* 主标题 *\/\n  .our-standard-section .main-title {\n    font-size: 32px;\n    font-weight: 400;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    margin: 0 0 16px 0;\n  }\n\n  \/* 描述文案 *\/\n  .our-standard-section .description {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    font-size: 14px;\n    line-height: 1.6;\n    color: #555555;\n    max-width: 680px;\n    margin: 0 auto 48px auto;\n  }\n\n  \/* 网格布局：4列 *\/\n  .our-standard-section .grid-container {\n    display: flex;\n    gap: 20px;\n    justify-content: space-between;\n  }\n\n  \/* 单个图片卡片 *\/\n  .our-standard-section .grid-item {\n    position: relative;\n    flex: 1;\n    aspect-ratio: 1 \/ 1; \/* 保持 1:1 正方形 *\/\n    overflow: hidden;\n    border-radius: 2px;\n  }\n\n  \/* 卡片图片 *\/\n  .our-standard-section .grid-item img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.6s ease;\n  }\n\n  \/* 悬停放大微效果 *\/\n  .our-standard-section .grid-item:hover img {\n    transform: scale(1.04);\n  }\n\n  \/* 图片上方微暗遮罩（增强文字可读性） *\/\n  .our-standard-section .grid-item::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.12); \/* 浅遮罩 *\/\n    pointer-events: none;\n  }\n\n  \/* 压在图片中央的文字 *\/\n  .our-standard-section .item-title {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 2;\n    color: #ffffff;\n    font-size: 20px;\n    font-weight: 400;\n    letter-spacing: 0.05em;\n    white-space: nowrap;\n    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);\n  }\n\n  \/* 响应式适配：手机与平板 *\/\n  @media (max-width: 900px) {\n    .our-standard-section .grid-container {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr); \/* 移动端改为 2x2 网格 *\/\n      gap: 12px;\n    }\n\n    .our-standard-section .main-title {\n      font-size: 24px;\n    }\n\n    .our-standard-section .item-title {\n      font-size: 16px;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .our-standard-section {\n      padding: 40px 15px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"our-standard-section\"\u003e\n  \u003c!-- 标语与标题区 --\u003e\n  \u003cdiv class=\"sub-title\"\u003eFrom Pearl to Piece\u003c\/div\u003e\n  \u003ch2 class=\"main-title\"\u003eOur Standard\u003c\/h2\u003e\n  \u003cp class=\"description\"\u003e\n    From hand-selected natural baroque pearls to thoughtful packaging and long-term care, \n    every detail is designed to make your piece feel personal, lasting, and truly yours.\n  \u003c\/p\u003e\n\n  \u003c!-- 4图排列网格区 --\u003e\n  \u003cdiv class=\"grid-container\"\u003e\n    \n    \u003c!-- 卡片 1 --\u003e\n    \u003cdiv class=\"grid-item\"\u003e\n      \u003cimg src=\"https:\/\/via.placeholder.com\/600x600?text=Hand-Selected\" alt=\"Hand-Selected\"\u003e\n      \u003cdiv class=\"item-title\"\u003eHand-Selected\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 卡片 2 --\u003e\n    \u003cdiv class=\"grid-item\"\u003e\n      \u003cimg src=\"https:\/\/via.placeholder.com\/600x600?text=Uniquely+Yours\" alt=\"Uniquely Yours\"\u003e\n      \u003cdiv class=\"item-title\"\u003eUniquely Yours\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 卡片 3 --\u003e\n    \u003cdiv class=\"grid-item\"\u003e\n      \u003cimg src=\"https:\/\/via.placeholder.com\/600x600?text=Gift-Ready\" alt=\"Gift-Ready\"\u003e\n      \u003cdiv class=\"item-title\"\u003eGift-Ready\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 卡片 4 --\u003e\n    \u003cdiv class=\"grid-item\"\u003e\n      \u003cimg src=\"https:\/\/via.placeholder.com\/600x600?text=Quality+Assurance\" alt=\"Quality Assurance\"\u003e\n      \u003cdiv class=\"item-title\"\u003eQuality Assurance\u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  \/* 基础容器 *\/\n  .shop-the-moment-section {\n    max-width: 1300px;\n    margin: 0 auto;\n    padding: 60px 20px;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    color: #222;\n    text-align: center;\n    position: relative;\n  }\n\n  \/* 标语与标题 *\/\n  .shop-the-moment-section .sub-title {\n    font-family: \"Cinzel\", \"Playfair Display\", serif;\n    font-size: 11px;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: #666;\n    margin-bottom: 12px;\n  }\n\n  .shop-the-moment-section .main-title {\n    font-family: \"Cinzel\", \"Playfair Display\", serif;\n    font-size: 32px;\n    font-weight: 400;\n    letter-spacing: 0.05em;\n    margin: 0 0 12px 0;\n  }\n\n  .shop-the-moment-section .description {\n    font-size: 14px;\n    color: #555;\n    max-width: 600px;\n    margin: 0 auto 40px auto;\n  }\n\n  \/* 视频滑动区域包装 *\/\n  .video-slider-wrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n  }\n\n  \/* 横向滚动列表 *\/\n  .video-slider {\n    display: flex;\n    gap: 16px;\n    overflow-x: auto;\n    scroll-behavior: smooth;\n    padding: 10px 0;\n    scrollbar-width: none; \/* Firefox 隐藏滚动条 *\/\n  }\n\n  .video-slider::-webkit-scrollbar {\n    display: none; \/* Chrome\/Safari 隐藏滚动条 *\/\n  }\n\n  \/* 单个视频卡片 (9:16 竖屏比例) *\/\n  .video-card {\n    position: relative;\n    flex: 0 0 240px; \/* 默认宽度，可自行微调 *\/\n    aspect-ratio: 9 \/ 16;\n    border-radius: 8px;\n    overflow: hidden;\n    background-color: #f4f4f4;\n  }\n\n  .video-card video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  \/* 顶部操作按钮（声音开\/关） *\/\n  .video-controls {\n    position: absolute;\n    top: 12px;\n    right: 12px;\n    z-index: 3;\n    display: flex;\n    gap: 8px;\n  }\n\n  .control-btn {\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.4);\n    border: none;\n    color: #fff;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    backdrop-filter: blur(4px);\n  }\n\n  \/* 底部悬浮商品卡片 *\/\n  .product-overlay {\n    position: absolute;\n    bottom: 12px;\n    left: 12px;\n    right: 12px;\n    z-index: 3;\n    background: rgba(0, 0, 0, 0.55);\n    backdrop-filter: blur(8px);\n    border-radius: 6px;\n    padding: 8px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    text-align: left;\n  }\n\n  .product-overlay img {\n    width: 44px;\n    height: 44px;\n    border-radius: 4px;\n    object-fit: cover;\n    background: #fff;\n  }\n\n  .product-overlay .product-info {\n    flex: 1;\n    overflow: hidden;\n  }\n\n  .product-overlay .product-title {\n    font-size: 11px;\n    color: #fff;\n    font-weight: 500;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-transform: uppercase;\n  }\n\n  .product-overlay .product-price {\n    font-size: 12px;\n    color: #ddd;\n    margin-top: 2px;\n  }\n\n  .product-overlay .add-btn {\n    background: #ffffff;\n    color: #000;\n    border: none;\n    padding: 6px 12px;\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 0.05em;\n    border-radius: 3px;\n    cursor: pointer;\n    text-transform: uppercase;\n  }\n\n  \/* 左右切换箭头按钮 *\/\n  .slider-arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 40px;\n    height: 40px;\n    background: #ffffff;\n    border: 1px solid #eee;\n    border-radius: 50%;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n    cursor: pointer;\n    z-index: 10;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 18px;\n  }\n\n  .arrow-left { left: -10px; }\n  .arrow-right { right: -10px; }\n\n  @media (max-width: 768px) {\n    .video-card {\n      flex: 0 0 200px;\n    }\n    .slider-arrow {\n      display: none; \/* 移动端靠手指滑动即可，隐藏箭头 *\/\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"shop-the-moment-section\"\u003e\n  \u003cdiv class=\"sub-title\"\u003ePEARLS IN REAL LIFE\u003c\/div\u003e\n  \u003ch2 class=\"main-title\"\u003eShop The Moment\u003c\/h2\u003e\n  \u003cp class=\"description\"\u003e\n    See how our natural baroque pearls move, glow, and layer in real life.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"video-slider-wrapper\"\u003e\n    \u003c!-- 左箭头 --\u003e\n    \u003cbutton class=\"slider-arrow arrow-left\" onclick=\"scrollSlider(-260)\"\u003e❮\u003c\/button\u003e\n\n    \u003c!-- 滑动列表 --\u003e\n    \u003cdiv class=\"video-slider\" id=\"videoSlider\"\u003e\n\n      \u003c!-- 视频 1 (带商品卡片) --\u003e\n      \u003cdiv class=\"video-card\"\u003e\n        \u003cbutton class=\"control-btn\" style=\"position: absolute; top:12px; right:12px; z-index:3;\" onclick=\"toggleMute(this)\"\u003e\n          🔊\n        \u003c\/button\u003e\n        \u003cvideo src=\"https:\/\/assets.mixkit.co\/videos\/preview\/mixkit-woman-holding-a-gold-ring-41228-large.mp4\" autoplay loop muted playsinline\u003e\u003c\/video\u003e\n        \n        \u003cdiv class=\"product-overlay\"\u003e\n          \u003cimg src=\"https:\/\/via.placeholder.com\/100x100?text=Ring\" alt=\"Product\"\u003e\n          \u003cdiv class=\"product-info\"\u003e\n            \u003cdiv class=\"product-title\"\u003eJULIAN | KESHI BAROQUE\u003c\/div\u003e\n            \u003cdiv class=\"product-price\"\u003eFrom $169.00\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cbutton class=\"add-btn\"\u003eADD\u003c\/button\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- 视频 2 --\u003e\n      \u003cdiv class=\"video-card\"\u003e\n        \u003cbutton class=\"control-btn\" style=\"position: absolute; top:12px; right:12px; z-index:3;\" onclick=\"toggleMute(this)\"\u003e\n          🔇\n        \u003c\/button\u003e\n        \u003cvideo src=\"https:\/\/assets.mixkit.co\/videos\/preview\/mixkit-hands-holding-a-pair-of-earrings-41229-large.mp4\" autoplay loop muted playsinline\u003e\u003c\/video\u003e\n        \n        \u003cdiv class=\"product-overlay\"\u003e\n          \u003cimg src=\"https:\/\/via.placeholder.com\/100x100?text=Earring\" alt=\"Product\"\u003e\n          \u003cdiv class=\"product-info\"\u003e\n            \u003cdiv class=\"product-title\"\u003eFLORAL PEARL HOOPS\u003c\/div\u003e\n            \u003cdiv class=\"product-price\"\u003e$120.00\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cbutton class=\"add-btn\"\u003eADD\u003c\/button\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- 视频 3 --\u003e\n      \u003cdiv class=\"video-card\"\u003e\n        \u003cbutton class=\"control-btn\" style=\"position: absolute; top:12px; right:12px; z-index:3;\" onclick=\"toggleMute(this)\"\u003e\n          🔇\n        \u003c\/button\u003e\n        \u003cvideo src=\"https:\/\/assets.mixkit.co\/videos\/preview\/mixkit-woman-putting-on-a-gold-necklace-41230-large.mp4\" autoplay loop muted playsinline\u003e\u003c\/video\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- 视频 4 --\u003e\n      \u003cdiv class=\"video-card\"\u003e\n        \u003cbutton class=\"control-btn\" style=\"position: absolute; top:12px; right:12px; z-index:3;\" onclick=\"toggleMute(this)\"\u003e\n          🔇\n        \u003c\/button\u003e\n        \u003cvideo src=\"https:\/\/assets.mixkit.co\/videos\/preview\/mixkit-woman-holding-a-gold-ring-41228-large.mp4\" autoplay loop muted playsinline\u003e\u003c\/video\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- 视频 5 --\u003e\n      \u003cdiv class=\"video-card\"\u003e\n        \u003cbutton class=\"control-btn\" style=\"position: absolute; top:12px; right:12px; z-index:3;\" onclick=\"toggleMute(this)\"\u003e\n          🔇\n        \u003c\/button\u003e\n        \u003cvideo src=\"https:\/\/assets.mixkit.co\/videos\/preview\/mixkit-hands-holding-a-pair-of-earrings-41229-large.mp4\" autoplay loop muted playsinline\u003e\u003c\/video\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- 右箭头 --\u003e\n    \u003cbutton class=\"slider-arrow arrow-right\" onclick=\"scrollSlider(260)\"\u003e❯\u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  \/\/ 左右滑动功能\n  function scrollSlider(distance) {\n    document.getElementById('videoSlider').scrollBy({\n      left: distance,\n      behavior: 'smooth'\n    });\n  }\n\n  \/\/ 点击静音\/取消静音功能\n  function toggleMute(btn) {\n    const video = btn.parentElement.querySelector('video');\n    if (video.muted) {\n      video.muted = false;\n      btn.innerText = '🔊';\n    } else {\n      video.muted = true;\n      btn.innerText = '🔇';\n    }\n  }\n\u003c\/script\u003e","brand":"lunoce","offers":[{"title":"Default Title","offer_id":50293997699429,"sku":null,"price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/lunoce.com\/products\/test","provider":"lunoce","version":"1.0","type":"link"}