<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><link rel="apple-touch-icon" type="image/png" href="https://i.ibb.co/XzmWRhP/qwkujhrk.png"/><meta name="apple-mobile-web-app-title" content="Hoshi Z"><link rel="shortcut icon" type="image/x-icon" href="https://i.ibb.co/XzmWRhP/qwkujhrk.png"/><link rel="mask-icon" type="https://i.ibb.co/XzmWRhP/qwkujhrk.png" color="#111"/><title>Hoshi Z</title><link rel="canonical" href="https://codepen.io/wilvander/pen/KKQrGgP"><style>*{margin:0;padding:0;box-sizing:border-box!important;}html,body{height:100%;}@keyframes 旋转{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.渐变{--大小:750px;--速度:50s;--缓动:cubic-bezier(0.8,0.2,0.2,0.8);width:var(--大小);height:var(--大小);filter:blur(calc(var(--大小)/5));background-image:linear-gradient(135deg,#ffffff,#f0f0f0);animation:旋转 var(--速度) var(--缓动) alternate infinite;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;}@media(min-width:720px){.渐变{--大小:500px;}}body{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;background-color:#171717;color:#fff;font-family:sans-serif;overflow-y:scroll;}.内容容器{display:flex;justify-content:space-between;width:90%;max-width:1200px;}.图像容器{flex:1;display:flex;justify-content:flex-start;align-items:center;padding:20px;position:relative;transition:transform 0.2s ease-out;}.图像容器 img{width:85%;max-height:85vh;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.5);transition:transform 0.1s ease-out;}.文本内容{flex:1;text-align:left;padding:20px;}.标题{font-size:40px;color:white;animation:闪烁淡出 3s infinite;}.描述{margin-top:10px;font-size:18px;color:white;}.按钮容器{margin-top:30px;display:flex;gap:20px;justify-content:left;}.按钮{padding:15px 30px;font-size:18px;color:#fff;background-color:#333;border:none;border-radius:50px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.2);transition:all 0.3s ease-in-out;}.按钮:before{content:"";position:absolute;top:-200%;left:-200%;width:200%;height:200%;background:linear-gradient(45deg,#00c6ff,#0072ff);transition:all 0.4s ease;opacity:0.4;border-radius:50%;}.按钮:hover:before{top:-50%;left:-50%;width:150%;height:150%;}.按钮:hover{transform:scale(1.1);box-shadow:0 6px 15px rgba(0,0,0,0.3);}.展示{font-size:30px;margin-top:50px;color:white;text-align:center;}.视频容器{margin-top:30px;text-align:center;width:100%;}@keyframes 闪烁淡出{0%{text-shadow:0 0 10px rgba(255,255,255,0.6),0 0 20px rgba(255,255,255,0.4),0 0 30px rgba(255,255,255,0.2);opacity:0.8;}50%{text-shadow:0 0 20px rgba(255,255,255,0.8),0 0 30px rgba(255,255,255,0.6),0 0 40px rgba(255,255,255,0.4);opacity:1;}100%{text-shadow:0 0 10px rgba(255,255,255,0.6),0 0 20px rgba(255,255,255,0.4),0 0 30px rgba(255,255,255,0.2);opacity:0.8;}} </style></head><body><div class="渐变"></div><div class="内容容器"><div class="图像容器"><img src="https://i.postimg.cc/7ZXtHxmS/hoshi-z-z.png" alt="Displaying Image" id="image"></div><div class="文本内容"><div class="标题">Hoshi Z</div><div class="描述">Hoshi Z The Best Free Roblox Scripting Utility</div><div class="按钮容器"><button class="按钮" onclick="window.location.href='https://bstlar.com/3GQ/HoshiZ'">Download</button><button class="按钮" onclick="window.location.href='https://discord.gg/fSDgb5uPKU'">Discord Server</button></div></div></div><div class="展示">Official Showcase</div><div class="视频容器"><iframe width="560" height="315" src="https://www.youtube.com/embed/aXlpotfD2k4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div><script>const image=document.getElementById('image');const imageContainer=document.querySelector('.图像容器');imageContainer.addEventListener('mousemove',(event)=>{const{width,height,left,top}=imageContainer.getBoundingClientRect();const centerX=left+width/2;const centerY=top+height/2;const deltaX=(event.clientX-centerX)/width;const deltaY=(event.clientY-centerY)/height;const rotateX=deltaY*30;const rotateY=-deltaX*30;image.style.transform=`rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;});imageContainer.addEventListener('mouseleave',()=>{image.style.transform='rotateX(0deg) rotateY(0deg)';});</script></body></html>