之前我们聊了挑战列表页面的 UI 设计，但点击某个挑战后，其实会进入挑战详情页面。而从详情页面，又能进入挑战计时页面和挑战尝试详情页面。这篇我们专门看看这几个页面的 UI 设计。是挑战的核心信息页，展示配置摘要、进行中的挑战、操作按钮和历史列表。页面内容从上到下依次是：摘要卡片展示挑战的核心配置信息：卡片包含四行信息：如果有未完成的挑战，在摘要卡片和操作按钮之间显示一个特殊卡片：这个卡片的设计要点

数据模型：三层嵌套结构——TrainingPlan → TrainingDayGoal → TrainingSessionGoal，计划状态通过日期自动判断。：管理计划列表和选中状态，初始化时双重通知加载状态，选中逻辑带容错处理。：双 Box 设计（计划 + 进度），删除计划时级联清理进度记录，ID 生成使用时间戳 + 随机数。计划编辑器：Map<int, List> 管理每日目标，支持复制到其他

页面结构：SectionedPage + 悬浮按钮，三种状态（加载中 / 空状态 / 有计划）。响应式布局：宽屏左右分栏（5:4），窄屏上下排列。计划网格：手机横向滚动，宽屏网格布局（1/2/3 列自适应）。计划卡片：色点标识 + 状态标签 + 选中高亮，四行信息布局。通用卡片统一风格，可自定义圆角、颜色。详情面板：按星期排序的每日目标列表，项目徽章显示缩写。空状态：引导文案 + 行动按钮，使用卡