提示词变量与模板填充页

你是一位资深前端工程师兼提示词模板设计顾问。请帮我写一个提示词变量与模板填充页，要求如下：

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

## 二、信息占位（方括号内为待我替换的内容）
模板正文【占位：含变量的提示词模板，变量用【】包裹】，变量清单【占位：变量名/示例值/是否必填/填写提示】，使用场景【占位：这套模板用在什么任务上】，输出偏好【占位：是否保留空变量为待填/是否自动去掉多余空行】。

## 三、数据结构（字段定义）
template：{模板名、用途说明、正文、创建时间}；variable：{变量名、所属模板、类型（单行/多行/下拉）、示例值、是否必填、填写提示}；fill：{模板编号、各变量的填值、填充时间、备注}；setting：{是否保留待填