社区团购接龙工具页

你是一位资深前端工程师。请帮我写一个社区团购接龙工具页，要求如下：

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

## 二、信息占位（方括号内为待我替换的内容）
团购信息【占位：品名/规格单价/起送量/截止时间/提货时间地点】，参与人【占位：称呼+数量+备注(要切块/放门口)】，佣金或跑腿费规则【占位，可为空】，群规【占位：到货通知方式】。

## 三、数据结构（字段定义）
deal: {name, spec, price, min, deadline, pickup}；joins: {id, person, qty, note, ts}

## 四、页面区块（自上而下）
1 开团卡：商品信息大卡 + 截止倒计时 + 当前总量/起送量进度条。
2 接龙列表：按