@media (max-width: 768px) {
  /* 隐藏前两个分组 */
  .page-footer .sitemap .sitemap-group:first-child,
  .page-footer .sitemap .sitemap-group:nth-child(2) {
    display: none !important;
  }

  /* 改用flex布局横向排列 */
  .page-footer .sitemap {
    display: flex !important;
    flex-wrap: nowrap !important;
    column-count: unset !important;
  }

  /* 调整剩余两个分组的宽度比例 */
  .page-footer .sitemap .sitemap-group:nth-child(3) {
    margin-left: 3% !important;
    flex: 0 0 30% !important;
    max-width: 30% !important;
  }

  .page-footer .sitemap .sitemap-group:nth-child(4) {
    flex: 0 0 70% !important;
    max-width: 70% !important;
  }

  /* 保证文字整行显示 */
  .page-footer .text p {
    margin-left: 3% !important;
  }

}

/* 使得版权不换行 脑机同步 */
.page-footer .text p {
  white-space: nowrap;
  overflow-x: auto; /* 内容过长可横向滚动 */
  
  /* 隐藏滚动条但保留滚动功能 */
  -ms-overflow-style: none;  /* IE 和 Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Chrome, Safari 和 Opera */
.page-footer .text p::-webkit-scrollbar {
  display: none;
}

/* 电脑端布局 (屏幕宽度大于768px时生效) */
@media (min-width: 769px) {
  /* 确保使用合适的布局方式 */
  .page-footer .sitemap {
    display: flex; /* 使用flex布局 */
    column-count: unset; /* 取消列布局（如果之前设置过） */
  }

  /* 第一个模块：20%宽度 */
  .page-footer .sitemap .sitemap-group:nth-child(1) {
    flex: 0 0 20%;
    max-width: 20%;
  }

  /* 第二个模块：20%宽度 */
  .page-footer .sitemap .sitemap-group:nth-child(2) {
    flex: 0 0 20%;
    max-width: 20%;
  }

  /* 第三个模块：20%宽度 */
  .page-footer .sitemap .sitemap-group:nth-child(3) {
    flex: 0 0 20%;
    max-width: 20%;
  }

  /* 第四个模块：40%宽度 */
  .page-footer .sitemap .sitemap-group:nth-child(4) {
    flex: 0 0 40%;
    max-width: 40%;
  }
}

/* 侧边栏图片圆角 */
.widget-body img {
    border-radius: 6px;
}

/* 全站友链头像圆角 */
.widget-body .linklist .link .flex img {
    border-radius: 50%;
    /* 使图片变成圆形，适用于正方形图片 */
    object-fit: cover;
    /* 确保图片不会被拉伸变形 */
}

/* 主页Fancybox右上角圆角 */
/* 定位右上角工具栏中的按钮容器 */
.fancybox-toolbar {
  /* 确保按钮容器定位正确，不影响原有布局 */
  position: relative;
}

/* 选择右上角工具栏中第一个按钮（左侧按钮） */
.fancybox-toolbar .fancybox-button:first-child {
  /* 仅设置左下角圆角 */
  border-bottom-left-radius: 8px; /* 圆角大小可根据需求调整 */
  /* 可选：添加一些内边距让按钮更美观 */
  padding: 6px;
}

/* 可选：为按钮添加hover效果增强交互感 */
.fancybox-toolbar .fancybox-button:first-child:hover {
  background-color: rgba(0, 0, 0, 0.1); /* 轻微背景色变化 */
}


/* 自带Fancybox右上角圆角 */
/* 定位右上角按钮容器，确保样式生效 */
.fancybox__toolbar__column.is-right {
  /* 保持原有布局，不干扰其他元素 */
  position: relative;
}

/* 选中右上角按钮组中第一个按钮（最左侧按钮） */
.fancybox__toolbar__column.is-right .f-button:first-child {
  /* 仅设置左下角圆角，其他角保持默认 */
  border-bottom-left-radius: 6px; /* 圆角大小可按需调整（如8px更圆润） */
  /* 可选：添加按钮内边距，避免图标紧贴边缘 */
  padding: 4px 6px;
}

/* 可选：鼠标悬停效果，增强交互体验 */
.fancybox__toolbar__column.is-right .f-button:first-child:hover {
  background-color: rgba(0, 0, 0, 0.05); /* 轻微背景色变化 */
  transition: background-color 0.2s ease; /* 平滑过渡效果 */
}

/* 针对友链名字容器的样式 */
.name span {
  /* 强制不换行 */
  white-space: nowrap;
  /* 限制容器宽度（根据实际布局调整，例如父容器宽度的100%） */
  max-width: 100%;
  /* 溢出内容隐藏 */
  overflow: hidden;
  /* 超出部分用省略号显示 */
  text-overflow: ellipsis;
  /* 确保元素能限制宽度（可选，根据父元素类型调整） */
  display: inline-block; /* 或 block，根据布局需求选择 */
}