Acmejoy - VVD Rider Desire Riding Experience Innovative Design withe Dual Control

/* 确保自定义内容容器的宽度、边距和填充适应页面 */ .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; /* 确保图片横向排列 */ } } Rider Desire Stories The Rider Desire, inspired by equestrian ballet, our latest addition to its portfolio, is a product that offers a multi-thrill, rocking experience, akin to a rider merging with their horse in a wild equestrian ballet. The designer translated the movements into varying frequencies of saddle vibrations. Different actions, such as turns, spins, jumps, and arabesques, correspond to interchangeable, differently shaped vibrating elements. This approach reimagines "play" with a touch of classical elegance. Your browser does not support the video tag. The Rider Desire opens up endless ways to play. The Rider Desire features a saddle-shaped curve, interchangeable wands, and anti-gravity swaying. The soft silicone adds a touch of luxury, fulfilling all your fantasies while swaying freely, making the experience more flexible indulgent captivating Your browser does not support the video tag. How to Enjoy Rider Desire More fun for you to discover...