家庭药箱效期管理页

你是一位资深前端工程师。请帮我写一个家庭药箱效期管理页，要求如下：

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

## 二、信息占位（方括号内为待我替换的内容）
药品清单【占位 5-30 种：药名/类别(感冒退烧/肠胃/外伤/慢病/儿童)/规格/数量/有效期至/存放位置】，家庭成员【占位：是否有婴幼儿/老人/孕妇】，补货提醒线【占位：剩余少于 X 盒提醒】，常备需求【占位：感冒/发烧/腹泻/过敏/外伤等】。

## 三、数据结构（字段定义）
meds: {id, name, cat, spec, qty, expires, spot, forKids?}；settings: {warnDays, lowQty}

## 四、页面区块（自上而下）
1 状态总览：