UV 光谱分析仪

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

创建一个名为“UV 光谱分析仪”的单页中文交互式科学分析工具，而不是传统动作游戏。整体是深色、现代化的实验室仪器/数据仪表盘界面：全屏深海军蓝背景（约 #0f172a），浅灰白文字，蓝灰边框；顶部有标题“☀️ UV 吸收剂光谱分析”和副标题“Beer-Lambert 定律 · 250–450 nm”。使用紧凑的响应式布局，桌面端左右并排两个图表，窄屏时上下堆叠；顶部控制栏和底部统计栏都是圆角深色卡片。

顶部控制卡片包含三个可操作参数：1）“吸收剂型号”下拉选择框，提供这些选项及颜色：UV-P (Benzotriazole，蓝色)、UV-326 (Benzotriazole，绿色)、UV-328 (Benzotriazole，橙色)、UV-329 (Benzotriazole，紫色)、UV-234 (Benzotriazole，粉色)、UV-531 (Benzophenone，橙色)、UV-9 (Benzophenone，青绿色)、UV-1577 (Triazine，红色)、UV-360 (Benzotriazole，青色)、UV-1130 (Benzotriazole，紫色)、UV-400 (Triazine，浅橙色)、UV-1164 (Triazine，绿色)；默认选 UV-P。2）“膜厚”滑杆，范围 10–500 μm、步长 5，默认 100 μm，同时有可编辑数字输入框保持同步。3）“浓度”滑杆，范围 0.1–5.0 wt%，步长 0.1，默认 1.0 wt%，旁边动态显示一位小数和“wt%”。任何参数改变都立即重绘所有曲线和统计数据。

左侧卡片标题为“📊 吸光度 (Absorbance)”，绘制 250–450 nm、每 1 nm 一个采样点的平滑折线/面积图。横轴标注“波长 (nm)”，纵轴标注“吸光度 (Absorbance)”，从零开始；曲线使用所选吸收剂的专属高亮颜色、约 2 px 边线和透明填充，图例位于顶部，显示类似“UV-P  100μm · 1.0wt%”。在图表背景中用非常淡的色块标记光谱区域：280–315 nm 为 UVB（琥珀色），315–380 nm 为 UVA（紫色），380–400 nm 为 UVA-II（红色），并在区域顶部显示对应标签。图表有细暗色网格线、无数据点圆点，鼠标悬停时显示波长和数值，中文 tooltip 标题格式为“波长: 338 nm”。

右侧卡片标题为“🛡️ 紫外阻隔率 (UV Blocking Rate)”，绘制同一波长范围的阻隔率曲线，横轴同样为“波长 (nm)”，纵轴为“阻隔率 (%)”，固定 0–100% 并带百分号刻度。主曲线使用当前吸收剂颜色、透明填充和约 2.5 px 边线。额外绘制膜厚 25、50、100、200、400 μm 的对比曲线（若某条等于当前膜厚则不要重复），这些对比线为细的灰蓝色虚线，图例标出各自厚度；对比线使用相同浓度和相同吸收剂。

核心计算必须严格实现：每个吸收剂由一个或多个高斯峰定义，每个峰为 [中心波长 λ0 nm, εmax, sigma]；摩尔消光系数 ε(λ)=各峰 εmax * exp(-((λ-λ0)^2/(2*sigma^2))) 的总和。吸光度采用 A=ε*c*b 的缩放实现，其中 c 使用 wt% 数值，b 使用膜厚 μm，并乘以 1.2e-4：A = ε * concentrationWt * (thicknessUm / 100) * 1.2e-4。阻隔率为 (1 - 10^(-A)) * 100。请使用以下精确峰数据：UV-P [[338,15500,32]]；UV-326 [[355,17000,34]]；UV-328 [[300,6000,22],[348,16500,32],[380,4000,20]]；UV-329 [[295,5000,18],[340,15500,30]]；UV-234 [[305,5500,22],[346,18000,32],[385,3500,18]]；UV-531 [[288,9000,25],[325,12000,35]]；UV-9 [[285,8500,24],[322,11000,34]]；UV-1577 [[305,8000,24],[340,25000,38],[390,5000,20]]；UV-360 [[300,4500,20],[342,16500,32],[378,3500,18]]；UV-1130 [[295,4000,20],[342,14500,32],[380,3000,18]]；UV-400 [[315,8000,26],[345,22000,36],[388,6000,22]]；UV-1164 [[300,6000,22],[340,20000,34],[375,4500,20]]。

底部是一条统计信息卡片，实时显示：吸收峰（吸收度最大值所在波长，格式如 338 nm）、Aₘₐₓ（保留三位小数）、最高阻隔率（保留一位小数和 %）、UVB 平均阻隔、UVA 平均阻隔、UVA-II 平均阻隔（均保留一位小数和 %）。平均区域严格使用 UVB 280–315 nm、UVA 315–380 nm、UVA-II 380–400 nm 的曲线点。统计标签分别用琥珀、紫色、红色的低透明度徽章突出显示。默认状态应与示例视觉一致：UV-P、100 μm、1.0 wt%，吸光度在约 338 nm 附近形成单个平滑钟形峰，峰值约 1.8 左右，曲线从 250 nm 和 450 nm 附近接近 0；阻隔率图则显示对应的 S/钟形阻隔曲线。界面应支持鼠标/触摸操作，控件有蓝色聚焦边框；避免添加未展示的敌人、分数、生命、音效或其他游戏机制。