
Các tinh thể sinh học Sleepm
Mười sáu viên pha lê và hai kim loại quý, được sắp xếp thành hình trăng lưỡi liềm. Hãy chạm vào bất kỳ ngôi sao nào để khám phá viên đá tương ứng, hoặc để bầu trời dẫn dắt bạn trong chuyến tham quan.
01 / 18
Mỗi viên đá và mảnh kim loại trong hỗn hợp Sleepm đều hòa quyện vào nhau. Hãy chạm vào một viên để nó tỏa sáng trên bầu trời.
Tất cả mười tám yếu tố này đều được đan xen vào từng sản phẩm biocrystal của Sleepm.
Khám phá Hành trình Tinh thể →
Các mô tả về đá phản ánh những truyền thuyết và câu chuyện dân gian truyền thống, được chia sẻ nhằm mang lại niềm vui. Các sản phẩm của Sleepm là sản phẩm chăm sóc sức khỏe và không nhằm mục đích chẩn đoán, điều trị, chữa khỏi hoặc phòng ngừa bất kỳ bệnh tật hay tình trạng sức khỏe nào.
(function(){
var U="https://sleepm.com/wp-content/uploads/2026/06/";function IMG(s){return U+s+".webp";}
var C=[
["Flint","flint","The ancient grounding stone, as old as firelight."],
["Natural Jasper","JasperNatural","Raw and unpolished, straight from the earth."],
["Dalmatian Jasper","dalmation-jasper","Speckled and playful, the light-hearted one."],
["Leopard Jasper","jasperleopard","Patterned, earthy and famously steadying."],
["Red Jasper","redjasper","The quiet anchor of the blend."],
["Aventurine","aventurine","A soothing green, long linked with renewal."],
["Serpentine Jade","SerpentineJade","Snake jade, a symbol of vitality and long life."],
["Sodalite","Sodalite","Deep blue, the stone of clear thoughts."],
["Fluorspar","flourspar","Banded violet and sea-green, kept for focus."],
["Amethyst","amethystsleepm","Violet calm, lore's favorite for racing minds."],
["Rose Quartz","rosequartz","The soft one, folklore's keeper of tenderness."],
["Citrine","../07/citrine-new","Bottled sunrise, for brighter mornings."],
["Orange Calcite","orangecalcite","Radiant amber warmth."],
["Heliotrope","Heliotrope-Bloodstone","The traveler's stone of old caravans."],
["Selenite","Selenite","Named for the moon and kept for stillness."],
["Clear Quartz","quartz","The clarifier, anchor of the whole blend."],
["Silver","silver","Bright and lustrous, the cool counterpoint."],
["Gold","gold","The noble thread that warms the weave."]
];
var N=C.length,NS="http://www.w3.org/2000/svg",svg=document.getElementById("cstSky");
var cx=430,cy=400,R=320,d=0.45*R,ix=cx+d,r=Math.sqrt(Math.pow(0.5*R-d,2)+0.75*R*R);
var P=[],i,t;
for(i=0;11>i;i++){t=(60+i*24)*Math.PI/180;P.push({x:cx+R*Math.cos(t),y:cy-R*Math.sin(t),side:"out",a:t});}
var phi=Math.acos((0.5*R-d)/r)*180/Math.PI;
var a0=360-phi,a1=phi,step=(a0-a1)/8;
for(i=1;7>=i;i++){t=(a0-i*step)*Math.PI/180;P.push({x:ix+r*Math.cos(t),y:cy-r*Math.sin(t),side:"in",a:t});}
function el(n,a){var e=document.createElementNS(NS,n);for(var k in a)e.setAttribute(k,a[k]);return e;}
var pts=P.map(function(p){return p.x.toFixed(1)+","+p.y.toFixed(1)}).join(" ");
svg.appendChild(el("polyline",{"class":"trail",points:pts+" "+P[0].x.toFixed(1)+","+P[0].y.toFixed(1)}));
var lit=el("polyline",{"class":"lit",points:pts});svg.appendChild(lit);
var segLen=[0];for(i=1;N>i;i++)segLen.push(segLen[i-1]+Math.hypot(P[i].x-P[i-1].x,P[i].y-P[i-1].y));
var total=segLen[N-1];lit.setAttribute("stroke-dasharray",total);lit.setAttribute("stroke-dashoffset",total);
var nodes=P.map(function(p,k){
var g=el("g",{"class":"node",tabindex:"0",role:"button","aria-label":C[k][0]});
g.appendChild(el("circle",{"class":"halo",cx:p.x,cy:p.y,r:22}));
g.appendChild(el("circle",{"class":"glow",cx:p.x,cy:p.y,r:7}));
g.appendChild(el("circle",{"class":"core",cx:p.x,cy:p.y,r:k>15?4.5:5}));
g.appendChild(el("circle",{"class":"hit",cx:p.x,cy:p.y,r:26}));
var tx,ty,anc;
if(p.side==="out"){var c=Math.cos(p.a),s=Math.sin(p.a);tx=p.x+c*20;ty=p.y-s*20+5;anc=-0.25>c?"end":(c>0.25?"start":"middle");if(anc==="middle")ty=p.y-s*24+(0>s?14:0);}
else{tx=p.x-16;ty=p.y+5;anc="end";}
var tt=el("text",{x:tx,y:ty,"text-anchor":anc});tt.textContent=C[k][0];g.appendChild(tt);
g.addEventListener("click",function(){pick(k,true)});
g.addEventListener("keydown",function(e){if(e.key==="Enter"||e.key===" "){e.preventDefault();pick(k,true)}});
svg.appendChild(g);return g;
});
var grid=document.getElementById("cst_grid");if(!grid)return;
var chips=C.map(function(c,k){
var b=document.createElement("button");b.className="chip";b.type="button";b.setAttribute("aria-pressed","false");
var im=document.createElement("img");im.alt="";im.loading="lazy";im.src=IMG(c[1]);var sp=document.createElement("span");sp.textContent=c[0];b.appendChild(im);b.appendChild(sp);
b.addEventListener("click",function(){pick(k,true);document.querySelector(".cst .stage").scrollIntoView({behavior:matchMedia("(prefers-reduced-motion: reduce)").matches?"auto":"smooth"})});
grid.appendChild(b);return b;
});
var cur=-1,card=document.getElementById("cst_card");
function pad(n){return (10>n?"0":"")+n}
function pick(k,user){
if(user)setPlay(false);
cur=(k+N)%N;
nodes.forEach(function(n,j){n.classList.toggle("on",j===cur)});
chips.forEach(function(b,j){b.setAttribute("aria-pressed",j===cur?"true":"false")});
lit.setAttribute("stroke-dashoffset",total-segLen[cur]);
var c=C[cur];
document.getElementById("cImg").src=IMG(c[1]);
document.getElementById("cNum").textContent=pad(cur+1)+" / "+N;
document.getElementById("cName").textContent=c[0];
document.getElementById("cLore").textContent=c[2];
document.getElementById("cKind").textContent=cur>15?"Noble metal":"Crystal";
card.classList.remove("fade");void card.offsetWidth;card.classList.add("fade");
}
var playing=true,timer=null,playBtn=document.getElementById("cst_play");
function setPlay(on){playing=on;playBtn.textContent=on?"Pause tour":"Play tour";playBtn.setAttribute("aria-pressed",on?"true":"false");clearInterval(timer);if(on)timer=setInterval(function(){pick(cur+1)},3800);}
playBtn.addEventListener("click",function(){setPlay(!playing)});
document.getElementById("cst_prev").addEventListener("click",function(){pick(cur-1,true)});
document.getElementById("cst_next").addEventListener("click",function(){pick(cur+1,true)});
var reduce=matchMedia("(prefers-reduced-motion: reduce)").matches;
pick(9);setPlay(!reduce);
var cv=document.getElementById("cst_dust"),cx2=cv.getContext("2d"),stars=[],W,H,rgb;
function size(){var b=cv.getBoundingClientRect(),dp=Math.min(devicePixelRatio||1,2);W=b.width;H=b.height;cv.width=W*dp;cv.height=H*dp;cx2.setTransform(dp,0,0,dp,0,0);
stars=[];var n=Math.round(W*H/5200);for(var j=0;n>j;j++)stars.push({x:Math.random()*W,y:Math.random()*H,r:Math.random()*1.1+.25,p:Math.random()*6.28,s:.4+Math.random()*1.2});
rgb=getComputedStyle(document.documentElement).getPropertyValue("--c-dust").trim()||"233,236,255";draw(0);}
function draw(ts){cx2.clearRect(0,0,W,H);for(var j=0;stars.length>j;j++){var s=stars[j],a=reduce?.5:.25+.45*(.5+.5*Math.sin(s.p+ts/1000*s.s));cx2.fillStyle="rgba("+rgb+","+a.toFixed(2)+")";cx2.beginPath();cx2.arc(s.x,s.y,s.r,0,6.283);cx2.fill();}}
function loop(ts){draw(ts);requestAnimationFrame(loop)}
size();addEventListener("resize",size);
try{matchMedia("(prefers-color-scheme: dark)").addEventListener("change",size);new MutationObserver(size).observe(document.documentElement,{attributes:true,attributeFilter:["class","data-theme"]});}catch(e){}
if(!reduce)requestAnimationFrame(loop);
})();
(function(){var s=document.getElementById('sky');if(s){s.setAttribute('viewBox','0 95 1620 670');s.setAttribute('preserveAspectRatio','xMidYMid meet');}})();
(function(){var btn=document.querySelector('.lb-btn');if(btn){btn.addEventListener('click',function(e){e.preventDefault();document.documentElement.classList.toggle('lbopen');});}var menu=document.querySelector('.lb-menu');if(menu){menu.addEventListener('click',function(){document.documentElement.classList.remove('lbopen');});}})();
Quét bằng camera điện thoại — Ứng dụng dành cho iPhone đã có mặt trên App Store, còn phiên bản dành cho Android đã có mặt trên Google Play.
Hoặc nhấn vào đây trên điện thoại của bạn →