// 主菜单容器
.menu-container {
  padding: 16px;
}

// 聊天消息容器
.chat-container {
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 70px; /* 为底部输入栏留空间 */

  // 消息通用样式
  .message {
    max-width: 80%;
    padding: 10px 15px;
    border-radius: 18px;
    position: relative;
    
    .message-content {
      margin-bottom: 4px;
    }
    
    .message-time {
      font-size: 0.7rem;
      opacity: 0.7;
      text-align: right;
    }
  }

  // 用户消息样式
  .user-message {
    align-self: flex-end;
    background: var(--ion-color-primary);
    color: white;
    border-bottom-right-radius: 4px;
  }

  // 教练消息样式
  .coach-message {
    align-self: flex-start;
    background: var(--ion-color-light);
    color: var(--ion-color-dark);
    border-bottom-left-radius: 4px;
  }
}

// 底部输入栏
ion-footer {
  ion-toolbar {
    --padding-top: 0;
    --padding-bottom: 0;
    --padding-start: 0;
    --padding-end: 0;
    
    ion-item {
      --padding-start: 10px;
    }
  }
}