ion-content {
    height: calc(100vh - 121px) !important;
}

ion-item {
    ion-icon {
        margin-right: 9px;
    }

    font-size: 0.9rem;
}
.foodContent {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.myList {
    padding: 0%;

    ion-list {
        margin: 0%;
    }
}
.reminder-item {
    padding: 0%;

    ion-list {
        margin: 0%;
    }
}
.roleCard {
    margin: 0px;
}
.metadata-end-wrapper {
    position: absolute;

    bottom: 0px;
    inset-inline-end: 6px;

    font-size: 0.6rem;

    display: flex;
    align-items: center;
}
.metadata-end-wrapper-science {
    position: absolute;

    top: 0px;
    inset-inline-end: 0px;

    font-size: 0.6rem;

    display: flex;
    align-items: center;

}
ion-avatar img {  
    width: 50px;  
    height: 50px;  
    object-fit: cover; /* 保持图片的宽高比 */  
}
.bold-text {  
    font-weight: bold; /* 加粗 */  
    color: black; /* 黑色 */  
}  

.small-orange-text {  
    font-size: 0.8em; /* 小一号字体 */  
    color: orange; /* 橘色 */  
}  
.bold-text2 {  
    font-weight: bold; /* 加粗 */  
    color: rgb(40, 133, 248); /* 黑色 */  
}  

.small-orange-text2 {  
    font-size: 0.8em; /* 小一号字体 */  
    color: rgb(145, 146, 146); /* 橘色 */  
}  
.small-red-text {  
    font-size: 0.8em; /* 小一号字体 */  
    color: red; /* 红色 */  
}  
.larger-font {  
    font-size: 1.2em;}
    .item-with-padding {  
    padding-left: 16px; /* 左侧内边距 */  
    padding-right: 16px; /* 右侧内边距 */  
  }  
 .ion-padding{
    background-color: #eff6f7 !important; 
 }

 