/**组件样式**/

/* 友情链接模块容器：整体居中 + 垂直排列 */
.sect3-b {
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center; /* 标题和链接区域都居中 */
  gap: 20px;}

/* 标题区域：确保文字居中 */
.title1 {
  text-align: center; /* 标题文字居中 */
  width: 100%; /* 占满宽度，避免文字左偏 */
  margin: 0;}

/* 链接区域容器：居中排列 + 控制行间距 */
.link-group {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 20px; /* 链接之间：左右20px，上下15px（两行间距靠这个控制） */
  justify-content: center; /* 链接行内居中 */
  width: 100%; /* 占满宽度，确保换行后仍居中 */
  max-width: 1200px; /* 可选：限制最大宽度，避免宽屏下列太散 */
  padding: 10px;
  border: 1px solid #e1e8f0; /* 保留外边框（和截图一致） */
  border-radius: 8px;}

/* 外层容器：控制9个链接居中+换行 */
.wzlj1 {
  display: flex;
  flex-wrap: wrap; /* 超出宽度自动换行 */
  justify-content: center; /* 链接行内居中 */
  gap: 12px 15px; /* 链接之间的间距（上下12px，左右15px） */
  padding: 10px 0;}

/* 链接样式：保持美观 */
.wzlj {
  display: inline-flex;
  font-size: 14px;
  line-height: 32px;
  color: #2c405a;
  padding: 0 18px;
  border-radius: 16px;
  background-color: #f5f8fc;
  border: 1px solid #e1e8f0;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.25s ease;}

/* 悬浮效果 */
.wzlj:hover {
  background-color: #10488b;
  color: #fff;
  border-color: #10488b;
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(16, 72, 139, 0.2);}

/* 移除干扰的<br>标签（避免换行混乱） */
.wzlj1 br {
  display: none;}