SOURCE

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>慧慧辅助</title>
<style>
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Orbitron','Segoe UI',system-ui,sans-serif;
    -webkit-tap-highlight-color:transparent;
}
body{
    width:100vw;
    height:100vh;
    overflow:hidden;
    background:#050816;
    color:#fff;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    position:relative;
}
/* 星空粒子背景 */
#canvasBg{
    position:fixed;
    inset:0;
    z-index:0;
}
.wrap{
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:42px;
}
.title{
    font-size:28px;
    letter-spacing:6px;
    color:#38bdf8;
    text-shadow:0 0 12px #0ea5e9,0 0 24px #0284c7;
}
.btnBox{
    display:flex;
    flex-direction:column;
    gap:24px;
    width:82%;
    max-width:400px;
}
.glassBtn{
    position:relative;
    padding:20px 26px;
    font-size:22px;
    font-weight:600;
    border:1px solid rgba(56,189,248,0.35);
    border-radius:16px;
    background:rgba(12,20,40,0.65);
    backdrop-filter:blur(10px);
    color:#38bdf8;
    box-shadow:0 0 16px rgba(14,165,233,0.22);
    transition:all 0.22s ease;
}
.glassBtn:active{
    transform:scale(0.96);
    border-color:rgba(56,189,248,0.85);
    box-shadow:0 0 26px rgba(14,165,233,0.55);
}
/* 悬浮窗 高科技玻璃面板 */
.floatWin{
    position:fixed;
    top:24px;
    right:18px;
    width:325px;
    background:rgba(8,14,30,0.72);
    backdrop-filter:blur(14px);
    border:1px solid rgba(56,189,248,0.42);
    border-radius:18px;
    box-shadow:0 0 30px rgba(14,165,233,0.28);
    z-index:99;
    display:none;
    overflow:hidden;
    touch-action:none;
}
.dragHead{
    height:58px;
    background:linear-gradient(90deg,rgba(14,165,233,0.25),rgba(56,189,248,0.1));
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:21px;
    color:#7dd3fc;
    font-weight:bold;
    border-bottom:1px solid rgba(56,189,248,0.3);
    cursor:move;
}
.menuScroll{
    max-height:440px;
    overflow-y:auto;
    padding:14px;
}
.menuScroll::-webkit-scrollbar{
    width:5px;
}
.menuScroll::-webkit-scrollbar-thumb{
    background:#0369a1;
    border-radius:4px;
}
.item{
    padding:15px 18px;
    margin:7px 0;
    border-radius:12px;
    border:1px solid rgba(56,189,248,0.2);
    background:rgba(15,28,55,0.55);
    font-size:18px;
    color:#bae6fd;
    transition:0.18s;
}
.item:active{
    background:rgba(14,165,233,0.28);
    border-color:rgba(56,189,248,0.7);
}
.toast{
    position:fixed;
    bottom:90px;
    left:50%;
    transform:translateX(-50%);
    padding:15px 36px;
    background:rgba(22,163,74,0.75);
    backdrop-filter:blur(8px);
    border:1px solid #22c55e;
    border-radius:999px;
    font-size:20px;
    font-weight:bold;
    color:#bbf7d0;
    opacity:0;
    transition:0.28s;
    z-index:100;
    box-shadow:0 0 20px rgba(34,197,94,0.35);
}
.toast.show{
    opacity:1;
}
</style>
</head>
<body>
<canvas id="canvasBg"></canvas>
<div class="wrap">
    <div class="title">慧慧辅助 控制面板</div>
    <div class="btnBox">
        <button class="glassBtn" id="open">开启辅助</button>
        <button class="glassBtn" id="close">关闭辅助</button>
    </div>
</div>

<div class="floatWin" id="win">
    <div class="dragHead" id="dragBar">三角洲慧慧辅助</div>
    <div class="menuScroll">
        <div class="item">锁身</div>
        <div class="item">锁头</div>
        <div class="item">范围伤害</div>
        <div class="item">技能无冷却</div>
        <div class="item">钟美慧牛逼</div>
        <div class="item">移速加快</div>
        <div class="item">辅助瞄准</div>
        <div class="item">透视物资</div>
        <div class="item">透视敌人</div>
        <div class="item">自动瞄准</div>
    </div>
</div>

<div class="toast" id="tip">开启成功</div>

<script>
//星空粒子背景
const canvas = document.getElementById('canvasBg');
const ctx = canvas.getContext('2d');
let w,h,stars=[];
function resize(){
    w = canvas.width = innerWidth;
    h = canvas.height = innerHeight;
}
resize();
addEventListener('resize',resize);
for(let i=0;i<120;i++){
    stars.push({
        x:Math.random()*w,
        y:Math.random()*h,
        r:Math.random()*1.3+0.2,
        speed:Math.random()*0.4+0.05
    })
}
function drawStar(){
    ctx.clearRect(0,0,w,h);
    ctx.fillStyle='#38bdf8';
    stars.forEach(s=>{
        ctx.beginPath();
        ctx.arc(s.x,s.y,s.r,0,Math.PI*2);
        ctx.fill();
        s.y += s.speed;
        if(s.y>h){
            s.y=0;
            s.x=Math.random()*w;
        }
    })
    requestAnimationFrame(drawStar);
}
drawStar();

//悬浮窗拖拽
const win = document.getElementById('win');
const dragBar = document.getElementById('dragBar');
const openBtn = document.getElementById('open');
const closeBtn = document.getElementById('close');
const tip = document.getElementById('tip');
const items = document.querySelectorAll('.item');

openBtn.onclick = ()=> win.style.display='block';
closeBtn.onclick = ()=> win.style.display='none';

let drag = false,ox,oy;
dragBar.addEventListener('touchstart',e=>{
    drag=true;
    const r = win.getBoundingClientRect();
    ox = e.touches[0].clientX - r.left;
    oy = e.touches[0].clientY - r.top;
})
document.addEventListener('touchmove',e=>{
    if(!drag) return;
    win.style.left = (e.touches[0].clientX - ox)+'px';
    win.style.top = (e.touches[0].clientY - oy)+'px';
    win.style.right = 'auto';
})
document.addEventListener('touchend',()=>drag=false);

//菜单点击提示
items.forEach(el=>{
    el.onclick = ()=>{
        tip.classList.add('show');
        setTimeout(()=>tip.classList.remove('show'),1300);
    }
})
</script>
</body>
</html>