<template>
	<section class="resource-section">
		<div class="section-title">📚 Resources</div>
		<ul class="resource-list">
			<li><a data-v-dd258f77="" class="VPNolebaseInlinePreviewLink" relative=""
					href="https://www.bilibili.com/video/BV1zYGozgEHc" target="_blank" rel="noreferrer">MCP Series Video
					Tutorials (Under Construction)</a></li>
			<li><a data-v-dd258f77="" class="VPNolebaseInlinePreviewLink" relative=""
					href="https://kirigaya.cn/blog/search?q=mcp" target="_blank" rel="noreferrer">Jin Hui's MCP Series
					Blog</a></li>
			<li><a data-v-dd258f77="" class="VPNolebaseInlinePreviewLink" relative=""
					href="https://kirigaya.cn/openmcp/plugin-tutorial" target="_blank" rel="noreferrer">OpenMCP Official
					Documentation</a></li>
			<li><a data-v-dd258f77="" class="VPNolebaseInlinePreviewLink" relative=""
					href="https://kirigaya.cn/openmcp/sdk-tutorial" target="_blank" rel="noreferrer">openmcp-sdk
					Official Documentation</a></li>
		</ul>
	</section>
</template>

<style>
.resource-section {
	margin-bottom: 20px;
	padding-bottom: 16px;
}

.resource-list {
	padding: 0;
	margin: 0;
	padding-left: 28px;
}

.resource-list li {
	margin-bottom: 0.75rem;
}

.resource-list a {
	color: #B988D1;
	transition: color 0.2s;
}

.resource-list a:hover {
	color: #8e5bbf;
}

.troubleshoot-section {
	margin-bottom: 32px;
}
</style>