/* ============ 动态渐变背景 ============ */ /* 背景上的柔和光晕 */ /* ============ 粒子画布 ============ */ /* ============ 中央标题 ============ */ /* 点击次数角标 */ /* ============ 我的会员入口 ============ */ /*.member-entry {*/ /* position: fixed;*/ /* top: 20px;*/ /* right: 24px;*/ /* z-index: 8;*/ /* display: flex;*/ /* align-items: center;*/ /* gap: 8px;*/ /* padding: 10px 20px;*/ /* border-radius: 999px;*/ /* text-decoration: none;*/ /* color: rgba(255, 255, 255, 0.9);*/ /* font-size: 15px;*/ /* letter-spacing: 1px;*/ /* font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;*/ /* background: rgba(255, 255, 255, 0.08);*/ /* border: 1px solid rgba(255, 255, 255, 0.18);*/ /* -webkit-backdrop-filter: blur(10px);*/ /* backdrop-filter: blur(10px);*/ /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);*/ /* transition: all .25s ease;*/ /* cursor: pointer;*/ /*}*/ // ============================================================ // 颜色调色板 // ============================================================ // ============================================================ // 主画布:粒子 + 点击特效 // ============================================================ var particles = []; // 所有活跃粒子 var ripples = []; // 扩散波纹 var ambient = []; // 背景漂浮粒子 // ============================================================ // 实时时钟(每秒走动,分钟随真实时间自动前进) // ============================================================ // 生成背景漂浮粒子(星星) // 生成点击爆裂粒子 // 生成波纹 // 鼠标移动产生小星星拖尾 // 点击:爆裂 + 波纹 + 计数 // 支持触摸 // ============================================================ // 动画主循环 // ============================================================ // 背景漂浮星星 // 波纹 // 爆裂粒子