.evaluation-content {
    display: flex; /* 使用 flexbox 布局 */
    flex-direction: column; /* 垂直方向排列 */
    align-items: center; /* 水平方向居中 */
    justify-content: center; /* 垂直方向居中 */
    padding: 16px;
    height: 100%; /* 填充整个内容区域 */
  }
  
  ion-textarea {
    width: 100%; /* 使文本区域宽度适应父容器 */
    max-width: 500px; /* 设置最大宽度 */
    min-height: 150px; /* 设置最小高度 */
    margin-bottom: 16px; /* 文本区域和按钮之间的间距 */
  }
  
  .submit-button {
    background-color: orange; /* 橙色背景 */
    color: white !important; /* 强制设置文字颜色为白色 */
    border-radius: 20px; /* 椭圆形 */
    padding: 6px 12px; /* 调整内边距以缩小按钮 */
    font-size: 16px; /* 调整字体大小 */
    height: auto; /* 自适应高度 */
    min-width: 80px; /* 最小宽度 */
  }
  .rating-container {
    display: flex; /* 使用 flexbox 布局 */
    align-items: center; /* 垂直居中对齐 */
   height:120px;
    padding: 16px; /* 添加内边距 */
    border-bottom: 1px solid grey; /* 只显示底部边框，设置为黑色 */
    margin-bottom: 10px; /* 评分容器与文本之间的间距 */
  }
  
  .rating-label {
    display: flex; /* 使用 flexbox 布局 */
    align-items: center; /* 垂直居中对齐 */
    font-weight: bold; /* 加粗评分文本 */
    font-size: 22px; /* 调整字体大小 */
    margin-right: 5px; /* 评分文本与星星之间的间距 */
  }
  
  .actual-score {
    display: flex; /* 使用 flexbox 布局 */
    align-items: center; /* 垂直居中对齐 */
    margin-left: 50px; /* 分数与星星之间的间距 */
    font-size: 15px; /* 调整字体大小 */
    color: grey;
  }

  .textbox{
    width: 100%; /* 使文本区域宽度适应父容器 */
    height: 400px; /* 设置最大宽度 */
    border-bottom: 1px solid grey; /* 只显示底部边框，设置为黑色 */
  }

  .imgbox{
    width: 100%; /* 使文本区域宽度适应父容器 */
    height: 200px; /* 设置最大宽度 */
    background-image: url("../images/1..jpg");
    background-size: contain; /* 图像填充方式 */
  background-position: center; /* 图像居中 */
  background-repeat: no-repeat; /* 不重复图像 */
  }