/* 基础样式重置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 列表容器 - 核心设置：固定高度、隐藏滚动条、禁止滚动 */
.news-list {
  list-style: none;
  max-width: 800px;
  overflow: hidden; /* 超出部分隐藏，禁止滚动 */
  /* 隐藏各浏览器滚动条 */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}

/* 隐藏Chrome/Safari滚动条 */
ul::-webkit-scrollbar {
  display: none;
}

/* 列表项样式 */
.news-list li,.clanlist li {
  padding: 10px 20px;
  border-bottom: 1px solid #454545;
  transition: background-color 0.3s ease;
}

/* 最后一项去除底部边框 */
.news-list li,.clanlist li:last-child {
  height: 43.39px;
  border-bottom: none;
}

/* 列表项hover效果 */
.news-list li:hover {
  background-color: rgba(44, 44, 44, 0.8);
}

/* 链接布局：文本左、日期右 */
.news-list li a {
  display: flex;
  justify-content: space-between;
  align-items: center;  
  color: #a7a7a7;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.6;
  transition: color 0.3s ease;
}

.news-list li a.fenlei{
	display:inline;
	float: left;
	padding-right: 10px;
}

/* 链接hover文字颜色变化 */
.news-list li a:hover {
  color: #fff;
}

/* 日期样式 */
.news-list li a span {
  color: #999;
  font-size: 12px;
  white-space: nowrap;
  margin-left: 15px;
  padding: 0;
}
/* 分页容器：居中显示 + 弹性布局 */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px; /* 元素之间的间距，可根据需求调整 */
  margin: 8px 0 8px 20px; /* 上下外边距，控制与其他模块的距离 */
}

/* 分页链接/按钮：主题色样式（假设网站主色为深色系，文字为蓝色突出） */
.pagination a,
.pagination span {
  color: #007bff; /* 蓝色文字，匹配“上一页/下一页”的链接色 */
  text-decoration: none; /* 去除下划线 */
  padding: 6px 10px;
  border: 1px solid #333; /* 深色边框，贴合网站暗色调 */
  background-color: #222; /* 深色背景，与网站整体风格统一 */
  border-radius: 4px; /* 轻微圆角，增强质感 */
  font-size: 14px;
}

/*  hover 交互（可选） */
.pagination a:hover {
  background-color: #007bff;
  color: #fff;
  border-color: #007bff;
}

/* 当前页样式（如果有） */
.pagination .current {
  background-color: #007bff;
  color: #fff;
  border-color: #007bff;
  cursor: default;
}

/* 响应式适配（小屏幕优化） */
@media (max-width: 600px) {
  ul {
    max-width: 100%;
    height: auto; /* 小屏幕高度自适应，避免内容被过度截断 */
  }
  
  ul li a {
    flex-direction: column;
    align-items: flex-start;
  }
  
  ul li a span {
    margin-left: 0;
    margin-top: 5px;
  }
}