魔法工具箱 - 浏览器里随用即开的实用小工具产品系统Vibe Coding

纯前端「魔法工具箱」项目，集合计算器、时间工具、文本处理、颜色工具等多个实用小工具。采用 Bulma 框架开发，所有功能均在浏览器本地运行，轻量且无需服务器。
项目地址：https://619lab.com/magic.html
演示账号：magic-demo 密码：magic-2026

🧮 魔法计算器 支持键盘输入，科学计算
⏱ 魔法时间工具 时间戳转换、日期计算、计时器
📝 魔法文本工具 Base64 / URL / JSON / Hex / 大小写转换
🎨 魔法颜色工具 HEX / RGB / HSL / 对比度 / 随机色
🎲 魔法随机工具 随机选择 / 决策助手 / 犹豫终结器

背景说明：
我有一个基于 Bulma 的网站，登录后进入 magic.html，
这是一个“Magic Center”，展示一组纯前端、不吃服务器资源的小工具。
每个工具是一个独立页面，命名为 magic.xx.html。

约束条件：
- 使用 Bulma（不引入 React / Vue 等框架）
- 我已经有 navbar 和 footer，只需要 body 内容
- 所有功能必须纯前端（HTML + CSS + JS）
- 不使用后端、不存用户数据
- 页面风格轻量、像工具箱，不像后台系统


任务：
请帮我实现 magic.calc.html 的 body 部分，
这是一个浏览器内的计算器工具。

功能要求：
- 基本四则运算
- 支持小数
- 有清空按钮
- 键盘输入可选（不是必须）

页面要求：
- 使用 Bulma 布局
- UI 简洁、适合放在 Magic Center
- 不要写 navbar / footer