s202226701018/wisdom-app/src/app/tab3/tab3.page.scss

.custom-toolbar {
  --background: rgba(255, 255, 255, 0.8); /* 使工具栏背景透明 */
  display: flex; /* 使用 Flexbox 布局 */
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  padding: 0; /* 去掉默认内边距 */
}

.custom-title {
  font-size: 1.3em; /* 字体大小 */
  font-weight: bold; /* 加粗 */
  color: #000000; 
  text-align: center; /* 文字居中对齐 */
  margin: 0; /* 去掉默认外边距 */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); /* 添加文字阴影效果 */
  /* 添加其他美化效果 */
  font-family: "微软雅黑"; /* 自定义字体 */
}

ion-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  
  .category-image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #e0f7fa; /* 调整背景色 */
    margin-bottom: 8px;
  }
  
  .category-image {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
  }
  
  .category-name {
    margin-top: 4px;
    font-size: 14px;
    color: #333;
  }
  
  ion-icon {
    font-size: 24px;
    margin-bottom: 4px;
  }