颗粒渐变柔光卡片墙

用 HTML + CSS + Canvas 做一面 3×2 的方形封面卡片墙，卡片正中只有两行白色英文，背景是带颗粒感的柔和渐变。不用任何图片。 1. 卡片圆角 20px，内侧一圈 0.5px 的淡黑描边。文字用 Inter 400，字号是卡片宽度的 8%，居中。 2. 背景先铺一层从上到下的线性渐变，上面浅、偏冷，下面深、偏暖。再叠 4 个大的 radial-gradient 色团，边缘渐隐，分布在四角和边缘。只用色环上相邻的颜色，六张各一组：紫粉到橙金、灰蓝到深棕、雾蓝到深海蓝、雾蓝到墨绿、薰衣草到深夜紫、天灰到锈红。 3. 用 canvas 生成 128×128 的灰度随机噪点，平铺盖满卡片，mix-blend-mode: overlay，透明度 0.4。按 devicePixelRatio 设尺寸，让一个噪点对应一个物理像素。 4. 其中五张叠一层 SVG 白色细线纹样：射线、同心等高线、声波线、点阵、透镜。线宽 0.8px，透明度 0.3 左右，用径向 mask 把中间让给文字。 5. 色团用 CSS 动画在 20–28 秒里慢慢漂移、轻微缩放。鼠标悬停时色团朝光标方向偏移，纹样往反方向偏一点，光标处淡入一团柔光，移开后回到原位。偏移用弹簧计算（刚度 70，阻尼比 0.86），起步和停下都要平滑。 6. 开启 prefers-reduced-motion 时关掉所有动效。 输出一个单独的 HTML 文件，不依赖外部库。