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

		/* 顶部导航栏样式 */
		.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;
		}

		.nav-links {
			list-style: none;
			padding: 0;
			margin: 0;
			display: flex;
			justify-content: space-between;
			width: 100%;
			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: 20px auto;
		padding: 0 20px;
	}

		/* 标题样式 */
	.section-title {
		font-size: 20px;
		color: #333;
		font-weight: bold;
		padding-bottom: 10px;
		border-bottom: 2px solid #06a496;
		margin-bottom: 20px;
		position: relative;
		font-family: '微软雅黑', sans-serif;
		padding-bottom: 0px;
			line-height: 32px;
	}

		.more-link {
			color: #666;
			font-size: 14px;
			float: right;
			text-decoration: none;
			font-weight: 400;
			margin-left: 10px;
		}

		.more-link:hover {
			color: #06a496;
			text-decoration: underline;
		}

		/* 新闻列表样式 */
	.news-list {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.news-list li {
		padding-bottom: 12px;
		/* border-bottom: 1px solid #e5e5e5; */
	}
	.news-list li:first-child {
		font-weight: bold;
	}
	.hot-news-list li:first-child>.hot-news-content>h4>a{
		font-weight: bold;
	}
	.news-list li:first-child>a>.news-title {
		font-weight: bold;
	}
	.news-list li:first-child>.hot-news-content>h4>a {
		font-weight: bold;
	}

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

	.news-list a {
		color: #333;
		text-decoration: none;
		font-size: 16px;
		line-height: 1.6;
		font-family: '微软雅黑', sans-serif;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		transition: color 0.3s ease;
	}

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

		/* 大图新闻样式 */
	.big-img-news {
		position: relative;
		margin-bottom: 20px;
		border-radius: 4px;
		overflow: hidden;
	}

	.big-img-news img {
		width: 100%;
		height: 210px;
		object-fit: cover;
		transition: transform 0.3s ease;
	}

	.big-img-news:hover img {
		transform: scale(1.05);
	}

	.big-img-title {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
		color: white;
		padding: 5px 12px;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.4;
		font-family: '微软雅黑', sans-serif;
		white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	}

		/* 热门推荐样式 */
	.hot-news-list {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.hot-news-item {
		display: flex;
		margin-bottom: 10px;
		border-bottom: 1px solid #e5e5e5;
		padding-bottom: 10px;
		align-items: center;
		transition: background-color 0.3s ease;
	}
	.zc-news-item {
		display: flex;
		margin-bottom: 10px;
		 border-bottom: 1px solid #e5e5e5; 
		padding-bottom: 10px;
		align-items: center;
		transition: background-color 0.3s ease;
	}
	.zc-news-item,.hot-news-item:last-child {
		border-bottom: none;
	}

	.hot-news-item:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}

	.hot-news-img {
		width: 30%;
		margin-right: 10px;
		border-radius: 4px;
		overflow: hidden;
		flex-shrink: 0;
	}

		.hot-news-img img {
		width: 100%;
		height: 70px;
		object-fit: cover;
		transition: transform 0.3s ease;
	}

		.hot-news-img:hover img {
			transform: scale(1.05);
		}

		.hot-news-content {
			flex: 1;
		}

		.hot-news-content h4 {
			margin: 0 0 5px 0;
			font-size: 30px;
			font-weight: bold;
			line-height: 1.4;
			font-family: '微软雅黑', sans-serif;
			color: #333;
		}

		.hot-news-content h4 a {
		color: #333;
		text-decoration: none;
		display: block;
		font-size: 16px;
		font-weight: initial;
		font-family: '微软雅黑', sans-serif;
		line-height: 1.5;
		margin-bottom: 8px;
		overflow: visible;
		text-overflow: initial;
		white-space: normal;
		transition: color 0.3s ease;
	}

		.hot-news-content h4 a:hover {
			color: #06a496;
		}

		.hot-news-date {
			font-size: 14px;
			color: #666;
			margin-top: 0px;
			font-family: '微软雅黑', sans-serif;
		}

		/* 响应式字体大小调整 */
	/* 基础样式 - 确保在所有设备上字体都不会过大 */
	
	.hot-news-content h4,
	.hot-news-content h4 a {
		font-size: 16px;
		display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
		margin:0;
	}
	.hot-news-date {
		font-size: 12px;
		margin-top: 5px;
	}

		/* @media (max-width: 1200px) {
			.section-title {
				font-size: clamp(16px, 1vw, 18px);
			}
			.hot-news-content h4,
			.hot-news-content h4 a {
				font-size: clamp(14px, 0.6vw, 15px);
			}
			.hot-news-date {
				font-size: clamp(12px, 0.6vw, 12px);
			}
		} */

		@media (max-width: 768px) {
			.section-title {
				font-size: clamp(14px, 1vw, 16px);
			}
			.hot-news-content h4,
			.hot-news-content h4 a {
				font-size: clamp(14px, 0.8vw, 14px);
			}
			.hot-news-date {
				font-size: clamp(11px, 0.7vw, 11px);
			}
			.hot-news-img {
				width: 45%;
			}
			.hot-news-img img {
				height: 150px;
			}
		}

		@media (max-width: 480px) {
			.section-title {
				font-size: clamp(14px, 1.5vw, 16px);
			}
			.hot-news-content h4,
			.hot-news-content h4 a {
				font-size: clamp(14px, 1vw, 14px);
			}
			.hot-news-date {
				font-size: clamp(10px, 0.8vw, 11px);
			}
			.hot-news-img {
				width: 50%;
			}
			.hot-news-img img {
				height: 120px;
			}
			/* 确保小屏幕上也是左图右文布局 */
			.hot-news-item {
				flex-direction: row !important;
				flex-wrap: nowrap !important;
				align-items: flex-start !important;
			}
		}

		/* 广告横幅 */
		.ad-banner {
			background-color: #ffffff;
			border-radius: 5px;
			overflow: hidden;
			margin: 30px 0;
			padding: 0;
			text-align: center;
			border: 1px solid #e9ecef;
		}

		.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;
		}

		/* 行情资讯样式 */
		.price-info {
			font-size: 12px;
			color: #999;
			margin-top: 5px;
			line-height: 1.3;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		
		/* 新闻标题样式 - 限制为一行 */
		.news-title {
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
			margin: 0;
			line-height: 1;
            font-size: 16px;
		}

		.news-date {
			font-size: 10px;
			color: #999;
			display: block;
			margin-top: 3px;
		}

		/* 卡片容器样式 */
			.grid-item,
			.section-content {
				background-color: #ffffff;
				border-radius: 5px;
				margin-bottom: 20px;
			}

		/* 响应式设计 - 移动端 (根据设计图二优化) */
		@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;
			}

			.search-bar {
				width: 100%;
				margin-top: 5px;
				margin-bottom: 5px;
			}

			.search-bar input {
				font-size: 13px;
				height: 34px;
			} */

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

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

			.nav-links {
				justify-content: flex-start;
				padding-bottom: 5px;
			}

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

			.nav-links a {
				font-size: 12px;
				padding: 6px 3px;
			}

			.main-content {
				padding: 0 15px;
				margin: 15px auto;
			}

			.section-title {
				font-size: 14px;
				padding-bottom: 8px;
				margin-bottom: 12px;
				border-bottom-width: 1px;
			}

			.more-link {
				font-size: 12px;
			}

			.news-list li {
				padding: 10px 0;
				border-bottom-width: 1px;
			}

			.news-list a {
				font-size: 13px;
				line-height: 1.5;
			}

			.big-img-news {
				margin-bottom: 12px;
				border-radius: 4px;

			}

			.big-img-news img {
				height: 150px;
			}

			.big-img-title {
				font-size: 14px;
				padding: 10px 8px;
			}

			.hot-news-item {
				flex-direction: column;
				margin-bottom: 15px;
				padding-bottom: 15px;
			}

			.hot-news-img {
				width: 100%;
				margin-right: 0;
				margin-bottom: 8px;
			}

			.hot-news-img img {
				height: 140px;
			}

			.hot-news-content h4 {
				font-size: 13px;
				margin-bottom: 5px;
			}

			.hot-news-date {
				font-size: 11px;
			}

			.ad-banner {
				margin: 15px 0;
				border-radius: 4px;
				border: 1px solid #eee;
			}

			.grid-item,
			.section-content {
				padding: 12px;
				margin-bottom: 15px;
				border-radius: 4px;
	
				background-color: #ffffff;
			}

			.footer-content {
				padding: 0 15px;
			}

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

			.footer-links a {
				font-size: 12px;
			}

			.copyright {
				font-size: 11px;
				line-height: 1.6;
			}
		}

		/* 响应式布局调整 */
		@media (min-width: 769px) {
			.content-grid {
				display: grid;
				grid-template-columns: 808fr 808fr 576fr;
				gap: 23px;
				margin-bottom: 0px;
			}

			.section-grid {
				display: grid;
				grid-template-columns: 1616fr 576fr;
				gap: 20px;
				margin-bottom: 10px;
			}
		
		/* 统一标题样式 */
		.section-left .section-title,
		.section-right .section-title {
			position: relative;
			margin-bottom: 18px;
			color: #333;
			font-size:20px; /* 统一字体大小 */
			font-weight: bold;
			font-family: '微软雅黑', sans-serif;
			padding-bottom: 0px;
			line-height: 32px;
		}
		
		/* 统一添加横线 */
		.section-left .section-title::after,
		.section-right .section-title::after {
			content: '';
			position: absolute;
			left: 0;
			top: 100%;
			height: 2px;
			background-color: #06a496;
			width: 100%;
		}
		
		/* 政策区域额外样式 */
		.section-left .section-title {
				grid-column: 1 / -1;
				margin-bottom: 0px;
				height: 34px;

			}
		
		
		
		.section-right .section-title .more-link {
			float: right;
			font-size: 14px;
			font-weight: normal;
			color: #999;
		}
		
		.section-right .news-list li {
			margin-bottom: 10px;
			padding-bottom: 10px;
			line-height: 1.6;
			border-bottom: 1px solid #e5e5e5;
		}
		
		.section-right .news-list li:last-child {
			border-bottom: none;
			padding-bottom: 0;
			margin-bottom: 0;
		}
		
		.section-right .news-list a {
			font-family: '微软雅黑', sans-serif;
			font-size: 14px;
			color: #333;
			font-weight: normal;
			line-height: 1.6;
			text-decoration: none;
			display: block;
		}
		
		.section-right .news-list a:hover {
			color: #4DA74D;
		}
		
		.section-right .price-info {
			font-family: '微软雅黑', sans-serif;
			font-size: 14px;
			/* color: #6d6d6d; */
			margin-top: 8px;
			line-height: 1.4;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		
		.section-right .news-date {
			font-family: '微软雅黑', sans-serif;
			font-size: 12px;
			color: #999;
			display: block;
			margin-top: 8px;
		}
		
		/* PC端.section-left基本定义 */
		.section-left {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 20px;
			}

			/* PC端特有样式增强 */
		/* 移除hover效果 */
		/* .grid-item:hover,
		.section-content:hover {
			
		} */
		}

		@media (max-width: 768px) {
			.content-grid,
			.section-grid,
			.section-left {
				display: block;
				margin-bottom: 0;
			}

			.content-grid > div,
			.section-grid > div,
			.section-left > div {
				margin-bottom: 15px;
			}
		}

		/* 平板设备适配 */
		@media (min-width: 769px) and (max-width: 992px) {
			.content-grid {
				grid-template-columns: 808fr 808fr;
				gap: clamp(1rem, 2vw, 54px);
			}

			.content-grid > div:last-child {
				grid-column: 1 / -1;
			}

			.section-grid {
				grid-template-columns: 1fr;
				gap: clamp(1rem, 2vw, 54px);
			}

			.section-left {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 15px;
			}

			.main-content {
				padding: 0 15px;
				margin: 15px auto;
			}
		}

		/* 移动设备优化 */
		@media (max-width: 480px) {
			/* 超小屏幕特定样式 - 优化移动端体验 - 左图右文模式 */
			/* 确保小屏幕上也是左图右文布局 */
			.hot-news-item {
				flex-direction: row !important;
				flex-wrap: nowrap !important;
				align-items: flex-start !important;
			}
			/* .header-top {
				padding: 12px 0;
			}

			.header-content {
				padding: 0 16px;
				flex-direction: column;
				gap: 12px;
			}

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

			.logo-section img {
				width: 36px;
				height: 36px;
			}

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

			.search-bar {
				width: 100%;
				max-width: 100%;
			}

			.search-bar input {
				height: 40px;
				font-size: 16px;
				padding-left: 20px;
				padding-right: 45px;
			}

			.search-bar button {
				font-size: 18px;
			} 

			.nav-container {
				padding: 0 12px;
			}*/
			.search-bar {
				width: 65%;
				max-width: 65%;
			}

			.nav-links {
				padding: 0px!important;
				overflow-x: auto;
				
			}
			.nav-links::-webkit-scrollbar {
					height: 0px;
				}

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

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

			.main-content {
				padding: 0 16px;
				margin: 15px auto;
			}

			.section-title {
				font-size: 16px;
				padding-bottom: 8px;
				margin-bottom: 12px;
				font-weight: 600;
			}

			.grid-item,
			.section-content {
				padding: 14px;
				margin-bottom: 16px;
				border-radius: 6px;
			}

			.big-img-news {
				margin-bottom: 16px;
				border-radius: 6px;
			}

			.big-img-news img {
				height: 180px;
				object-fit: cover;
				width: 100%;
			}

			.big-img-title {
				font-size: 16px;
				padding: 12px 10px;
				font-weight: 500;
				line-height: 1.4;
			}

			/* 左图右文新闻列表样式 */
			.news-list {
				list-style: none;
				padding: 0;
				margin: 0;
			}

			.news-list li {
				display: flex;
				align-items: center;
				padding: 10px 0;
				border-bottom: 1px solid #eee;
				gap: 12px;
			}

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

			/* .news-list li::before {
				content: '';
				display: block;
				width: 80px;
				height: 60px;
				background-image: url('https://ms.bdimg.com/pacific/0/pic/-508178808_-1807643121.png');
				background-size: cover;
				background-position: center;
				border-radius: 4px;
			} */

			.news-list a {
				flex: 1;
				font-size: 14px;
				line-height: 1.4;
				padding: 0;
				white-space: normal;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			/* 热门新闻左图右文样式 */
			.hot-news-list {
				list-style: none;
				padding: 0;
				margin: 0;
			}

			.hot-news-item {
				display: flex;
				align-items: center;
				padding: 10px 0;
				border-bottom: 1px solid #eee;
				gap: 12px;
			}

			.hot-news-item:last-child {
				border-bottom: none;
			}

			.hot-news-img {
				width: 80px;
				height: 60px;
				flex-shrink: 0;
			}

			.hot-news-img img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				border-radius: 4px;
			}

			.hot-news-content {
				flex: 1;
			}

			.hot-news-content h4 {
				margin: 0 0 4px 0;
				font-size: 14px;
				line-height: 1.4;
				font-weight: 500;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.hot-news-content a {
				color: #333;
				text-decoration: none;
			}

			.hot-news-date {
				font-size: 11px;
				color: #999;
				margin: 0;
			}

			/* 行情资讯左图右文样式 */
		.news-list .price-info {
			font-size: 11px;
			color: #666;
			margin: 4px 0;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
		}

			.news-list .news-date {
				font-size: 11px;
				color: #999;
			}

			.ad-banner {
				margin: 16px 0;
				border-radius: 6px;
				overflow: hidden;
			}

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

			.footer-links li {
				margin: 0 6px 8px 6px;
			}

			.footer-links a {
				font-size: 13px;
			}

			.copyright {
				font-size: 12px;
				line-height: 1.8;
				margin-top: 10px;
			}
			
			/* 触摸反馈优化 */
			.search-bar button,
			.nav-links a,
			.news-list a,
			.hot-news-content a {
				transition: transform 0.1s ease;
			}

			.search-bar button:active,
			.nav-links a:active,
			.news-list a:active,
			.hot-news-content a:active {
				transform: scale(0.95);
			}
		}

		/* 横屏移动设备适配 */
		@media (max-width: 768px) and (orientation: landscape) {
			/* 横屏模式优化 - 左图右文模式 */
			.header-content {
				flex-direction: row;
				padding: 0 16px;
				gap: 16px;
			}

			.logo-section {
				margin-bottom: 0;
			}

			.search-bar {
				width: 200px;
			}

			.search-bar input {
				height: 36px;
				font-size: 14px;
			}

			.content-grid {
				display: grid;
				grid-template-columns: 48% 48%;
				gap: 12px;
			}

			.content-grid > div:last-child {
				grid-column: 1 / -1;
			}

			.big-img-news img {
				height: 140px;
				object-fit: cover;
			}

			.main-content {
				padding: 0 16px;
				margin: 12px auto;
			}

			.section-title {
				font-size: 15px;
			}

			/* 横屏模式左图右文新闻列表样式 */
			.news-list li {
				display: flex;
				align-items: center;
				gap: 10px;
			}

			.news-list li::before {
				width: 70px;
				height: 50px;
			}

			.news-list a {
				font-size: 13px;
				-webkit-line-clamp: 2;
			}

			/* 横屏模式热门新闻左图右文样式 */
			.hot-news-item {
				display: flex;
				align-items: center;
				gap: 10px;
			}

			.hot-news-img {
				width: 70px;
				height: 50px;
			}

			.hot-news-content h4 {
				font-size: 13px;
				-webkit-line-clamp: 2;
			}

			.hot-news-date {
				font-size: 10px;
			}

			/* 横屏模式行情资讯样式 */
			.news-list .price-info {
				font-size: 10px;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.news-list .news-date {
				font-size: 10px;
			}
		}
		.nav-links a.active {
    background-color: #068d81;
    font-weight: bold;
}
     #people2 ul li,#technology ul li,#policy2 ul li {
    padding-bottom: 14px;
    margin-bottom: 15px;
}
     #tech1 ul li .hot-news-date {
  
    margin-top: 10px;
}
#tech1 ul li .hot-news-img img {   
    height: 80px;
}
#zixun li{
    margin-bottom: 3px;
}
/*加载样式*/
.infinite-loading {
    text-align: center;
    padding: 30px 20px;
    color: #666;
    font-size: 14px;
    background-color: #f8f9fa;
    border-top: 1px solid #e9ecef;
    border-radius: 4px;
    margin: 20px 0;
    position: relative;
    overflow: hidden;
}

/* 加载动画容器 */
.loading-animation {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

/* 圆形旋转加载动画 */
.loading-spinner {
    width: 24px;
    height: 24px;
    border: 3px solid #e0e0e0;
    border-top-color: #06a496;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

/* 波浪点动画 */
.loading-dots {
    display: inline-flex;
    gap: 4px;
}

.loading-dots span {
    width: 6px;
    height: 6px;
    background-color: #06a496;
    border-radius: 50%;
    animation: wave 1.4s ease-in-out infinite both;
}

.loading-dots span:nth-child(1) {
    animation-delay: -0.32s;
}

.loading-dots span:nth-child(2) {
    animation-delay: -0.16s;
}

/* 渐变背景动画 */
.infinite-loading::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(6, 164, 150, 0.1),
        transparent
    );
    animation: shimmer 2s infinite;
}

/* 动画关键帧 */
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes wave {
    0%, 80%, 100% {
        transform: scale(0);
    }
    40% {
        transform: scale(1);
    }
}

@keyframes shimmer {
    to {
        left: 100%;
    }
}

/* 加载文本样式 */
.loading-text {
    color: #06a496;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.5px;
}

/* 加载完成样式 */
.no-more-data {
    color: #999;
    font-size: 13px;
    font-style: italic;
}