电子便签墙

你是一位资深前端工程师。请帮我写一个电子便签墙，要求如下：

## 一、技术约束
单文件 .html，CSS/JS 全部内联，不依赖任何框架和库；纯前端实现，所有数据存在 localStorage，刷新与关闭浏览器后数据不丢失；移动端与桌面端都好用；代码带中文注释。

## 二、信息占位（方括号内为待我替换的内容）
预置便签【2 条占位：一条待办 + 一条灵感】，便签颜色【预置 6 色：黄/粉/蓝/绿/紫/白 占位】，默认尺寸【占位】，墙面背景【软木板 / 纯色 占位】。

## 三、数据结构（字段定义）
notes: {id, text, color, x, y, pinned, updatedAt}

## 四、页面区块（自上而下）
1 墙面区：全屏自由画布，便签以卡片形式散布，可任意拖拽。
2 新建按钮：右下角悬浮 +，点击生成一张新便签。
3 便签本体：顶部色条（点击换色）+ 文本区（点击直接编辑）+ 操作角标（置顶📌、