workspace/.history/soul-app/src/app/topic-detail2/topic-detail2.component_20241216084811.scss

/* 设置页面背景色 */
ion-content {
  --background: #ffffff; /* 白色背景 */
}

/* 设置卡片的样式 */
ion-list {
  margin: 10px; /* 卡片之间的间距 */
  border-radius: 10px; /* 圆角效果 */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* 阴影效果 */
}

/* 设置列表项的样式 */
ion-item {
  margin: 5px 0; /* 列表项之间的间距 */
}

/* 设置按钮的样式（如果按钮不在顶部方框内） */
ion-button {
  font-size: 15px; /* 增大字体大小 */
  margin-top: 8px; /* 上间距，仅在需要时添加 */
  text-transform: none; /* 按钮文字不变形 */
  height: 35px;
}
ion-title {
font-size: 24px; /* 增大字体大小 */
font-weight: bold; /* 加粗 */
}
.title-text{
position: absolute;
display: flex;
left: 65px;
margin: auto;
top: 10px;
}