workspace/.history/soul-app/src/app/page-updating/page-updating.component_20241228143211.scss

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

ion-card-title {
  font-weight: bold;
}

.content-center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; /* 确保内容区域占满整个高度 */
  --background: #ffffff; /* 白色背景 */
  --background: url('https://nova-cloud.obs.cn-south-1.myhuaweicloud.com/storage/aigc/imagine/4RHC2Jhp2l-0.png') no-repeat fixed !important;
  --background-size: cover;
}

.expect-message {
  font-size: 2rem; /* 放大字体 */
  color: gray; /* 灰色文字 */
  opacity: 0.7; /* 透明度 */
  display: flex;
  justify-content: center;
  align-items: center;
}

.content-section {
  flex-grow: 1;
}

.button-section {
  margin-left: 10px;
}

/* 确保按钮文本正常横排 */
ion-button {
  white-space: nowrap;
}

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

ion-title {
  font-size: 24px; /* 增大字体大小 */
  font-weight: bold; /* 加粗 */
}

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

ion-button {
  font-size: 15px; /* 增大字体大小 */
  margin-top: 8px; /* 上间距，仅在需要时添加 */
  text-transform: none; /* 按钮文字不变形 */
  height: 35px;
}

/* 设置按钮的样式（如果按钮不在顶部方框内） */

ion-toolbar {
  margin: auto;
}

.title-text {
  position: absolute;
  display: flex;
  left: 50%;
  transform: translateX(-50%);
  margin: auto;
  top: 10px;
}