ilaandClaude Opus 4.8
39713eb8ac
- play.html / list.html：从深色重金属改为浅暖纸白 + 墨色 + 单一柔和赭石强调， 去掉颗粒/暗角/发光，UI 改用 Public Sans / Noto Sans SC；补齐焦点态、 cursor、44px 触控、对比度、prefers-reduced-motion、aria-label - README：设计语言更新为「清淡简洁 · Swiss/Minimal」 - 06-tasks：T-200 标记 DONE Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
走遍美国 · 英语学习 PWA
一个用 Go (go-app + WebAssembly) 构建的渐进式 Web 应用 (PWA)，基于「走遍美国 (Family Album, U.S.A.)」素材，帮助用户通过音频 + 同步字幕进行沉浸式英语听力学习。
本主页汇总项目的核心文档，按"为什么 → 要什么 → 用什么 → 怎么搭 → 怎么写"分层。
📌 一句话定位
大屏手机 / 平板优先，可安装、可离线，账号化的「走遍美国」音频精听学习工具。
🗂 文档导航
- 项目愿景 — 为什么 / 为谁 / 产品原则 / 不做什么
- 需求 — 要什么 + 验收标准（产品语言，无技术词）
- 技术栈 — 用什么：框架 / 数据库 / UI / 状态管理 / 部署（速查）
- 架构设计 — 怎么搭：系统结构、职责划分、数据模型、技术难点
- 编码规则 — 怎么写：AI 写代码前必读的硬约束
⚡ 当前阶段
第一版 (MVP) 最小闭环：课程列表 + 音频播放 + 字幕同步 + 生词本 + 账号同步。后续迭代加入测验与打卡。
🛠 技术栈速览
- 前端：go-app (Go → WebAssembly)，PWA 可安装 / 离线
- 后端：Go
net/http+ SQLite - 素材：26 集英文文稿 + 逐句时间戳（音频覆盖 ep1–17，ep18–26 待补）