消息滚动区与底部输入区 | 星雨笔录

核心： 聊天窗口外层固定高度，消息区可滚动，输入区留在底部。

最小示例：

.chat { display: flex; flex-direction: column; height: 100dvh; }
.messages { flex: 1; min-height: 0; overflow-y: auto; }

学完能做： 实现可滚动消息区和底部固定输入区。