立即下载 了解更多

特色功能

• 精准智能匹配系统
• 私密聊天加密保护
• 兴趣社区个性推荐
• 3D虚拟交友形象
• 线下约会安全保障

数据表现

{ anchor.addEventListener('click', function (e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) { target.scrollIntoView({ behavior: 'smooth', block: 'start' }); } }); }); // 滚动淡入动画 const observerOptions = { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }; const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.style.animationDelay = '0s'; entry.target.classList.add('fade-in'); } }); }, observerOptions); document.querySelectorAll('section').forEach(section => { observer.observe(section); }); // 导航链接点击高亮 document.querySelectorAll('.nav-links a').forEach(link => { link.addEventListener('click', function() { document.querySelectorAll('.nav-links a').forEach(l => l.classList.remove('active')); this.classList.add('active'); }); }); // 粉色按钮点击效果 document.querySelectorAll('.pink-button, .cta-button').forEach(button => { button.addEventListener('click', function() { this.style.transform = 'scale(0.95)'; setTimeout(() => { this.style.transform = ''; }, 150); }); }); // 缩略图悬停效果 document.querySelectorAll('.thumbnail-grid .thumbnail').forEach(thumb => { thumb.addEventListener('click', function() { this.style.transform = 'scale(0.9)'; setTimeout(() => { this.style.transform = ''; }, 200); }); }); // 随机爱心浮动 function createFloatingHeart() { const heart = document.createElement('span'); heart.innerHTML = ['💖', '💕', '💗', '💓', '❤️'][Math.floor(Math.random() * 5)]; heart.style.position = 'fixed'; heart.style.left = Math.random() * 100 + 'vw'; heart.style.bottom = '-50px'; heart.style.fontSize = (Math.random() * 20 + 20) + 'px'; heart.style.pointerEvents = 'none'; heart.style.zIndex = '9999'; heart.style.opacity = '0.8'; heart.style.animation = `floatUp ${Math.random() * 3 + 4}s linear forwards`; document.body.appendChild(heart); setTimeout(() => heart.remove(), 7000); } // 添加漂浮动画 const style = document.createElement('style'); style.textContent = ` @keyframes floatUp { 0% { transform: translateY(0) rotate(0deg); opacity: 0.8; } 100% { transform: translateY(-110vh) rotate(360deg); opacity: 0; } } `; document.head.appendChild(style); setInterval(createFloatingHeart, 3000);