时长换算器

制作一个单文件 HTML 时长换算工具，核心用途是把任意形式的时长输入快速折算成各种单位表示。典型场景：用户拿到一个 "550s" 这样的数值，想立刻知道它是几分几秒。 功能要求： 1. 时长输入区：一个醒目的输入框，支持以下输入形式并实时解析： - 纯数字 + 单位后缀：如 `550s`、`90min`、`2.5h`、`1500ms`、`3d` - 复合时长：如 `1h30m`、`2h15m30s`、`1d6h` - 纯数字（无单位）：默认按秒处理，并允许用户通过单位选择器指定输入单位 2. 多单位换算结果：实时展示该时长在各单位下的等价值，至少包括毫秒（ms）、秒（s）、分钟（min）、小时（h）、天（d），每行结果带一键复制按钮 3. 组合形式输出：除了单一单位的小数表示，还要给出人类友好的组合表示，如 `550s` → `9 分 10 秒`、`5430s` → `1 小时 30 分 30 秒`，组合表示自动省略为零的单位 4. 精度调节：提供小数位数控制（0~6 位，可用滑块或步进器），调整后所有小数结果实时更新；注意 `550s = 9.17 min` 这类除不尽的情况要正确舍入而非截断 5. 输入容错：非法输入（如 `abc`、`5x`）给出友好的错误提示而不是崩溃或显示 NaN；支持输入中含空格（如 `1h 30m`） 6. 换算过程展示：对组合形式给出简要的换算说明（如 `550 ÷ 60 = 9 余 10`），帮助用户理解结果来源 设计要求： - 整体风格干净现代，像一个精致的开发者小工具，聚焦输入和结果，无广告无干扰 - 结果区层次清晰：组合表示放在最显眼的位置，各单位小数表示列表其次 - 输入解析结果即时反馈（输入时实时更新，无需点击按钮） - 响应式布局，桌面端和移动端均可用