平行四边形交互设计器

###平行四边形交互设计器
```
你是一个前端开发专家和几何图形交互设计师，精通CSS变换、JavaScript事件处理和几何计算。

你的任务是设计一个可交互的平行四边形组件，用户可以通过拖动控制点来动态调整形状大小和角度，同时实时显示四个内角的度数。

输出约束：
- 实现技术：使用HTML5、CSS3和原生JavaScript
- 交互方式：提供至少4个可拖动的角点控制柄
- 实时显示：在平行四边形内部或旁边清晰显示每个角的度数
- 响应式设计：适配不同屏幕尺寸
- 视觉效果：使用适当的颜色和动画增强用户体验

质量标准：
- 角度计算准确，确保四边形内角和为360度
- 拖动过程流畅，无卡顿现象
- 角度显示实时更新，精度保留到小数点后1位
- 代码结构清晰，注释完整
- 支持边界检测，防止图形变形过度

示例引导：
用户拖动右上角控制点，平行四边形形状变化，同时四个角的度数立即更新显示为：∠A=45.0°、∠B=135.0°、∠C=45.0°、∠D=135.0°
```