* {
				font-family: PingFang SC Regular;
			}

			/* 英雄区域样式 */
			.hero {
				background: url('../static/img/banner_news.png') center/cover no-repeat;
				position: relative;
				overflow: hidden;
				padding-top: 60px;
			}

			.hero-content {
				display: flex;
				align-items: center;
				height: 360px;
			}

			.hero-text {
				flex: 1;
				padding-right: 40px;
			}

			.hero-text h1 {
				color: #303133;
				margin-bottom: 20px;
				line-height: 1.1;
				font-size: 36px;
				font-family: PingFang SC Regular;
				font-weight: 500;
			}

			.hero-text p {
				font-size: 18px;
				color: #191919;
				font-weight: 500;
				font-family: PingFang SC Regular;
			}

			/* 面包屑导航 */
			.breadcrumb {
				padding: 20px 0;
				font-size: 14px;
				color: #909399;
				border-bottom: 1px solid #f5f5f5;
			}

			.breadcrumb a {
				color: #909399;
				text-decoration: none;
			}

			.breadcrumb a:hover {
				color: #165DFF;
			}

			.breadcrumb span:last-child {
				color: #606266;
			}

			/* 新闻详情区域 */
			.news-detail {
				padding: 40px 0;
				background: #fafbfc;
			}

			.news-content {
				background: white;
				border-radius: 4px;
				padding: 32px
			}

			.news-header {
				text-align: left;
				border-bottom: 1px solid #EBEEF5;
			}

			.news-header h1 {
				font-size: 20px;
				color: #303133;
				margin-bottom: 20px;
				line-height: 1.4;
			}

			.news-meta {
				display: flex;
				justify-content: space-between;
				align-items: center;
				color: #909399;
				font-size: 14px;
				margin-bottom: 20px;
			}

			.news-meta .source {
				display: flex;
				align-items: center;
				margin-right: 20px;
			}

			.news-meta .source img {
				height: 20px;
				margin-right: 6px;
			}

			.news-meta .date {
				margin-right: 20px;
			}

			.news-meta .views {
				display: flex;
				align-items: center;
				line-height: 1;
			}

			.news-meta .views img {
				height: 16px;
				margin-right: 5px;
			}

			.news-body {
				padding: 15px 0;
				margin: 0 auto;
				font-size: 16px;
				line-height: 1.8;
				color: #606266;
			}

			.news-body img {
				max-width: 100%;
				height: auto;
				margin: 30px 0;
				border-radius: 8px;
			}

			.quote {
				border-left: 4px solid #165DFF;
				padding-left: 15px;
				margin: 30px 0;
				color: #606266;
				font-style: italic;
			}

			.news-body h1 {
				font-size:16px;
				font-weight: bold;
				margin: 15px 0 10px;
				color: #333;
			}
			.news-body p {
				font-size:16px;
				color: #606266;
			}

			/* 标签和分享 */
			.news-tags-share {
				max-width: 800px;
				margin: 40px auto 0;
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding-top: 20px;
				border-top: 1px solid #f5f5f5;
			}

			.tags {
				display: flex;
				flex-wrap: wrap;
				gap: 10px;
			}

			.tag {
				display: inline-block;
				padding: 5px 12px;
				background-color: #f5f7fa;
				color: #606266;
				font-size: 12px;
				border-radius: 12px;
				text-decoration: none;
			}

			.tag:hover {
				background-color: #e8ebf0;
			}

			.share {
				display: flex;
				align-items: center;
				gap: 10px;
			}

			.share-text {
				font-size: 14px;
				color: #606266;
			}

			.share-icon {
				width: 32px;
				height: 32px;
				display: flex;
				align-items: center;
				justify-content: center;
				border-radius: 50%;
				background-color: #f5f7fa;
				color: #606266;
				text-decoration: none;
				transition: all 0.3s;
			}

			.share-icon:hover {
				background-color: #165DFF;
				color: white;
			}

			/* 相关文章 */
			.related-news {
				padding: 40px 0;
				background-color: #f9fafb;
			}

			.related-news h3 {
				font-size: 20px;
				color: #303133;
				margin-bottom: 30px;
				padding-bottom: 10px;
				border-bottom: 2px solid #165DFF;
				display: inline-block;
			}

			.related-list {
				display: flex;
				flex-wrap: wrap;
				gap: 20px;
			}

			.related-item {
				flex: 1;
				min-width: 300px;
				background-color: white;
				border-radius: 8px;
				overflow: hidden;
				box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
				transition: transform 0.3s;
			}

			.related-item:hover {
				transform: translateY(-5px);
			}

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

			.related-content {
				padding: 20px;
			}

			.related-title {
				font-size: 16px;
				color: #303133;
				margin-bottom: 10px;
				line-height: 1.4;
				text-decoration: none;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				overflow: hidden;
			}

			.related-title:hover {
				color: #165DFF;
			}

			.related-date {
				font-size: 12px;
				color: #909399;
			}

			/* 上下篇导航 */
			.news-navigation {
				max-width: 800px;
				/* margin: 30px auto 0; */
				padding-top: 20px;
				border-top: 1px solid #f5f5f5;
			}

			.news-nav-item {
				display: flex;
				align-items: center;
				padding: 10px 0;
				border-bottom: 1px dashed #f0f0f0;
			}

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

			.nav-label {
				flex: 0 0 60px;
				font-size: 14px;
				color: #303133;
			}

			.nav-link {
				flex: 1;
				font-size: 14px;
				color: #606266;
				text-decoration: none;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.nav-link:hover {
				color: #165DFF;
				text-decoration: underline;
			}

			/* 免责声明 */
			.disclaimer {
				max-width: 800px;
				margin: 40px  0;
				/* padding: 20px; */
				/* background-color: #f9fafb; */
				border-radius: 8px;
				font-size: 14px;
				color: #606266;
				line-height: 1.6;
			}

			.disclaimer strong {
				color: #303133;
			}

			/* 响应式调整 */
			@media (max-width: 768px) {
				.hero-content {
					flex-direction: column;
					height: auto;
					padding: 40px 0;
				}

				.hero-text {
					padding-right: 0;
					margin-bottom: 30px;
					text-align: center;
				}

				.hero-text h1 {
					font-size: 32px;
				}

				.news-header h1 {
					font-size: 24px;
				}

				.news-meta {
					flex-wrap: wrap;
					justify-content: flex-start;
					padding-left: 15px;
				}

				.news-tags-share {
					flex-direction: column;
					align-items: flex-start;
					gap: 15px;
				}

				.related-item {
					min-width: 100%;
				}
			}