产品中心

探索我们的手工饰品系列

按材质分类

按类型分类

价格区间

颜色

排序

纯银

纯银宝石项链

S925纯银材质，镶嵌天然宝石，优雅时尚

¥299

宝石

绿松石手链

天然绿松石，波西米亚风格，手工编织

¥199

珍珠

淡水珍珠耳环

天然淡水珍珠，优雅设计，适合日常佩戴

¥159

水晶

彩色水晶手链

天然彩色水晶，手工编织，波西米亚风格

¥129

铜饰

铜质宝石耳环

铜质材质，镶嵌宝石，复古风格

¥99

皮革

皮革编织手链

优质皮革，手工编织，波西米亚风格

¥89

Miyuki

Miyuki珠手链

日本Miyuki种子珠，手工编织，色彩丰富

¥149

搏琅

彩色搏琅耳环

彩色搏琅工艺，手工制作，独特设计

¥169

定制服务

我们提供从设计到生产的全流程定制服务，满足您的个性化需求。

了解更多

// 滚动进度条 (function() { var progressBar = document.createElement('div'); progressBar.style.cssText = 'position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#C8A96E,#1B3A5C);z-index:9999999;width:0%;transition:width 0.1s;'; document.body.appendChild(progressBar); window.addEventListener('scroll', function() { var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; var scrollHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight; var progress = (scrollTop / scrollHeight) * 100; progressBar.style.width = progress + '%'; }); })(); // 返回顶部按钮 (function() { var btn = document.createElement('button'); btn.innerHTML = ''; btn.style.cssText = 'position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:#C8A96E;color:white;border:none;border-radius:50%;cursor:pointer;z-index:9998;opacity:0;visibility:hidden;transition:all 0.3s;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 15px rgba(200,169,110,0.4);'; document.body.appendChild(btn); btn.addEventListener('click', function() { window.scrollTo({ top: 0, behavior: 'smooth' }); }); window.addEventListener('scroll', function() { if (window.scrollY > 500) { btn.style.opacity = '1'; btn.style.visibility = 'visible'; } else { btn.style.opacity = '0'; btn.style.visibility = 'hidden'; } }); })(); // 滚动渐入动画 (function() { var observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting) { entry.target.classList.add('revealed'); } }); }, { threshold: 0.1 }); document.querySelectorAll('.hover-scale, .bg-white, .bg-light').forEach(function(el) { el.style.opacity = '0'; el.style.transform = 'translateY(30px)'; el.style.transition = 'opacity 0.6s ease, transform 0.6s ease'; observer.observe(el); }); var style = document.createElement('style'); style.textContent = '.revealed { opacity: 1 !important; transform: translateY(0) !important; }'; document.head.appendChild(style); })(); // 点击波纹效果 (function() { document.addEventListener('click', function(e) { var target = e.target.closest('button, a, .hover-scale'); if (!target) return; // 检查是否是已有onclick事件的元素 if (target.hasAttribute('onclick')) { return; // 保留原有的onclick事件 } var rect = target.getBoundingClientRect(); var x = e.clientX - rect.left; var y = e.clientY - rect.top; var ripple = document.createElement('span'); ripple.style.cssText = 'position:absolute;border-radius:50%;background:rgba(255,255,255,0.4);width:10px;height:10px;left:' + x + 'px;top:' + y + 'px;pointer-events:none;transform:scale(0);animation:ripple 0.6s ease-out forwards;'; var style = document.createElement('style'); style.textContent = '@keyframes ripple { to { transform: scale(40); opacity: 0; } }'; document.head.appendChild(style); target.style.position = 'relative'; target.style.overflow = 'hidden'; target.appendChild(ripple); setTimeout(function() { ripple.remove(); }, 600); }); })(); // 卡片悬停3D倾斜效果 (function() { document.querySelectorAll('.hover-scale').forEach(function(card) { card.addEventListener('mousemove', function(e) { var rect = card.getBoundingClientRect(); var x = e.clientX - rect.left; var y = e.clientY - rect.top; var centerX = rect.width / 2; var centerY = rect.height / 2; var rotateX = (y - centerY) / 20; var rotateY = (centerX - x) / 20; card.style.transform = 'perspective(1000px) rotateX(' + rotateX + 'deg) rotateY(' + rotateY + 'deg) scale(1.02)'; }); card.addEventListener('mouseleave', function() { card.style.transform = 'perspective(1000px) rotateX(0) rotateY(0) scale(1)'; }); }); })(); // 鼠标拖尾效果 (function() { var numDots = 10; var dots = []; for (var i = 0; i < numDots; i++) { var d = document.createElement('div'); var size = 12 - i; d.style.cssText = 'position:fixed;left:0;top:0;width:' + size + 'px;height:' + size + 'px;background:#C8A96E;border-radius:50%;pointer-events:none;z-index:9999999;opacity:' + (1 - i * 0.08) + ';'; document.body.appendChild(d); dots.push(d); } var mouseX = -100, mouseY = -100; var positions = []; for (var i = 0; i < numDots; i++) { positions.push({ x: -100, y: -100 }); } document.addEventListener('mousemove', function(e) { mouseX = e.clientX; mouseY = e.clientY; }); function animate() { positions[0].x += (mouseX - positions[0].x) * 0.3; positions[0].y += (mouseY - positions[0].y) * 0.3; for (var i = 1; i < numDots; i++) { positions[i].x += (positions[i-1].x - positions[i].x) * 0.25; positions[i].y += (positions[i-1].y - positions[i].y) * 0.25; } for (var i = 0; i < numDots; i++) { dots[i].style.left = positions[i].x + 'px'; dots[i].style.top = positions[i].y + 'px'; } requestAnimationFrame(animate); } animate(); })();