创建一个网页，标题为“赛博木鱼”，设计要求如下： 页面整体布局 背景与样式： 背景颜色为深色 #121212，文字颜色为纯白 #FFFFFF。 使用楷体 'Kaiti SC' 和现代字体 'PingFang SC'，无对应字体时备用 sans-serif。 页面内容居中对齐，顶部为标题区，中央为木鱼点击区域，底部为提示文字，整体垂直分布。 标题区： 包含三个部分： 主标题：显示渐变文字“赛博木鱼”，字体大小为 25vw，使用 'Kaiti SC'，渐变从 rgba(255, 176, 103, 0.05)（浅橙色）到 rgba(115, 55, 0, 0.02)（浅棕色），方向为 180°，通过 -webkit-background-clip: text 和 -webkit-text-fill-color: transparent 实现渐变文字效果。 计分器：显示分数，初始值为 0，字体大小 10vh，字体为 PingFang SC，加粗 900，垂直居中。 描述文字：显示“功德”，字体大小 5vh，字体为 PingFang SC，居中对齐。 木鱼点击区： 包含一个木鱼和锤子图案： 木鱼图片链接：https://img.alicdn.com/imgextra/i3/O1CN012CO0YU1VSfNs506ZS_!!6000000002652-2-tps-284-236.png。 锤子图片链接：https://img.alicdn.com/imgextra/i1/O1CN01tKb5Et1aSjWRjCHK3_!!6000000003329-2-tps-119-69.png。 锤子的相对位置：锤子固定在木鱼的右上角，具体位置为相对于木鱼的右侧边缘偏上，保持一定距离以呈现动态打击效果。锤子的初始旋转角度为 0°，静态时与木鱼形成俯视敲击的视觉关系。 点击木鱼触发以下交互： 播放点击音效，音频链接：https://qianwen.alicdn.com/resource/qiaomuyu.mp3。 锤子短暂旋转（-25°），随后复位至 0°，动画时间为 0.1s。 木鱼放大至 scale(1.1) 后复位，动画时间为 0.1s。 显示动态漂浮字幕“功德+1”，字体为 PingFang SC，大小 1.5em，位置从木鱼上方漂浮消失，动画时间 0.4s。 点击后分数加 1，实时更新计分器内容。 底部提示： 显示文字“轻敲木鱼，细悟赛博真经。”，字体为 'Kaiti SC'，大小为 1.2em，水平居中，与木鱼区域保持一定间距。 动态效果 锤子旋转：通过 transform: rotate() 和 transition: 0.1s 实现点击旋转动画，锤子始终保持在木鱼右上角的相对位置。 木鱼放大：通过 transform: scale() 和 transition: 0.1s 实现短暂放大动画。 漂浮字幕：通过 opacity 和 transform 实现透明度和垂直移动的动画，过渡时间为 0.4s。 确保网页整体布局美观，锤子的右上角位置和点击动画流畅，字体易读，动画效果完美融合禅意与现代赛博风格。