/* 页面标题优化 */
	.page-title {
		background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
		border-radius: var(--radius-2xl);
		padding: 20px 30px;
		box-shadow: var(--shadow-md);
		backdrop-filter: blur(10px);
		margin-bottom: 30px;
	}

	.breadcrumb-item a {
		position: relative;
		transition: all var(--transition-base);
	}

	.breadcrumb-item a:hover {
		color: var(--primary-color) !important;
	}

	.breadcrumb-item a::after {
		content: '';
		position: absolute;
		bottom: -2px;
		left: 0;
		width: 0;
		height: 2px;
		background: var(--primary-gradient);
		transition: width var(--transition-base);
	}

	.breadcrumb-item a:hover::after {
		width: 100%;
	}

	/* 文章卡片优化 */
	.card.card-flush {
		border-radius: var(--radius-2xl);
		box-shadow: var(--shadow-xl);
		transition: all var(--transition-base);
		background: rgba(255, 255, 255, 0.98);
		backdrop-filter: blur(10px);
		overflow: hidden;
		border: 1px solid rgba(102, 126, 234, 0.1);
	}

	.card.card-flush:hover {
		box-shadow: var(--shadow-2xl);
		transform: translateY(-4px);
	}

	/* 文章标题优化 */
	.article-title {
		background: var(--primary-gradient);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		font-weight: 800;
		font-size: 2rem;
		line-height: 1.3;
		margin-bottom: 20px;
	}

	/* 文章元信息优化 */
	.article-meta {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		padding: 16px 20px;
		background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%);
		border-radius: var(--radius-xl);
		margin-bottom: 30px;
	}

	.article-meta-item {
		display: flex;
		align-items: center;
		gap: 8px;
		font-size: 0.875rem;
		color: var(--gray-600);
	}

	.article-meta-item i,
	.article-meta-item svg {
		color: var(--primary-color);
		width: 18px;
		height: 18px;
	}

	/* 文章内容优化 */
	.article-content {
		font-size: 1.05rem;
		line-height: 1.8;
		color: var(--gray-800);
	}

	.article-content p {
		margin-bottom: 1.5rem;
	}

	.article-content h1,
	.article-content h2,
	.article-content h3,
	.article-content h4,
	.article-content h5,
	.article-content h6 {
		margin-top: 2.5rem;
		margin-bottom: 1.5rem;
		font-weight: 700;
		color: var(--gray-900);
	}

	.article-content h1 {
		font-size: 2rem;
		border-bottom: 3px solid rgba(102, 126, 234, 0.2);
		padding-bottom: 10px;
	}

	.article-content h2 {
		font-size: 1.75rem;
		border-left: 4px solid var(--primary-color);
		padding-left: 16px;
	}

	.article-content h3 {
		font-size: 1.5rem;
		color: var(--primary-color);
	}

	.article-content a {
		color: var(--primary-color);
		text-decoration: none;
		position: relative;
		transition: all var(--transition-base);
	}

	.article-content a::after {
		content: '';
		position: absolute;
		bottom: -2px;
		left: 0;
		width: 0;
		height: 2px;
		background: var(--primary-gradient);
		transition: width var(--transition-base);
	}

	.article-content a:hover::after {
		width: 100%;
	}

	.article-content a:hover {
		color: var(--secondary-color);
	}

	/* 代码块优化 */
	pre {
		background: var(--gray-900) !important;
		border-radius: var(--radius-xl);
		padding: 20px;
		overflow-x: auto;
		margin: 20px 0;
		box-shadow: var(--shadow-lg);
		position: relative;
		border: 1px solid rgba(102, 126, 234, 0.2);
	}

	pre::before {
		content: 'Code';
		position: absolute;
		top: 0;
		right: 0;
		background: var(--primary-gradient);
		color: white;
		padding: 4px 12px;
		border-radius: 0 0 0 var(--radius-lg);
		font-size: 0.75rem;
		font-weight: 600;
	}

	code {
		font-family: 'Fira Code', 'Consolas', 'Monaco', monospace;
		font-size: 0.9em;
	}

	.article-content p code {
		background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
		padding: 2px 8px;
		border-radius: var(--radius-md);
		color: var(--primary-color);
		font-weight: 500;
	}

	/* 引用块优化 */
	blockquote {
		background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%);
		border-left: 4px solid var(--primary-color);
		padding: 20px 24px;
		margin: 24px 0;
		border-radius: var(--radius-lg);
		font-style: italic;
		color: var(--gray-700);
		position: relative;
	}

	blockquote::before {
		content: '"';
		font-size: 4rem;
		position: absolute;
		top: -10px;
		left: 10px;
		color: rgba(102, 126, 234, 0.2);
		font-family: Georgia, serif;
	}

	/* 图片优化 */
	.article-content img {
		max-width: 100%;
		height: auto;
		border-radius: var(--radius-xl);
		box-shadow: var(--shadow-lg);
		margin: 24px 0;
		transition: all var(--transition-base);
	}

	.article-content img:hover {
		transform: scale(1.02);
		box-shadow: var(--shadow-2xl);
	}

	/* 列表优化 */
	.article-content ul,
	.article-content ol {
		margin: 20px 0;
		padding-left: 24px;
	}

	.article-content li {
		margin-bottom: 12px;
		position: relative;
	}

	.article-content ul li::marker {
		color: var(--primary-color);
	}

	/* 表格优化 */
	.article-content table {
		width: 100%;
		border-collapse: collapse;
		margin: 24px 0;
		border-radius: var(--radius-xl);
		overflow: hidden;
		box-shadow: var(--shadow-md);
	}

	.article-content table thead {
		background: var(--primary-gradient);
		color: white;
	}

	.article-content table th,
	.article-content table td {
		padding: 16px;
		text-align: left;
		border-bottom: 1px solid var(--gray-200);
	}

	.article-content table tbody tr:hover {
		background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%);
	}

	/* 分割线优化 */
	.article-content hr {
		border: none;
		height: 2px;
		background: var(--primary-gradient);
		margin: 40px 0;
		border-radius: var(--radius-full);
	}

	/* 标签优化 */
	.article-tags {
		display: flex;
		flex-wrap: wrap;
		gap: 12px;
		margin-top: 40px;
		padding-top: 24px;
		border-top: 2px solid rgba(102, 126, 234, 0.2);
	}

	.article-tag {
		padding: 8px 16px;
		background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
		border-radius: var(--radius-full);
		color: var(--primary-color);
		font-size: 0.875rem;
		font-weight: 500;
		transition: all var(--transition-base);
		text-decoration: none;
	}

	.article-tag:hover {
		background: var(--primary-gradient);
		color: white;
		transform: translateY(-2px);
		box-shadow: var(--shadow-lg);
	}

	/* 响应式优化 */
	@media (max-width: 768px) {
		.page-title {
			padding: 15px 20px;
		}

		.article-title {
			font-size: 1.5rem;
		}

		.article-meta {
			flex-direction: column;
			gap: 12px;
		}

		.article-content {
			font-size: 1rem;
		}

		pre {
			padding: 16px;
		}
	}