Flex：头像、姓名与尾部时间 | 星雨笔录

核心： 头像固定尺寸、姓名弹性占位、时间靠右，组成消息行。

最小示例：

.message { display: flex; align-items: center; gap: 8px; }
.message .name { flex: 1; }
.message time { margin-left: auto; }

学完能做： 对齐头像、姓名与靠右时间信息。