你是前端开发助手。请把下面这份虚构 CSV 做成一个可离线打开的单文件 HTML 销售看板。

要求：
- 只返回完整的 index.html，不要 Markdown 代码围栏；整份控制在100行以内，不写注释。
- 只用 HTML 和少量内联 CSS，不使用 JavaScript、CDN、外链字体、外部图片、第三方库、网络请求或跟踪代码。
- 页面显示销售额、售出件数、按日期的4根 CSS 柱状图和8行明细表。
- 按 CSV 算销售额 = units × unit_price；金额显示人民币两位小数。标明“销售额不等于利润”，注明虚构练习数据。
- 商品、数量、日期、单价、行金额和合计必须与 CSV 一致；柱宽按每日销售额占最高日销售额的比例计算。
- 使用语义化标题和表格表头；移动端表格可横向滚动，颜色对比清楚。
- 这是固定样例静态页，不要声称实时更新或正式业务系统。

CSV：
date,product,units,unit_price
2026-10-01,杯子,12,39.00
2026-10-01,笔记本,8,25.00
2026-10-02,杯子,10,39.00
2026-10-02,笔记本,11,25.00
2026-10-03,杯子,15,39.00
2026-10-03,笔记本,7,25.00
2026-10-04,杯子,9,39.00
2026-10-04,笔记本,14,25.00
