.blue-button {
  display: inline-block;  /* 行内块元素，可以设置宽高 */
  height: 50px;          /* 按钮高度 */
  line-height: 50px;    /* 垂直居中文字 */
  padding: 0 50px;      /* 左右内边距，增加宽度 */
  background-color: #171c61;  /* 蓝色背景 */
  font-weight:bold;         /* 白色文字 */
  border: none;         /* 去掉默认边框 */
  border-radius: 4px;   /* 圆角 */
  font-size: 16px;      /* 字体大小 */
  cursor: pointer;      /* 鼠标悬停时显示手型 */
  transition: background-color 0.3s;  /* 悬停动画效果 */
}
 
/* 鼠标悬停时加深蓝色 */
.blue-button:hover {
  background-color: #1565c0;  
} 

.text-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;  /* 限制行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 2em;     /* 必须明确行高 */
    max-height: 2em;        /* 行高x行数 (fallback) */
}

.text-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 3;  /* 限制行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 2em;     /* 必须明确行高 */
    max-height: 6em;        /* 行高x行数 (fallback) */
}