我已经了解了完整的需求。这是一个高中成绩查询系统，包含四个主要模块：成绩查询、一分一段、赋分对照、试题分析。让我先了解现有的项目结构，然后开始构建。

我已了解项目结构。这是一个复杂的多功能系统，我会分步骤构建。让我先安装需要的依赖（recharts 用于图表），然后创建 TypeScript 类型定义、Mock 数据、以及各个组件。

好的，依赖已安装。现在让我创建类型定义和 Mock 数据，然后开始构建组件。

类型定义和 Mock 数据已创建。现在让我更新主题色并构建顶部考试信息栏组件和主页面框架。

现在让我继续创建成绩查询模块的主要组件和其他模块。

现在让我创建主页面，将所有组件整合在一起：

高中成绩查询系统已经完成构建。系统包含以下四个主要模块：

1. 成绩查询：包含划线信息表格（可切换到高考推算视图）和成绩查询表单，支持考号找回功能（三步验证：选择学校/班级/姓名、验证同班同学、估分验证）
2. 一分一段：交互式分数分布图（支持科目切换和分数定位）+ 一分一段数据表格，可点击行高亮查看详情
3. 赋分对照：选考科目的等级划分对照表 + 原始分分布图 + 赋分增益分布图（正负对称条形图）
4. 试题分析：各科试题的题型、满分、均分、得分率、难度、区分度等信息，点击行可展开查看选择题选项分布或大题小题得分分布

系统使用蓝色作为主色调（符合教育类应用风格），支持响应式布局适配移动端，所有数据目前使用 Mock 数据，后续只需替换 API 接口即可接入真实数据。

我现在已经全面理解了现有代码。让我按照规范重新设计视觉风格。主要改动：

1. 更新主题色为 #1677FF 深蓝，更大圆角和柔和阴影
2. 重新设计顶部考试信息栏（白色卡片+左侧蓝色竖条+药丸标签+3+2 数据网格）
3. 将顶部 Tabs 改为底部导航栏（更大的图标、蓝色填充选中态、徽标支持）
4. 整体增加白色留白、Apple 风格的极简设计

现在重写顶部考试信息栏，按照新规范：

现在创建底部导航栏组件，并改造主页面以使用底部导航：

现在重写主页面，使用底部导航替代顶部 Tab：

让我快速检查一下子组件是否需要微调以匹配新风格：

子组件中的 Card 会自动继承新的 --radius (16px) 和主题色。让我对 cutoff-table 做轻微调整以匹配新的 Apple 风格——使用更柔和的卡片头部、移除多余的边框：

现在让我验证一下页面能否正常渲染，并检查是否有潜在的运行时错误：

我看到日志里有一个未关闭的 hydration 错误（question-table.tsx 中 <Collapsible> 包裹 <TableRow> 导致 div 嵌入 tbody）。这是先前遗留的 bug，让我快速修复以确保页面能正常渲染：

发现问题：<Collapsible> 是 div，但被嵌入 tbody 内包裹 <TableRow>，是非法 HTML。让我用 Fragment 替换 Collapsible 来修复：

让我快速检查其他组件中可能与新主题色冲突的硬编码颜色：

视觉风格已按规范全面重构。主要更新如下：

1. 主题色与圆角（globals.css） — 主色更新为深蓝 #1677FF（OKLCH 0.62 0.205 258），全局圆角 --radius 提升到 1rem (16px)，配色采用更柔和的 Apple 风格中性色板。

2. 顶部考试信息栏（exam-header.tsx） — 改为白色卡片配左侧蓝色竖条强调；考试名加粗放大到 28px，副标题用灰色小字；日期、类型、地区改为药丸式标签横向排列；五项数据统计改为「3+2」两行布局，每项有细分隔线，数字大字、单位/标签灰色小字。

3. 底部导航栏（bottom-nav.tsx） — 全新组件，固定在屏幕底部、带毛玻璃模糊背景；图标更大，选中态填充蓝色圆角背景并带柔和阴影；支持未读红点徽标（赋分对照页演示了该徽标）；适配 iOS 安全区。

4. 整体精炼 — 划线信息和试题分析卡片使用更轻的边框 + shadow-sm 柔和阴影、卡片头部副标题、更圆润的胶囊按钮；同时修复了试题分析的 hydration bug（之前 Collapsible 包裹 TableRow 导致 div 嵌入 tbody），改用受控的状态切换 + Fragment。整体风格向 Linear、Vercel Dashboard 与 Apple 设置页对齐：克制、留白、克制使用主色。