ion-accordion-group {
    margin-top: 16px;
  }
  
  ion-item {
    --inner-padding-end: 16px;
    --inner-padding-start: 16px;
  }
  
  ion-label {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .topic {
    color: #888;
    font-size: 0.9em;
  }
  
  .ion-padding{
    max-height: 800px;
  overflow-y: auto; /* 添加垂直滚动条 */
  padding: 10px;
}
  .title {
    padding: 10px;
    font-size: 1.2rem; /* Adjust as needed */
    font-weight: bold;
  }
  
  .post-content-container {
    margin-top: 8px; /* Space between title and content */
  }
  
  .card-section {
    flex: 1; /* 让每个卡片占据相同的空间 */
    margin: 0 1px; /* 卡片之间的水平间距 */
    width: 400px; /* 设置宽度，以确保在小屏幕上不会过于拥挤 */
    flex-direction: column; /* 使卡片内容垂直排列 */
    max-height: 600px; /* 确保卡片高度相同 */
    overflow-y: auto;
  }
  .mycomment{

    padding: 10px;
    font-size: 1rem; /* Adjust as needed */
    font-weight: bold;
  }

 .comment{
padding: 10px;

  }
  .post{
    padding: 10px;
    
      }
  .post-content {
    padding: 10;
    white-space: pre-wrap; /* Ensures whitespace and line breaks are preserved */
    margin: 8px 0;
    transition: max-height 0.3s ease;
    // max-height: 1000px; /* 设置最大高度，可以根据需要调整 */
    overflow-y: auto; /* 添加垂直滚动条 */
}
  
  .post-content.collapsed {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    --webkit-line-clamp: 3; /* Number of lines to show */
    -webkit-box-orient: vertical;
  }
  
  .view-more {
    cursor: pointer;
    color: #2a3b4e; /* Ionic's primary color */
    text-align: right;
  }
 
.post-avatar{
    /* 基本样式 */
  max-width: 70%; /* 确保照片不会超过其父容器的宽度 */
  height: auto;    /* 保持照片的宽高比 */
  border-radius: 8px; /* 可选：给照片添加圆角 */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 可选：给照片添加阴影 */
  margin-bottom: 20px; /* 可选：给照片下方添加一些间距 */
  display: block; /* 确保照片是块级元素，以便应用margin等属性 */
  margin-left: left; /* 水平居中（与margin-right: auto;一起使用） */ 
  margin-right: auto;
  }
  