/* 文章列表样式 */
.article-item {
  transition: all 0.3s ease;
}

.article-item:hover {
  box-shadow: 0 10px 25px -5px rgba(0, 160, 150, 0.15), 0 10px 10px -5px rgba(0, 160, 150, 0.08);
}

.article-thumbnail {
  position: relative;
  overflow: hidden;
}

.article-thumbnail img {
  transition: transform 0.5s ease;
}

.article-item:hover .article-thumbnail img {
  transform: scale(1.05);
}

.article-content {
  min-height: 200px;
}

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}

.pagination > li {
	display: inline;
}

.pagination > li > a,
.pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857;
	text-decoration: none;
	color: #008d85;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: -1px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}

.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
	z-index: 2;
	color: #23527c;
	background-color: #eeeeee;
	border-color: #ddd;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
	z-index: 3;
	color: #fff;
	background-color: #008d85;
	border-color: #008d85;
	cursor: default;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .article-content {
    min-height: auto;
  }
  
  .article-thumbnail {
    height: 200px;
  }
  
  .article-thumbnail img {
    height: 100%;
    object-fit: cover;
  }
}

/* 筛选按钮样式 */
.filter-btn.active {
  background-color: #00a096;
  color: white;
}

.filter-btn:not(.active):hover {
  background-color: #00a096;
  color: white;
}

/* 分页样式优化 */
nav button:not(:disabled):hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 6px rgba(0, 160, 150, 0.2);
}

/* 标签样式 */
.bg-primaryLight {
  transition: all 0.3s ease;
}

.bg-primaryLight:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 6px rgba(0, 160, 150, 0.2);
}

/* 文章标题行数限制 */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 侧边栏卡片样式 */
aside .bg-white {
  transition: box-shadow 0.3s ease;
}

aside .bg-white:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

/* 热门文章列表项样式 */
aside ul li a {
  transition: all 0.3s ease;
}

aside ul li a:hover {
  padding-left: 0.5rem;
}

/* 搜索框聚焦效果 */
input:focus {
  border-color: #00a096;
  box-shadow: 0 0 0 3px rgba(0, 160, 150, 0.1);
}

/* 文章项链接样式 */
.article-item a {
  text-decoration: none;
  color: inherit;
}

.article-item a:hover {
  text-decoration: none;
}

/* 分页按钮样式 */
nav button {
  transition: all 0.3s ease;
}

nav button:not(:disabled):active {
  transform: translateY(0);
}

/* 标签云样式 */
.flex-wrap a {
  transition: all 0.3s ease;
  display: inline-block;
}

.flex-wrap a:hover {
  transform: translateY(-2px) scale(1.05);
}