舒尔特方格训练页

你是一位资深前端工程师。请帮我写一个舒尔特方格训练页，要求如下：

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

## 二、信息占位（方括号内为待我替换的内容）
规格【占位：3×3(入门)/4×4/5×5(标准)/6×6(挑战)】，练习者【占位：姓名/班级】，每日练习量【占位：如 每天 5 组】，评分参考【占位：5×5 成人 25 秒内良好的通用参考值，标注'仅供参考'】。

## 三、数据结构（字段定义）
scores: {spec, time, date}；daily: {date, sets}

## 四、页面区块（自上而下）
1 开始页：规格选择 + 练习者 + 开始按钮。
2 训练主视图：N×N 方格随机排列数字，点击当前应点的数字（1→2→3…），正