{"product_id":"acmejoy-vvd-rider-desire-the-ultimate-riding-experience-innovative-design-withe-dual-control","title":"Acmejoy - VVD Rider Desire ประสบการณ์การขับขี่ที่น่าปรารถนา ดีไซน์ล้ำสมัยด้วยการควบคุมแบบคู่","description":"    \u003cstyle\u003e        \/* 确保自定义内容容器的宽度、边距和填充适应页面 *\/        .custom-container {            width: 100%;  \/* 容器占满整个页面宽度 *\/            max-width: 1200px; \/* 最大宽度限制 *\/            margin: 0 auto;  \/* 水平居中 *\/        }        \/* 头部标题部分 *\/        .header {            text-align: center;            margin-bottom: 20px;        }        .header h1 {            font-size: 36px;            font-weight: bold;            margin-bottom: 15px;        }        .header p {            font-size: 18px;            line-height: 1.6;        }        \/* 视频和图片的布局部分 *\/        .container {            display: flex;            justify-content: space-between;            align-items: stretch;            gap: 20px; \/* 设置视频和图片之间的间距 *\/            margin-top: 40px;        }        .video-container,        .image-container {            display: flex;            justify-content: center;            align-items: center;        }        .video-container {            flex: 7;  \/* 视频占容器的 7\/10 *\/        }        .image-container {            flex: 3;  \/* 图片占容器的 3\/10 *\/            position: relative;  \/* 为了定位文字 *\/        }        \/* 确保视频适应容器 *\/        video {            width: 100%;            height: 100%;  \/* 保持视频容器的高度 *\/            object-fit: cover;  \/* 确保视频覆盖容器，保持比例 *\/        }        \/* 只针对自定义内容中的图片设置样式 *\/        .custom-img {            width: 100%;            height: 100%;  \/* 保持图片容器的高度 *\/            object-fit: cover;  \/* 确保图片覆盖容器，保持比例 *\/        }        \/* 图片上的文字，使用 absolute 定位 *\/        .image-container p {            position: absolute;            top: 0;            padding: 45px 10px 45px 148px;            text-align: left;            font-size: 20px;  \/* 修改为20px *\/            margin: 0;            color: white;        }        \/* 新的内容板块 *\/        .new-content {            width: 100%;            max-width: 1200px;            margin: 40px auto;  \/* 增加与上面板块的间距 *\/            padding: 40px 0;            box-sizing: border-box;  \/* 确保padding计入宽度 *\/        }        \/* 新增的 content-container 需要有背景色 *\/        .content-container {            display: flex;            justify-content: space-between;            align-items: center;            background-color: #f9dec1;  \/* 底色 *\/            padding: 20px;        }        \/* 文字内容部分 *\/        .new-content .text-container {            flex: 6;            text-align: center;  \/* 文字居中 *\/        }        .new-content .video-container {            flex: 5;  \/* 视频占据一半的宽度 *\/            height: 100%;  \/* 视频容器占满区域高度 *\/        }        .new-content p {            margin: 10px 0;        }        \/* 文字从上到下逐渐放大 *\/        .new-content .text-container p:nth-child(1) {            font-size: 18px;        }        .new-content .text-container p:nth-child(2) {            font-size: 24px;        }        .new-content .text-container p:nth-child(3) {            font-size: 30px;        }        .new-content .text-container p:nth-child(4) {            font-size: 36px;        }        \/* 确保视频适应容器 *\/        .new-content video {            width: 100%;            height: 100%;            object-fit: cover;        }        \/* 隐藏视频进度条 *\/        video::-webkit-media-controls-panel {            display: none;        }        \/* 强制调整布局容器，避免被外部框架影响 *\/        .custom-container {            overflow: visible;  \/* 防止被外部框架的 overflow 隐藏 *\/            height: auto;        }        \/* 新增的板块（无背景色） *\/        .enjoy-rider-container {            width: 100%;            max-width: 1200px;            margin: 40px auto;  \/* 适当的上下边距 *\/            padding: 20px;            box-sizing: border-box;  \/* 确保内边距计入宽度 *\/            \/* 不需要背景色，保持透明 *\/        }        \/* 次标题的样式 *\/        .enjoy-rider-container h2 {            text-align: center;            font-size: 36px;            font-weight: bold;            margin-bottom: 20px;        }        \/* 图片容器的布局 *\/        .image-row {            display: flex;            justify-content: space-between;            gap: 20px; \/* 图片之间的间距 *\/            margin-bottom: 20px; \/* 图片和下面文本的间距 *\/        }        \/* 每张图片的容器，确保图片大小受限于容器 *\/        .image-row img {            width: 23%; \/* 限制每张图片的宽度 *\/            height: auto;            object-fit: cover;  \/* 保证图片比例不变，填充容器 *\/            border-radius: 8px; \/* 图片圆角 *\/        }        \/* 最后一排文本部分 *\/        .enjoy-rider-container p {            text-align: center;            font-size: 24px;            font-weight: normal;            line-height: 1.6;            margin-top: 20px;        }        \/* 移动端适配 *\/        @media (max-width: 768px) {            \/* 视频和图片的布局改为垂直堆叠 *\/            .container {                flex-direction: column; \/* คอลัมน์ *\/            }            \/* 新的内容板块改为垂直堆叠 *\/            .new-content .content-container {                flex-direction: column;            }            .new-content .text-container {                text-align: center;  \/* 文字居中 *\/            }            .new-content .video-container {                flex: 1 1 100%; \/* 视频宽度占满整个容器 *\/                margin-top: 20px; \/* 给视频容器增加间距 *\/            }            \/* 新增的板块变为左右可滑动 *\/            .enjoy-rider-container .image-row {                overflow-x: auto;  \/* 启用水平滚动 *\/                white-space: nowrap;  \/* 防止换行 *\/                -webkit-overflow-scrolling: touch; \/* iOS 滑动优化 *\/            }            .enjoy-rider-container img {                width: 70%; \/* 每张图片占据容器的 70% *\/                margin-right: 10px;                display: inline-block;  \/* 确保图片横向排列 *\/            }        }    \u003c\/style\u003e    \u003c!-- 自定义内容容器 --\u003e    \u003cdiv class=\"custom-container\"\u003e        \u003c!-- 头部标题部分 --\u003e        \u003cdiv class=\"header\"\u003e            \u003ch2 style=\"text-align: center;\"\u003eเรื่องราวความปรารถนาของนักขี่\u003c\/h2\u003e            \u003cp\u003eThe Rider Desire ได้รับแรงบันดาลใจจากบัลเลต์ขี่ม้า เป็นผลิตภัณฑ์ล่าสุดในกลุ่มผลิตภัณฑ์ของเรา ซึ่งมอบประสบการณ์ที่น่าตื่นเต้นและเร้าใจหลายระดับ เหมือนกับนักขี่ที่หลอมรวมเป็นหนึ่งเดียวกับม้าในการแสดงบัลเลต์ขี่ม้าอันดุเดือด\u003c\/p\u003e            \u003cp\u003eนักออกแบบได้แปลการเคลื่อนไหวเป็นการสั่นสะเทือนของอานที่มีความถี่แตกต่างกัน การกระทำต่างๆ เช่น การเลี้ยว การหมุน การกระโดด และการเต้นระบำอาหรับสอดคล้องกับองค์ประกอบการสั่นสะเทือนที่มีรูปทรงแตกต่างกันและสามารถเปลี่ยนได้ แนวทางนี้ได้จินตนาการถึง \"การเล่น\" ด้วยสัมผัสของความสง่างามแบบคลาสสิก\u003c\/p\u003e        \u003c\/div\u003e        \u003c!-- วิดีโอและรูปภาพ --\u003e        \u003cdiv class=\"container\"\u003e            \u003cdiv class=\"video-container\"\u003e                \u003c!-- วิดีโอ --\u003e                \u003cvideo autoplay muted loop playsinline controlslist=\"nodownload noremoteplayback\" style=\"display: block;\"\u003e                    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/8702d3399c764e3b9ba2c94e93d788a2.mp4\" type=\"video\/mp4\"\u003e                    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/8702d3399c764e3b9ba2c94e93d788a2.webm\" type=\"video\/webm\"\u003e                    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/8702d3399c764e3b9ba2c94e93d788a2.ogv\" type=\"video\/ogg\"\u003e                    Your browser does not support the video tag.                \u003c\/source\u003e\u003c\/source\u003e\u003c\/video\u003e            \u003c\/div\u003e            \u003cdiv class=\"image-container\"\u003e                \u003cimg class=\"custom-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0875\/0854\/9907\/files\/vvd-video-imgt.jpg?v=1722404920\" alt=\"图片\"\u003e                \u003cp\u003eThe Rider Desire เปิดโอกาสให้เล่นได้ไม่รู้จบ\u003c\/p\u003e            \u003c\/div\u003e        \u003c\/div\u003e        \u003c!-- ส่วนเนื้อหาใหม่ --\u003e        \u003cdiv class=\"new-content\"\u003e            \u003cdiv class=\"content-container\"\u003e                \u003cdiv class=\"text-container\"\u003e                    \u003cp\u003eThe Rider Desire มีส่วนโค้งรูปอาน ไม้กายสิทธิ์ที่เปลี่ยนได้ และการแกว่งตัวแบบไร้แรงโน้มถ่วง ซิลิโคนเนื้อนุ่มให้สัมผัสที่หรูหรา เติมเต็มจินตนาการทั้งหมดของคุณในขณะที่แกว่งตัวได้อย่างอิสระ ทำให้ประสบการณ์น่าตื่นตาตื่นใจยิ่งขึ้น\u003c\/p\u003e                    \u003cp\u003eยืดหยุ่น\u003c\/p\u003e                    \u003cp\u003eตามใจปรารถนา\u003c\/p\u003e                    \u003cp\u003eน่าหลงใหล\u003c\/p\u003e                \u003c\/div\u003e                \u003cdiv class=\"video-container\"\u003e                    \u003cvideo autoplay muted loop playsinline controlslist=\"nodownload noremoteplayback\"\u003e                        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a938ed2b6116495787fcdb576b595aa3.mp4\" type=\"video\/mp4\"\u003e                        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a938ed2b6116495787fcdb576b595aa3.webm\" type=\"video\/webm\"\u003e                        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a938ed2b6116495787fcdb576b595aa3.ogv\" type=\"video\/ogg\"\u003e                        Your browser does not support the video tag.                    \u003c\/source\u003e\u003c\/source\u003e\u003c\/video\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003c!-- ส่วนใหม่ (ไม่มีพื้นหลัง) --\u003e\n        \u003cdiv class=\"enjoy-rider-container\"\u003e\n            \u003ch2\u003eวิธีเพลิดเพลินกับ Rider Desire\u003c\/h2\u003e\n            \u003cdiv class=\"image-row\"\u003e\n                \u003cimg src=\"https:\/\/vvdofficial.com\/cdn\/shop\/files\/deta01.png?crop=center\u0026amp;height=565\u0026amp;v=1718696179\u0026amp;width=576\" alt=\"Image 1\"\u003e\n                \u003cimg src=\"https:\/\/vvdofficial.com\/cdn\/shop\/files\/deta02.png?crop=center\u0026amp;height=565\u0026amp;v=1718696178\u0026amp;width=576\" alt=\"Image 2\"\u003e\n                \u003cimg src=\"https:\/\/vvdofficial.com\/cdn\/shop\/files\/deta03.png?crop=center\u0026amp;height=565\u0026amp;v=1718696178\u0026amp;width=576\" alt=\"Image 3\"\u003e\n                \u003cimg src=\"https:\/\/vvdofficial.com\/cdn\/shop\/files\/new_ct.jpg?crop=center\u0026amp;height=900\u0026amp;v=1728357133\u0026amp;width=900\" alt=\"Image 4\"\u003e\n            \u003c\/div\u003e\n            \u003cp\u003eความสนุกอีกมากมายให้คุณได้ค้นพบ...\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e","brand":"AcmeJoy","offers":[{"title":"สีกุหลาบชมพู","offer_id":42639815278686,"sku":"100276499-D3","price":284.88,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0657\/1206\/2558\/files\/20240819194006_83260.jpg?v=1775920612","url":"https:\/\/toolxxx.com\/th\/products\/acmejoy-vvd-rider-desire-the-ultimate-riding-experience-innovative-design-withe-dual-control","provider":"Toolxxx","version":"1.0","type":"link"}