APPmy/src/app/tab2/tab2.page.scss

  .company-card ion-card-header{
    font-size: 1.4em;
    color: rgb(52, 160, 255); /* 增大字号至1.2em（根据需要调整大小） */
  }
  .company-card {
    background-color: #e9fff9; /* 设置ion-card的背景颜色为灰色（根据需要调整颜色） */
    color: rgb(0, 0, 0); /* 设置文本颜色为黑色 */
    border: 1px solid #fffbea; /* 添加边框 */
  }
  .Company-card {
    background-color: #dbf1ff; /* 设置ion-card的背景颜色为灰色（根据需要调整颜色） */
    color: rgb(0, 0, 0); /* 设置文本颜色为黑色 */
  }
  .Designer-card {
    background-color: #dbf1ff; /* 设置ion-card的背景颜色为灰色（根据需要调整颜色） */
    color: rgb(0, 0, 0); /* 设置文本颜色为黑色 */
  }
  .info-item {
  background-color: #f9ffdb; /* 设置info-item的背景颜色为灰色（根据需要调整颜色） */
  color: rgb(0, 0, 0); /* 设置文本颜色为黑色 */
}
.ant-card ion-card-header{
  font-size: 1.4em; /* 增大字号至1.2em（根据需要调整大小） */
  color: rgb(52, 160, 255);
}
.Angency-card {
  background-color: #dbf1ff; /* 设置ion-card的背景颜色为灰色（根据需要调整颜色） */
  color: rgb(0, 0, 0); /* 设置文本颜色为黑色 */
}
.ant-card {
  background-color: #e9fff9; /* 设置ion-card的背景颜色为灰色（根据需要调整颜色） */
  color: rgb(0, 0, 0); /* 设置文本颜色为黑色 */
  border: 1px solid #fffbea; /* 添加边框 */
}
.review-details {
  display: flex;
  flex-direction: column;
}

.case-details {
  display: flex;
  flex-direction: column;
}

.Designer-card {
  display: flex;
  flex-direction: column;
}

.header {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
}

.name-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10px; /* 调整头像和名字之间的间距 */
}

.title {
  margin-top: 10px; /* 调整名字和关注按钮之间的间距 */
}
/* 在现有的CSS样式基础上添加以下样式来改变关注按钮的样式 */
ion-button {
  font-size: 16px; /* 修改按钮字体大小 */
  padding: 5px 5px; /* 修改按钮内边距 */
  background-color: #c1daff; /* 修改按钮背景颜色 */
  color: #ffffff; /* 修改按钮文字颜色 */
  border-radius: 10px; /* 添加圆角 */
  border: 1px solid #fffbea; /* 添加边框 */
}

ion-button:hover {
  background-color: #ffd4f0; /* 鼠标悬停时修改背景颜色 */
  color: #000000; /* 鼠标悬停时修改文字颜色 */
}