合同模板在线填写工具

你是一位资深前端工程师。请帮我写一个合同模板在线填写工具（变量替换 + 导出），要求如下：

## 一、技术约束
单文件 .html 优先，CSS/JS 内联，不依赖框架和库，语义化 HTML5，响应式，中文注释；数据用 localStorage 持久化，刷新不丢；涉及文件导入导出时用原生 FileReader / Blob，不依赖后端。

## 二、信息占位（方括号内为待我替换的内容）
合同类型【服务合作协议占位】，模板正文【占位（用 {{变量名}} 标记待填项）】，变量示例【甲方、乙方、金额、期限、签署日期 占位】，导出格式【TXT/DOCX 占位】。

## 三、页面区块（自上而下）
1 顶部（合同类型选择 + '粘贴/上传模板'按钮 + '重置'按钮 + '导出'按钮）
2 模板区（左侧：文本域显示模板正文，{{变量}} 高亮显示（用 span 标记，只读或可编辑））
3 变量表单（右侧：自动解析模板中所有 {{变量}}