

.profile-container {
    padding: 16px;
  }
  
  .user-info {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
  }
  
  .avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-right: 16px;
  }
  
  .auth-text {
    text-align: center; /* 中间对齐 */
    margin-left: 16px; /* 与用户信息之间的间距 */
  }

  .auth-text span{
    color: blue;
  }

  ion-card-title {
    margin: 0px 0;
    font-size: 20px;
  }
  
  ion-item {
    --background: transparent; /* 使按钮背景透明 */
    --box-shadow: none; /* 去掉卡片阴影 */
  }

  /* 设置顶部工具栏的背景颜色为白色 */
ion-toolbar {
    --background: transparent;
    --color: black; /* 设置文字颜色为黑色 */
  }

  /* 按钮行样式 */
.button-row {
    display: flex;
    justify-content: space-between; /* 按钮均匀分布 */
    flex-wrap: wrap; /* 允许换行 */
  }
  
  .button-row ion-button {
    flex: 1; /* 使按钮均匀分布 */
    margin: 4px; /* 按钮之间的间距 */
  }


  /* 鼠标按下效果 */
  .button-row ion-button:active {
    transform: scale(0.95); /* 按钮缩小 */
    background-color: gray; /* 按下时背景颜色设为灰色 */
  }

  // 关注列表
  .doctor-item {
    display: flex;
    align-items: center;
    // padding: 15px; /* 增加内边距 */
    margin-bottom: 10px; /* 增加每个医生项之间的间距 */
    border: 1px solid #e0e0e0; /* 添加边框 */
    border-radius: 8px; /* 圆角边框 */
    background-color: #f9f9f9; /* 背景颜色 */
  }

  .doctor-item ion-thumbnail {
    margin-right: 15px; /* 增加缩略图和文本之间的间距 */
  }

  .doctor-info h3 {
    margin: 0; /* 去掉默认的外边距 */
    font-size: 1.2em; /* 调整字体大小 */
  }

  .doctor-info p {
    margin: 5px 0; /* 增加段落之间的间距 */
    color: #666; /* 调整字体颜色 */
  }