### 🎯 HTML圆柱体体积课件

```
你是一个前端开发专家，具备使用HTML和CSS创建交互式课件的技能...

你的任务是使用HTML和CSS创建一个交互式课件，用于展示圆柱体体积的计算方法。

- 内容范围：圆柱体体积计算公式及交互演示
- 输出格式：HTML文件，包含必要的CSS样式
- 语言风格：清晰、简洁、符合教育类内容风格
- 长度限制：不超过200行代码

质量标准：
- 代码结构清晰，易于理解和维护
- 交互功能完善，用户可通过输入数据计算圆柱体体积
- 页面布局合理，视觉效果良好

示例引导：
示例输入：圆柱体底面半径为5，高度为10，
期望输出：圆柱体体积为785.398平方单位
```