// ion-toolbar {
//   display: flex;
//   justify-content: space-between; // 使内容在两侧分开
//   align-items: center; // 垂直居中对齐
// }


/* 设置搜索框的样式 */
   ion-searchbar {
     padding: 10px; /* 内边距 */
     border-radius: 6px; /* 圆角 */
     font-size: 16px; /* 字体大小 */
    }
    // 设置头像
    ion-avatar {
      border-radius: 50%; // 设置头像圆形
      width: 50px; // 设置头像宽度
      height: 50px; // 设置头像高度
    }

  ion-button {
    --background:#036a99; // 设置按钮背景色
    --color: white; // 设置按钮文字颜色
    width:50px;
    height: 30px;
    border-radius: 10px;
  }



.content-container {
  display: flex;
  justify-content: space-between; /* 在主轴上均匀分配空间 */
  padding: 1px; /* 内边距 */
  background: white;
}

ion-segment {
  overflow: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}
.card-section {
  flex: 1; /* 让每个卡片占据相同的空间 */
  margin: 0 1px; /* 卡片之间的水平间距 */
  min-width: 250px; /* 设置最小宽度，以确保在小屏幕上不会过于拥挤 */
  display: flex;
  float: left;
  flex-direction: column; /* 使卡片内容垂直排列 */
  height: 100%; /* 确保卡片高度相同 */
}

ion-card {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
  border-radius: 8px; /* 圆角 */
  overflow: hidden; /* 隐藏溢出内容 */
}

// .card1{
// background: #036a99;
// }

// .card2{
//   background: #036a99;
// }

.scrollable-content {
  height: 150px; /* 设置最大高度，可以根据需要调整 */
  overflow-y: auto; /* 添加垂直滚动条 */
}

ion-card-header {
  background-color: #f8f8f8; /* 卡片头部背景色 */
  border-top-left-radius: 8px; /* 圆角 */
  border-top-right-radius: 8px; /* 圆角 */
}

ion-card-title {
  font-size: 1.2em; /* 标题字体大小 */
  font-weight: bold; /* 加粗 */
}

ion-label h2 {
  margin: 0; /* 去掉默认外边距 */
  font-size: 1.1em; /* 话题标题字体大小 */
}

ion-label p {
  color: #666; /* 文字颜色 */
  font-size: 0.9em; /* 字体大小 */
}

.post-item {
  margin-bottom: 16px;
}

.topic {
  color: #888;
  font-size: 0.9em;
}

.post-content {
  margin: 8px 0;
  transition: max-height 0.3s ease;
}

.collapsed {
  max-height: 40px; // 控制折叠后的高度
  overflow: hidden;
}

.post-actions {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}

// ion-header {
//     background-color: #ffffff; // 设置头部背景色
//     color: white; // 设置头部文字颜色
//   }
  
//   ion-card {
//     margin: 10px; // 设置卡片之间的间距
//     border-radius: 10px; // 设置卡片圆角
//     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); // 添加阴影效果
//   }
  
//   ion-card-header {
//     background-color: #d8e5fa; // 设置头部背景色
//     color: white; // 设置头部文字颜色
//   }
  
//   ion-card-title {
//     font-size: 1.2em; // 设置卡片标题字体大小
//     font-weight: bold; // 设置卡片标题字体加粗
//   }
  
//   ion-item {
//     --ion-item-background: transparent; // 设置列表项背景透明
//   }
  
//   ion-label {
//     color: #333; // 设置标签文字颜色
//   }
  
//   ion-button {
//     --background: #3880ff; // 设置按钮背景色
//     --color: white; // 设置按钮文字颜色
//     margin-top: 10px; // 设置按钮与上方内容的间距
//     border-radius: 5px; // 设置按钮圆角
//   }
  

  
//   h2 {
//     font-size: 1em; // 设置二级标题字体大小
//     margin: 0; // 去掉默认外边距
//   }
  
//   p {
//     font-size: 0.9em; // 设置段落字体大小
//     color: #666; // 设置段落文字颜色
//   }
  
//   ion-list {
//     padding: 0; // 去掉列表内边距
//   }
  
//   ion-card-content {
//     padding: 10px; // 设置卡片内容内边距
//   }