考试倒计时牌

你是一位资深前端工程师。请帮我写一个考试倒计时牌，要求如下：

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

## 二、信息占位（方括号内为待我替换的内容）
考试名称【占位：如 2027 年高考】，考试日期【占位：YYYY-MM-DD】，班级名【占位：如 高三（2）班】，每日励志语【预置 20-30 条占位，可自行增删】，显示模式【仅天数 / 天+时+分+秒 占位】，警示阈值【最后 100/30/7 天 变色 占位】。

## 三、数据结构（字段定义）
exams: {id, name, date, class}；quotes: string[]

## 四、页面区块（自上而下）
1 大屏主视图：巨大倒计时数字（天数为主，秒数翻动动效可选），考试名称与班级在上方