Small Anime Sex Dolls

About

/* 容器基础样式 */ .mrl-hero-section { background: linear-gradient(145deg, #0f0f0f 0%, #1a1a1a 100%); color: #f0f0f0; padding: 40px 20px; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; border-bottom: 2px solid #ff4da6; box-sizing: border-box; } .mrl-container { max-width: 1200px; margin: 0 auto; position: relative; /* 为定位服务 */ } /* 标题样式 */ .mrl-hero-title { font-size: 2.5rem; font-weight: 800; margin-bottom: 20px; line-height: 1.2; text-transform: uppercase; background: linear-gradient(90deg, #fff 0%, #ff85a2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; display: inline-block; } .mrl-intro-text { font-size: 1.1rem; line-height: 1.6; color: #d1d1d1; margin-bottom: 20px; } .mrl-highlight-pink { color: #ff4da6; font-weight: bold; } /* === 核心功能：CSS折叠逻辑 (Checkbox Hack) === */ /* 1. 隐藏真实的复选框 */ #mrl-toggle-checkbox { display: none; } /* 2. 折叠区域的初始状态 */ .mrl-expandable-content { max-height: 0; /* 初始高度为0，隐藏 */ overflow: hidden; /* 超出隐藏 */ opacity: 0; /* 透明度0 */ transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s ease; /* 丝滑过渡动画 */ } /* 3. 当复选框被选中时，改变折叠区域的状态 */ #mrl-toggle-checkbox:checked ~ .mrl-expandable-content { max-height: 2000px; /* 设置一个足够大的高度以容纳内容 */ opacity: 1; } /* 4. 按钮样式 */ .mrl-toggle-btn { display: inline-block; background: transparent; border: 2px solid #ff4da6; color: #ff4da6; padding: 10px 30px; font-weight: 700; border-radius: 50px; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; transition: all 0.3s ease; margin-top: 10px; user-select: none; position: relative; } .mrl-toggle-btn:hover { background: #ff4da6; color: white; box-shadow: 0 0 15px rgba(255, 77, 166, 0.4); } /* 5. 利用 CSS 伪元素根据状态改变按钮文字 */ .mrl-toggle-btn::after { content: "View Full Details ▾"; /* 默认文字 */ } /* 当选中时，改变文字 */ #mrl-toggle-checkbox:checked ~ .mrl-toggle-btn::after { content: "Close Details ▴"; } /* 特性列表样式 (保持之前的漂亮设计) */ .mrl-features-box { background: rgba(255, 255, 255, 0.05); border: 1p

On-page SEO