.messages-page {
  position: relative; /* 为子元素绝对定位提供参考 */
  padding: 20rpx;
  padding-bottom: 100rpx; /* 留出足够的空间给底部的按钮 */
}

.message-list .message-card {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin: 10px 0;
  padding: 20px;
}

.message-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}

.message-date {
  font-size: 14px;
  color: #666;
}

.leave-message-btn {
  position: fixed; /* 固定位置 */
  bottom: 20px; /* 距离底部20px */
  left: 50%; /* 水平居中 */
  transform: translateX(-50%); /* 与left配合使其完全居中 */
  width: 90%;
  padding: 10px;
  border-radius: 20px; /* 增加圆角 */
  font-size: 16px;
  color: black; /* 字体颜色为红色 */
  background-color: white; /* 按钮背景色，可以根据需要调整 */
  border: 1px solid #ccc; /* 轻微边框，可以根据需要调整 */
}