ion-toolbar{
width: 100%;
height: 60px;

display: flex; /* 使用 flexbox 布局 */
align-items: center;
justify-content: center;//使内容在水平方向上居中。
}


.info-section {
    background-color: white; /* 背景色为白色 */
    padding: 16px;
    border-radius: 8px; /* 圆角 */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* 添加阴影 */
    margin-top: 16px; /* 与导航栏的间距 */
  }
  
  .input-row1 {
    display: flex; /* 使用 flexbox 布局 */
    justify-content: space-between; /* 在行内均匀分布 */
    align-items: center;
    margin-bottom: 25px; /* 每一行的间距 */
    margin-left: 70px;
  }

  .input-row2{
    display: flex; /* 使用 flexbox 布局 */
    justify-content: space-between; /* 在行内均匀分布 */
    align-items: center;
    margin-left: 70px;
  }
  
  .input-row3{
    display: flex; /* 使用 flexbox 布局 */
    justify-content: space-between; /* 在行内均匀分布 */
    align-items: center;
    margin-left: 70px;
  }
  .input-group {
    display: flex;
    align-items: center;
  }
  
  .input-group label {
    flex: 1; /* 标签占据剩余空间 */
  }
  
  .input-box {
    border-radius: 15px; /* 圆角矩形 */
    border: none; /* 去掉边框 */
    padding: 8px 12px; /* 内边距 */
    margin-left: 15px; /* 标签与输入框之间的间距 */
    background: linear-gradient(to right, #ffcccb, #add8e6); /* 渐变背景色 */
    width: 90px;
    height: 45px;
    font-size: 32px;
  }

  .output-box {
    border-radius: 15px; /* 圆角矩形 */
    border: none; /* 去掉边框 */
    padding: 8px 12px; /* 内边距 */
    margin-left: 19px; /* 标签与输入框之间的间距 */
    background: linear-gradient(to right, #ffcccb, #add8e6); /* 渐变背景色 */
    width: 90px;
    height: 45px;
    font-size: 32px;
  }

  .unit {
    margin-left: 10px; /* 输入框与单位之间的间距 */
    font-size: 27px;
  }
  

  .font1{
    font-size: 27px;
    font-weight: bold;

  }

  .analysis-button {
    --background: linear-gradient(to right, #ffcccb, #add8e6); /* 渐变背景色 */
    color: white; /* 文字颜色为白色 */
    border-radius: 8px; /* 圆角矩形 */
    margin-top: 16px; /* 与上方区域的距离 */
    width: 40%; /* 按钮宽度100% */
    padding: 10px; /* 内边距 */
    text-align: center; /* 文本居中 */
    font-size: 20px;
    font-weight: bold;
  }

  .center{
    display: flex; /* 使用 flexbox 布局 */
    justify-content: space-between; /* 在行内均匀分布 */
    align-items: center;
  }