/* content_card.css */

/* 外部容器样式 */

/* 标题样式 */
.title {
    width: 500px; /* 标题宽度 */
    margin-left: 350px; /* 左边距 */
}

/* 标题中的高亮文本 */
.title span {
    color: #FFCD54; /* 高亮文本颜色 */
}







/* 内容容器样式 */
.content-container {
    display: flex; /* 使用 flexbox 布局 */
    justify-content: left; /* 将内容对齐到左侧 */
    margin-left: 13%; /* 左边距 */
    margin-top: 70px; /* 顶部外边距 */
}

/* 图片容器样式 */
.image-container {
    margin-left: 90px; /* 左边距 */
}

/* 图片样式 */
.image-container img {
    width: 330px; /* 图片宽度 */
    height: 400px; /* 图片高度 */
}

/* 数字展示样式 */
/* 外部容器样式 */
.card2-container {
    display: flex;
    flex-direction: row; /* 水平排列每对项 */
    justify-content: flex-start; /* 左对齐 */
    gap: 3rem; /* 每对之间的间距 */
    flex-wrap: wrap; /* 自动换行 */
    align-items: center; /* 垂直居中对齐 */
    margin-left: 21%;
    margin-top: -7%;
}

/* 每一对项样式 */
.card2-item {
    display: flex;
    flex-direction: column; /* 垂直排列数字和文字 */
    align-items: center; /* 垂直居中对齐 */
    text-align: center; /* 文字居中对齐 */
}

/* 数字样式 */
.card2-number {
    font-size: 30px; /* 设置字体大小 */
    margin-bottom: 10px; /* 数字和文字之间的间距 */
    font-weight: lighter;
}

/* 文字样式 */
.card2-info {
    font-size: 25px; /* 设置字体大小 */
}


/* 额外信息展示样式 */
.extra-info {
    display: flex; /* 使用 flexbox 布局 */
    flex-wrap: nowrap; /* 不换行 */
    justify-content: start; /* 将内容对齐到开始位置 */
    gap: 180px; /* 元素间距 */
    margin-left: 15%; /* 左边距 */
    margin-top: 10px; /* 顶部外边距 */
    min-width: 600px; /* 最小宽度 */
}

/* 额外信息展示中的每个条目样式 */
.extra-info div {
    font-size: 19px; /* 字体大小 */
    font-weight: normal; /* 字体粗细 */
}

.card_text-display {
    font-size: 25px;
    color: #777777;
    width: 950px;
    display: -webkit-box; /* 使用 flexbox 布局 */
    /*-webkit-line-clamp: 3; !* 显示的行数 *!*/
    -webkit-box-orient: vertical; /* 垂直方向排列 */
    /*overflow: hidden; !* 隐藏超出内容 *!*/
    /*text-overflow: ellipsis; !* 超出内容用省略号表示 *!*/
    border: 0px solid #ddd; /* 可选：添加边框 */
    padding: 0.5rem; /* 可选：添加内边距 */
}