
.article-view .article-body{
	max-width: 860px;
	margin: 0 auto;
	color: var(--gray01);
	line-height: 1.9;
}
.article-view .article-body .meta{
	margin: 8px 0 28px;
	font-size: 0.95rem;
	color: var(--gray02);
	font-weight: 600;
}
.article-view .article-body .lead{
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--black);
	background: linear-gradient(90deg, #fff1f4 0%, #f3f7ff 100%);
	padding: 24px 28px;
	border-radius: 16px;
	border-left: 5px solid var(--red);
	box-shadow: inset 8px 0 0 var(--blue);
}
.article-view .article-body .article-cover{
	margin: 36px 0;
	border-radius: 20px;
	overflow: hidden;
}
.article-view .article-body .article-cover img{
	width: 100%;
	display: block;
}
.article-view .article-body h2{
	margin-top: 48px;
	margin-bottom: 16px;
	font-size: 1.75rem;
	font-weight: 800;
	color: var(--black);
}
.article-view .article-body h3{
	margin-top: 28px;
	margin-bottom: 10px;
	font-size: 1.125rem;
	font-weight: 800;
	color: var(--blue);
}
.article-view .article-body p{
	margin-bottom: 14px;
	font-size: 1.0625rem;
	color: var(--gray01);
}
.article-view .article-body .faq-box{
	border: 1px solid var(--gray06);
	border-radius: 16px;
	padding: 24px 28px;
	background: #fff;
}
.article-view .article-body .tags{
	margin-top: 40px;
	color: var(--blue);
	font-weight: 700;
}
.article-view .article-actions{
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	justify-content: center;
}
.article-view .article-actions .btn{
	background: var(--blue);
	color: #fff;
}
.article-view .article-actions .btn span,
.article-view .article-actions .btn i{
	color: #fff;
}
#subNav .tit{
	font-size: 2.25rem;
	text-transform: none;
}
#subNav .tit_desc{
	color: var(--gray02);
}
