/* 全局样式 */
		body {
			font-family: "Microsoft YaHei", sans-serif;
			color: #333;
			line-height: 1.6;
			margin: 0;
			padding: 0;
			/* background-color: #f9f9f9; */
		}

		/* 顶部导航栏样式 */
		.header-top {
			background-color: white;
			padding: 10px 0;
			border-bottom: 1px solid #eee;
		}

		.header-content {
			display: flex;
			justify-content: space-between;
			align-items: center;
			max-width: 1200px;
			margin: 0 auto;
			padding: 0 20px;
		}

		.logo-section {
			display: flex;
			align-items: center;
		}

		.logo-section img {
			width: 30px;
			height: 30px;
			margin-right: 8px;
		}

		.logo-section span {
			color: #333;
			font-size: 22px;
			font-weight: bold;
		}

		.search-bar {
			position: relative;
			border: 1px solid #cfd4db;
			border-radius: 100px;
			background: white;
			width: 300px;
		}

		.search-bar input {
			border-radius: 20px;
			padding-left: 15px;
			padding-right: 40px;
			font-size: 14px;
			border: none;
			width: 100%;
			height: 36px;
			outline: none;
		}

		.search-bar button {
			position: absolute;
			right: 10px;
			top: 50%;
			transform: translateY(-50%);
			background: none;
			border: none;
			color: #999;
			cursor: pointer;
			font-size: 16px;
		}

		/* 导航菜单 */
		.nav-menu {
			background-color: #06a496;
			border-top: 1px solid #068d81;
		}

		.nav-container {
			max-width: 1200px;
			margin: 0 auto;
			padding: 0 20px;
			/* 添加水平滚动 */
			overflow-x: auto;
			white-space: nowrap;
			scrollbar-width: none; /* Firefox */
			-ms-overflow-style: none; /* IE/Edge */
		}

		.nav-container::-webkit-scrollbar {
			display: none; /* Chrome/Safari */
		}

		.nav-links {
			list-style: none;
			padding: 0;
			margin: 0;
			display: flex;
			justify-content: flex-start;
			white-space: nowrap;
			width: auto;
			line-height: 1;
		}

		.nav-links li {
			flex: 1;
			text-align: center;
			margin: 0;
		}

		.nav-links a {
			color: white;
			text-decoration: none;
			font-size: 16px;
			display: inline-block;
			padding: 14px 5px;
			width: 100%;
			transition: color 0.3s ease;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.nav-links a:hover {
			color: #f0f0f0;
			background-color: rgba(255, 255, 255, 0.1);
		}

		/* 主要内容区域 */
		.main-content {
			max-width: 1200px;
			margin: 0px auto;
			padding: 0 20px;
			display: grid;
			grid-template-columns: 800px 320px;
			gap: 40px;
		}

		/* 平板设备适配 */
		@media (max-width: 1024px) {
			.main-content {
				grid-template-columns: 1fr;
				gap: 30px;
			}

			.article-title {
				font-size: 24px;
			}
		}

		/* 文章内容区域 */
		.article-container {
			background-color: white;
			border-radius: 5px;
			/*padding: 20px 0px;*/
			/* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); */
			width: 100%;
			max-width: 100%;
			box-sizing: border-box;
			overflow: hidden; /* 防止内容溢出容器 */
		}

		/* 文章标题 */
		.article-title {
			font-size: 25px;
			font-weight: bold;
			color: #333;
			line-height: 1.3;
			margin-bottom: 10px;
			margin-top: 20px;
			font-family: '微软雅黑', sans-serif;
		}

		/* 文章信息 */
		.article-info {
			display: flex;
			align-items: center;
			color: #999;
			font-size: 14px;
			/*padding-bottom: 20px;*/
			/* border-bottom: 1px solid #e5e5e5; */
			margin-bottom: 0px;
			flex-wrap: wrap;
		}

		.article-info span {
			margin-right: 25px;
			margin-bottom: 5px;
		}

		.article-info .view-count {
			margin-left: auto;
		}

		/* 文章正文 */
		.article-content {
			font-size: 18px;
			line-height: 1.8;
			color: #333;
			font-family: '微软雅黑', sans-serif;
			width: 100%;
			max-width: 100%;
			box-sizing: border-box;
			word-wrap: break-word;
			overflow-wrap: break-word;
			overflow-x: hidden; /* 防止水平溢出 */
			/* 添加内边距，避免内容紧贴边缘 */
			padding: 0px;
			position: relative;
		}
	

		.article-content p {
			margin-bottom: 20px;
			text-align: justify;
			/* text-indent: 2em; */
			font-size: 18px;
			width: 100%;
			max-width: 100%;
			box-sizing: border-box;
			word-wrap: break-word;
			overflow-wrap: break-word;
			/* 确保段落内容不会溢出 */
			hyphens: auto; /* 启用自动断字 */
		}
		.article-content strong h1,h4,h2,h3{
		   font-size: 20px; 
		   margin: 20px 0;
		}
		.article-content strong{
		   font-size: 20px; 
		   font-weight: 500;
		}

		.article-content img {
			max-width: 100% !important;
			height: auto;
			 margin: 24px auto; 
			border-radius: 4px;
			display: block;
			box-sizing: border-box;
			/* 确保图片严格按照容器宽度缩放 */
			width: auto; /* 让图片根据原始比例缩放 */
			max-height: 100%;
			
		}

		/* 分页导航 */
		.article-pagination {
			display: flex;
			justify-content: space-between;
			margin: 30px 0;
			padding: 20px 0;
			border-top: 1px solid #e5e5e5;
		}

		.article-pagination a {
			color: #333;
			text-decoration: none;
			font-size: 14px;
			line-height: 1.6;
			transition: color 0.3s ease;
		}

		.article-pagination a:hover {
			color: #06a496;
		}

		.article-pagination .prev-article,
		.article-pagination .next-article {
			display: flex;
			align-items: center;
		
             width: 40%;
		}
		.article-pagination .next{
		    	display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                 overflow: hidden;
                 text-overflow: ellipsis;
                  width: 70%;
		}

		.article-pagination .prev-article i,
		.article-pagination .next-article i {
			margin: 0 8px;
		}

		/* 推荐文章 */
		.recommended-articles {
			margin-top: 40px;
			padding-top: 25px;
			border-top: 1px solid #e5e5e5;
		}

		.recommended-articles h3 {
			font-size: 18px;
			font-weight: bold;
			color: #333;
			margin-bottom: 20px;
			font-family: '微软雅黑', sans-serif;
		}

		.recommended-articles ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		.recommended-articles li {
			margin-bottom: 15px;
			position: relative;
			padding-left: 20px;
		}

		.recommended-articles li::before {
			content: '';
			position: absolute;
			left: 0;
			top: 8px;
			width: 8px;
			height: 8px;
			background-color: #06a496;
			border-radius: 50%;
		}

		.recommended-articles a {
			color: #333;
			text-decoration: none;
			font-size: 15px;
			transition: color 0.3s ease;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.recommended-articles a:hover {
			color: #06a496;
		}

		/* 侧边栏 */
		.sidebar {
			width: 100%;
		}

		/* 侧边栏模块 */
		.sidebar-module {
			background-color: white;
			border-radius: 5px;
			/*padding: 20px 0;*/
			margin-bottom: 20px;
			/* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); */
		}

		.sidebar-title {
			font-size: 1.5rem;
			font-weight: bold;
			color: #333;
			margin-bottom: 15px;
			padding-bottom: 10px;
			border-bottom: 2px solid #06a496;
			font-family: '微软雅黑', sans-serif;
		}

		/* 农业百科 */
		.news-list {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		.news-list li {
			margin-bottom: 10px;
			/* padding-bottom: 15px; */
			border-bottom: 1px solid #e5e5e5;
			line-height: 1.6;
		}

		.news-list li:last-child {
			margin-bottom: 0;
			padding-bottom: 0;
			border-bottom: none;
		}

		.news-list a {
			color: #333;
			text-decoration: none;
			font-size: 16px;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
			transition: color 0.3s ease;
		}

		.news-list a:hover {
			color: #06a496;
		}

		.hot-article-item {
			display: flex;
			align-items: center;
			margin-bottom: 15px;
		}
		
		.hot-article-item:last-child {
			margin-bottom: 0;
		}

		.hot-article-img {
			width: 100px;
			height: 70px;
			border-radius: 4px;
			overflow: hidden;
			flex-shrink: 0;
			margin-right: 15px;
		}

		.hot-article-img img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.hot-article-info {
			flex: 1;
		}

		.hot-article-info h4 {
			margin: 0;
			font-size: 16px;
			font-weight: normal;
			line-height: 1.6;
		}

		.hot-article-info a {
			color: #333;
			text-decoration: none;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
			transition: color 0.3s ease;
		}

		.hot-article-info a:hover {
			color: #06a496;
		}

		/* 广告横幅 */
		.ad-banner {
			background-color: #ffffff;
			border-radius: 5px;
			overflow: hidden;
			margin: 30px 0;
			padding: 0;
			text-align: center;
			border: 1px solid #e9ecef;
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
			height: 200px;
		}

		.ad-banner img {
			max-width: 100%;
			height: auto;
			display: block;
		}

		/* 底部样式 */
		footer {
			background-color: #e5e5e5;
			padding: 20px 0;
			margin-top: 30px;
			border-top: 1px solid #ddd;
		}

		.footer-content {
			max-width: 1200px;
			margin: 0 auto;
			padding: 0 20px;
			text-align: center;
		}

		.footer-links {
			list-style: none;
			padding: 0;
			margin: 0 0 15px 0;
		}

		.footer-links li {
			display: inline-block;
			margin: 0 10px;
		}

		.footer-links a {
			color: #666;
			text-decoration: none;
			font-size: 14px;
			transition: color 0.3s ease;
		}

		.footer-links a:hover {
			color: #06a496;
			text-decoration: underline;
		}

		.copyright {
			color: #999;
			font-size: 12px;
			line-height: 1.5;
		}

		/* 响应式设计 */
		@media (max-width: 768px) {
			/* 移动端特定样式 */
			body {
				background-color: #ffffff;
			}

			.header-content {
				flex-direction: column;
				align-items: flex-start;
				padding: 0 15px;
			}

			.logo-section {
				margin-bottom: 10px;
			}

			.logo-section span {
				font-size: 16px;
			}

			.nav-menu {
				padding: 5px 10px;
			}

			.nav-container {
				padding: 0 10px;
			}

			.nav-links {
				justify-content: flex-start;
				padding-bottom: 0px;
				white-space: nowrap;
				width: auto;
			}

			.nav-links li {
				flex: none;
				margin-right: 12px;
			}

			.nav-links a {
				font-size: 16px;
				padding: 8px 6px;
			}

			.main-content {
				grid-template-columns: 1fr;
				padding: 0 20px;
				margin: 15px auto;
				gap: 0;
				margin-bottom:0;
			}
			.article-container {
				padding:0;
			}

			.article-title {
				font-size: 24px;
			}

			.article-info {
				flex-direction: column;
				align-items: flex-start;
				margin-bottom: 0px;
				padding-bottom: 0;
			}

			.article-info span {
				margin-right: 15px;
				margin-bottom: 0px;
			}

			.article-info .view-count {
				margin-left: 0;
				margin-top: 5px;
			}

			.sidebar-module {
				padding: 15px 0;
				margin:0;
			}
		}

		@media (max-width: 480px) {
			.article-title {
				font-size: 20px;
				margin-bottom: 10px;
			}

			.article-content {
				font-size: 14px;
				padding:0;
			}

			.article-pagination {
				/*flex-direction: column;*/
				/*gap: 15px;*/
			}

			.article-pagination .prev-article,
			.article-pagination .next-article {
				justify-content: flex-start;
			}
			.article-pagination .next {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 40%;
}

			/* 面包屑导航移动端优化 */
			.breadcrumb {
				font-size: 12px !important;
				overflow-x: auto;
				white-space: nowrap;
				scrollbar-width: none;
				-ms-overflow-style: none;
				padding: 0 20px;
				margin-top: 10px!important;
			}

			.breadcrumb::-webkit-scrollbar {
				display: none;
			}
		}

		b, strong {
    font-weight: bolder;
    font-size: 18pX;
}
.code { 
    color: #06a496;

}
.article-content h2{
	font-size: 24px;
	font-weight: bold;
	color: #333;
	font-family: '微软雅黑', sans-serif;
}
.nav-links a.active {
    background-color: #068d81;
    font-weight: bold;
}
 h3 {
    font-size: 1.2rem;
}
.copyright-container{
	margin-top: 40px;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 36px;
    color: #8a8a8a;

}
.copyright-container p{
	margin: 0;
	line-height:1.6;
}
#related-articles-list>.hot-article-item>.hot-article-img{
			width: 160px!important;height: 100px!important;
		}

		/* 移动端优化相关文章图片大小 */
		@media (max-width: 768px) {
			/* 优化header在移动端的单行显示 - 强制在同一行 */
			#related-articles-list>.hot-article-item>div>h4>a{
display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.5;
			}
			.header-content {
				display: flex !important;
				flex-direction: row !important;
				flex-wrap: nowrap !important;
				align-items: center !important;
				justify-content: space-between !important;
				padding: 0 8px !important;
				overflow: hidden !important;
			}
			/* 调整搜索框 - 确保与logo在同一行 */
			.search-bar {				
				flex: 1 !important;				
				height: 38px !important;
				
			}
			.search-bar {
				width: 60%;
				max-width: 60%;
			}
			.search-bar input {
				font-size: 14px !important;
				line-height: 36px;  
			}
			
			.search-bar button {
				height: 100% !important;
				min-width: 20px !important;
				padding: 0 6px !important;
			}
			
			/* 调整logo部分 */
			.logo-section {
				display: flex !important;
				align-items: center !important;
				flex-shrink: 0 !important;
				min-width: 0 !important;
				margin-bottom: 0;
}
			}
			
			.logo-section img {
				width: 50px !important;
				height: 50px !important;
				margin-right: 4px !important;
			}
			
			.logo-section span {
				font-size: 22px !important;
				white-space: nowrap !important;
				overflow: hidden !important;
				text-overflow: ellipsis !important;
			}
			
			
			
			#related-articles-list>.hot-article-item>.hot-article-img{
				width: 120px!important;height: 90px!important;
			}

			/* 优化文章内容的移动端显示 */
			.article-content p {
				font-size: 18px;
				line-height: 1.8;
				padding: 0 0px;
				width: 100%;
				max-width: 100%;
				box-sizing: border-box;
				word-break: break-all;
				hyphens: auto;
			}

			/* 确保所有元素都能响应式缩放 */
			.article-content * {
				max-width: 100% !important;
				box-sizing: border-box !important;
				word-wrap: break-word !important;
				/* 禁止元素超出容器宽度 */
				overflow: hidden;
			}

			/* 确保表格在移动端也能正确显示 */
			.article-content table {
				/*width: 100% !important;*/
				/*display: block !important;*/
				/*overflow-x: auto !important;*/
				/*white-space: nowrap;*/
			}

			/* 确保代码块在移动端也能正确显示 */
			.article-content pre {
				overflow-x: auto !important;
				width: 100% !important;
				white-space: pre-wrap;
				word-break: break-all;
			}

			/* 优化标题在移动端的大小 */
			.article-content h2 {
				font-size: 20px;
				padding: 10px 5px;
				width: 100%;
				max-width: 100%;
				word-break: break-word;
			}

			/* 确保内联元素也不会导致溢出 */
			.article-content span,
			.article-content a,
			.article-content strong,
			.article-content b {
				word-break: break-all;
			}

			/* 确保长字符串和URL能够正确换行 */
			.article-content * {
				word-break: break-word;
				overflow-wrap: break-word;
			}

			/* 特别处理iframe和嵌入内容 */
			.article-content iframe,
			.article-content embed,
			.article-content video {
				max-width: 100% !important;
				height: auto !important;
				display: block;
			}

			/* 为动态加载的内容添加保障 */
			.article-content > * {
				max-width: 100% !important;
				width: auto !important;
			}

			/* 优化相关文章布局 - 改为左图右文模式 */
			.hot-article-item {
				flex-direction: row;
				align-items: center;
				justify-content: flex-start;
			}

			.hot-article-info {
				margin-left: 10px;
				margin-top: 0;
				width: calc(100% - 130px); /* 减去图片宽度和间距 */
			}

			/* 确保相关推荐模块也采用左图右文 */
			#related-articles-list .hot-article-item {
				display: flex;
				flex-direction: row;
				align-items: flex-start;
				margin-bottom: 15px;
			}

			#related-articles-list .hot-article-img {
				flex-shrink: 0;
			}

			#related-articles-list .hot-article-info {
				flex: 1;
				margin-left: 10px;
				margin-top: 0;
			}
		
#related-articles-list>.hot-article-item{
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 15px;
	
}
#related-articles-list>.hot-article-item:last-child{
	border-bottom: 0;
	margin-bottom: 0;
}
.hot-article-excerpt{
	display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.5;
   font-size: 14px;
    color: #999;
    margin: 10px 0;
}
.hot-article-date{
	font-size: 14px;
	color: #8a8a8a;
margin-bottom: 10px;
}

/* 手机端隐藏热门文章和推荐阅读模块 */
	@media (max-width: 768px) {
		.sidebar-module {
			display: none !important;
		}
	}
	
	
	
	.pgc-img {
    text-align: center;
}

form {
    display: flex !important;
}
.article-container,
.article-container * {
    font-size: 16px;
}


.article-container h1 {
    color: #333;
    font-size: 1.3em;
    font-weight: 600;
    letter-spacing: 0;
    line-height: normal;
    margin-bottom: 14px;
}

.article-container h2 {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: normal;
    margin-bottom: 14px;
}
.article-container h3 {
    color: #333;
    font-size: 1.2em;
    font-weight: 600;
    letter-spacing: 0;
    line-height: normal;
    margin-bottom: 14px;
}


.article-container h3 {
    color: #333;
    font-size: 1.2em;
    font-weight: 600;
    letter-spacing: 0;
    line-height: normal;
    margin-bottom: 14px;
    padding: 0px;
}

.article-container h4 {
    color: #333;
    font-size: 1.1em;
    font-weight: 600;
    letter-spacing: 0;
    line-height: normal;
    margin-bottom: 14px;
}

.article-container h5 {
    color: #666;
    font-size: 0.8em;
    font-weight:400;
    letter-spacing: 0;
    line-height: normal;
    margin-bottom: 8px;
}

.article-container h6 {
    color:#666;
    font-size: 0.7em;
    font-weight:400;
    letter-spacing: 0;
    line-height: normal;
    margin-bottom: 8px;
}



.article-content table {
    border-spacing: 0;
    border-collapse: collapse;
     margin: 0 0 var(--theme-margin-bottom-max) 0;
     margin-bottom: 20px;
}
.article-content table tr:hover {
    background: rgba(60, 90, 100, 0.04);

}
.article-content  table tr td,.article-content  table tr th {
                padding: 0.3rem 0.66rem;
                border: 1px solid #d0d7de; 
}
.article-container h2{
    border-bottom: 1px solid #e5e5e5;
}
.article-container h2 strong{
     border-left: 4px solid #068d81;
    padding: 0px 10px;
}

.success {padding: 0.5rem;
    margin: 1.5rem 0;
    background: #f8f9fa;
    border-left: 4px solid #068d81;
    color: #8a8a8a;
    border-radius: 4px;
}