宠物日常照护排班页

你是一位资深前端工程师兼宠物行为科普作者。请帮我写一个宠物日常照护排班页，要求如下：

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

## 二、信息占位（方括号内为待我替换的内容）
宠物档案【占位：名字/种类年龄/体重/每日建议喂食次数与每份量单位】，照护事项【占位：喂食、换水、铲屎、梳毛、遛放、清洁、喂药（如有）】，家庭成员【占位：参与轮值的家人名称】，今日日期与班次【占位：早/中/晚三段，默认自动生成】。

## 三、数据结构（字段定义）
pet：{名字、种类、年龄、体重、每日餐次、每份量单位}；task：{宠物ID、事项、班次(早/中/晚)、负责人、状态(未完成/已完成/跳过)、日期}；note：{宠物ID、日期、内容、是否异常}。

## 四、页面区块（