@charset "utf-8";
/* CSS Document */

.pagination .page-link {
    color: #007bff;         /* 文字颜色 */
    background-color: #fff; /* 背景 */
    border: 1px solid #dee2e6;
    margin: 0 2px;
}

.pagination .page-item.active .page-link {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
}

.pagination .page-link:hover {
    background-color: #e9ecef;
    color: #0056b3;
}

/* 分页和列表响应式样式合并 */

/* 分页样式 */
.pagination li {
    display: inline-block; /* 默认显示所有分页项，可按需要调整 */
}

.pagination li.active,
.pagination li.prev,
.pagination li.next,
.pagination li:first-child,
.pagination li:last-child {
    /* 保证第一页、最后页、当前页和上一页下一页可见 */
    display: inline-block;
}

/* 手机端专属样式 */
@media (max-width: 576px) {

    /* 分页隐藏中间页，只显示关键页 */
    .pagination li {
        display: none;
    }
    .pagination li:first-child,
    .pagination li:last-child,
    .pagination li.active,
    .pagination li.prev,
    .pagination li.next {
        display: inline-block;
    }

    /* 列表标题和时间换行显示 */
    .list-group-item.d-flex {
        flex-direction: column;
        align-items: flex-start;
    }
    .list-group-item .text-muted {
        margin-top: 4px; /* 时间和标题间距 */
        margin-left: 0;  /* 取消左边距 */
    }
    .list-group-item a {
        margin-bottom: 0; /* 保持间距整齐 */
    }

    /* 手机端调整卡片图片高度 */
    .card-img-top.img-cover {
        height: 150px;  /* 手机端可缩小高度 */
    }
}

/* 大屏幕列表标题和时间在一行 */
.list-group-item.d-flex {
    align-items: center;
}

/* 卡片图片默认样式（大屏幕） */
.card-img-top.img-cover {
    width: 100%;        /* 图片宽度占满卡片 */
    height: 200px;      /* 固定高度，可根据需要调整 */
    object-fit: cover;  /* 保持比例裁剪，填满容器 */
}




.card-title.title-line-clamp {
	 display: -webkit-box;
    -webkit-line-clamp: 3; /* 限制显示 3 行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

	

.card-text.flex-grow-1{
  display: -webkit-box;
  -webkit-line-clamp: 3; /* 限制描述显示 3 行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
	}


.list-group-item a {
    display: inline-block;       /* 或者 block/flex-grow 都可以 */
    max-width: 80%;              /* 给标题留个宽度，不要让它占满 */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}



ol.breadcrumb {
  /* 样式规则 */
  margin-bottom:0.5rem;
}



.about-us-banner {
  position: relative;
}

.about-us-banner .banner-text {
  max-width: 90%;              /* 限制文字宽度，不会超出图片 */
  word-wrap: break-word;       /* 自动换行 */
  text-shadow: 0 2px 6px rgba(0,0,0,0.6); /* 提升可读性 */
}

/* 标题自适应 */
.banner-title {
  font-size: clamp(0.8rem, 4vw, 2.5rem); /* 手机最小1.2rem，桌面最大2.5rem */
  margin-bottom: 0.5rem;
}

/* 副标题自适应 */
.banner-subtitle {
  font-size: clamp(0.5rem, 2.5vw, 1.3rem); /* 手机最小0.9rem，桌面最大1.3rem */
  line-height: 1.4;
}

h2.fw-bold {
  color: #FFF;
}