diff --git a/release/SpineParticles宣传物料/cn.png b/release/SpineParticles宣传物料/cn.png
new file mode 100644
index 0000000..6582189
Binary files /dev/null and b/release/SpineParticles宣传物料/cn.png differ
diff --git a/release/SpineParticles宣传物料/cn1.png b/release/SpineParticles宣传物料/cn1.png
new file mode 100644
index 0000000..89c9b39
Binary files /dev/null and b/release/SpineParticles宣传物料/cn1.png differ
diff --git a/release/SpineParticles宣传物料/cn2.png b/release/SpineParticles宣传物料/cn2.png
new file mode 100644
index 0000000..96d95ee
Binary files /dev/null and b/release/SpineParticles宣传物料/cn2.png differ
diff --git a/release/SpineParticles宣传物料/en.png b/release/SpineParticles宣传物料/en.png
new file mode 100644
index 0000000..b306bda
Binary files /dev/null and b/release/SpineParticles宣传物料/en.png differ
diff --git a/release/SpineParticles宣传物料/en1.png b/release/SpineParticles宣传物料/en1.png
new file mode 100644
index 0000000..61d8eae
Binary files /dev/null and b/release/SpineParticles宣传物料/en1.png differ
diff --git a/release/SpineParticles宣传物料/en2.png b/release/SpineParticles宣传物料/en2.png
new file mode 100644
index 0000000..7d80622
Binary files /dev/null and b/release/SpineParticles宣传物料/en2.png differ
diff --git a/release/SpineParticles宣传物料/hk.png b/release/SpineParticles宣传物料/hk.png
new file mode 100644
index 0000000..e69a2d0
Binary files /dev/null and b/release/SpineParticles宣传物料/hk.png differ
diff --git a/release/SpineParticles宣传物料/hk1.png b/release/SpineParticles宣传物料/hk1.png
new file mode 100644
index 0000000..16bcb63
Binary files /dev/null and b/release/SpineParticles宣传物料/hk1.png differ
diff --git a/release/SpineParticles宣传物料/hk2.png b/release/SpineParticles宣传物料/hk2.png
new file mode 100644
index 0000000..abab1bc
Binary files /dev/null and b/release/SpineParticles宣传物料/hk2.png differ
diff --git a/release/SpineParticles宣传物料/ja.png b/release/SpineParticles宣传物料/ja.png
new file mode 100644
index 0000000..f6f22e0
Binary files /dev/null and b/release/SpineParticles宣传物料/ja.png differ
diff --git a/release/SpineParticles宣传物料/ja1.png b/release/SpineParticles宣传物料/ja1.png
new file mode 100644
index 0000000..b7b24a7
Binary files /dev/null and b/release/SpineParticles宣传物料/ja1.png differ
diff --git a/release/SpineParticles宣传物料/ja2.png b/release/SpineParticles宣传物料/ja2.png
new file mode 100644
index 0000000..af60fad
Binary files /dev/null and b/release/SpineParticles宣传物料/ja2.png differ
diff --git a/release/SpineParticles宣传物料/封面.psd b/release/SpineParticles宣传物料/封面.psd
new file mode 100644
index 0000000..a88e9ca
Binary files /dev/null and b/release/SpineParticles宣传物料/封面.psd differ
diff --git a/release/SpineThumbnailGenerateServer站点/assets/download/SpineThumbnailGenerateServer.eagleplugin b/release/SpineThumbnailGenerateServer站点/assets/download/SpineThumbnailGenerateServer.eagleplugin
new file mode 100644
index 0000000..29bb48f
Binary files /dev/null and b/release/SpineThumbnailGenerateServer站点/assets/download/SpineThumbnailGenerateServer.eagleplugin differ
diff --git a/release/SpineThumbnailGenerateServer站点/assets/logo.png b/release/SpineThumbnailGenerateServer站点/assets/logo.png
index 4ef2ca1..742e25a 100644
Binary files a/release/SpineThumbnailGenerateServer站点/assets/logo.png and b/release/SpineThumbnailGenerateServer站点/assets/logo.png differ
diff --git a/release/SpineThumbnailGenerateServer站点/assets/promo-banner.jpg b/release/SpineThumbnailGenerateServer站点/assets/promo-banner.jpg
index a1d71b6..db8feff 100644
Binary files a/release/SpineThumbnailGenerateServer站点/assets/promo-banner.jpg and b/release/SpineThumbnailGenerateServer站点/assets/promo-banner.jpg differ
diff --git a/release/SpineThumbnailGenerateServer站点/index.html b/release/SpineThumbnailGenerateServer站点/index.html
index 35fbc0a..76b8c11 100644
--- a/release/SpineThumbnailGenerateServer站点/index.html
+++ b/release/SpineThumbnailGenerateServer站点/index.html
@@ -8,10 +8,10 @@
 <meta property="og:title" content="SpineThumbnails — Eagle 插件">
 <meta property="og:description" content="识别、配对、渲染一次完成。为 Eagle 中的 Spine 导出资源自动生成静态或动态缩略图。">
 <meta property="og:type" content="website">
-<meta property="og:image" content="assets/promo-banner.jpg">
+<meta property="og:image" content="assets/promo-banner.jpg?v=2">
 <meta name="theme-color" content="#16161b">
-<link rel="icon" href="assets/logo.png">
-<link rel="stylesheet" href="style.css">
+<link rel="icon" href="assets/logo.png?v=2">
+<link rel="stylesheet" href="style.css?v=4">
 <noscript><style>.reveal { opacity: 1; transform: none; }</style></noscript>
 <script>
 	try {
@@ -19,13 +19,47 @@
 		document.documentElement.dataset.theme = savedTheme || 'dark';
 	} catch (error) {}
 </script>
+<!-- Matomo -->
+<script>
+	(function() {
+		var host = location.hostname.toLowerCase();
+		var localHost = location.protocol === 'file:' ||
+			host === 'localhost' ||
+			host === '127.0.0.1' ||
+			host === '0.0.0.0' ||
+			host === '::1' ||
+			host === '[::1]' ||
+			host.endsWith('.localhost') ||
+			host.endsWith('.local') ||
+			/^10\./.test(host) ||
+			/^192\.168\./.test(host) ||
+			/^172\.(1[6-9]|2\d|3[01])\./.test(host);
+		if (localHost) return;
+
+		var _paq = window._paq = window._paq || [];
+		_paq.push(['trackPageView']);
+		_paq.push(['enableLinkTracking']);
+		var u = "//web-analysis.yeomai.site/";
+		_paq.push(['setTrackerUrl', u + 'matomo.php']);
+		_paq.push(['setSiteId', '3']);
+		var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
+		g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s);
+		document.addEventListener('click', function(event) {
+			var link = event.target.closest && event.target.closest('a[download]');
+			if (!link) return;
+			var file = (link.getAttribute('href') || '').split('/').pop();
+			_paq.push(['trackEvent', 'Download', 'direct', file]);
+		});
+	})();
+</script>
+<!-- End Matomo Code -->
 </head>
 <body>
 
 <header class="topbar">
 	<div class="wrap topbar-inner">
 		<a class="brand" href="#top">
-			<img src="assets/logo.png" alt="SpineThumbnails 图标" width="30" height="30">
+			<img src="assets/logo.png?v=2" alt="SpineThumbnails 图标" width="30" height="30">
 			<span class="brand-name">SpineThumbnails</span>
 			<span class="brand-ver">v1.0.0</span>
 		</a>
@@ -41,7 +75,7 @@
 				<svg class="icon-sun" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="4.2"/><path d="M12 2.5v2.4M12 19.1v2.4M2.5 12h2.4M19.1 12h2.4M5.2 5.2l1.7 1.7M17.1 17.1l1.7 1.7M18.8 5.2l-1.7 1.7M6.9 17.1l-1.7 1.7"/></svg>
 				<svg class="icon-moon" viewBox="0 0 24 24" aria-hidden="true"><path d="M20 14.2A8.2 8.2 0 0 1 9.8 4a8.4 8.4 0 1 0 10.2 10.2z"/></svg>
 			</button>
-			<a class="btn btn-primary btn-sm" href="https://community-cn.eagle.cool/plugins?search=Spine%E7%BC%A9%E7%95%A5%E5%9B%BE" target="_blank" rel="noopener">获取插件</a>
+			<a class="btn btn-primary btn-sm" href="https://community-cn.eagle.cool/plugins?search=Spine%E7%BC%A9%E7%95%A5%E5%9B%BE" target="_blank" rel="noopener">前往Eagle社区获取插件</a>
 		</div>
 	</div>
 </header>
@@ -51,7 +85,7 @@
 		<div class="hero-glow" aria-hidden="true"></div>
 		<div class="wrap hero-grid">
 			<div class="hero-copy">
-				<span class="pill"><i class="dot" aria-hidden="true"></i>Eagle 插件 · 自动资源配对</span>
+				<span class="pill"><i class="dot" aria-hidden="true"></i>Eagle 插件</span>
 				<h1>导入完成，<br><span class="grad">缩略图自动就位</span></h1>
 				<p class="hero-sub">
 					SpineThumbnails 识别 Eagle 中导入的 Spine 骨骼、Atlas 与贴图，
@@ -59,8 +93,9 @@
 					从版本识别到渲染、写入、进度反馈，一次完成。
 				</p>
 				<div class="hero-cta">
-					<a class="btn btn-primary" href="https://community-cn.eagle.cool/plugins?search=Spine%E7%BC%A9%E7%95%A5%E5%9B%BE" target="_blank" rel="noopener">前往插件页</a>
-					<a class="link-arrow" href="#workflow">了解工作流程 →</a>
+					<a class="btn btn-primary" href="https://community-cn.eagle.cool/plugins?search=Spine%E7%BC%A9%E7%95%A5%E5%9B%BE" target="_blank" rel="noopener">前往Eagle社区获取插件</a>
+					<a class="btn btn-download" href="assets/download/SpineThumbnailGenerateServer.eagleplugin" download>直接下载</a>
+					<a class="btn btn-ghost" href="#workflow">了解工作流程</a>
 				</div>
 				<ul class="stats">
 					<li><b>9</b><span>Spine 版本<br>3.4 – 4.3</span></li>
@@ -74,7 +109,7 @@
 					<figcaption>SpineThumbnails 1.0.0 · 插件主界面</figcaption>
 				</figure>
 				<div class="badge-chip reveal">
-					<img src="assets/logo.png" alt="" width="24" height="24">
+					<img src="assets/logo.png?v=2" alt="" width="24" height="24">
 					<span>首次使用默认关闭自动生成，只有主动开启后才会处理新导入的素材。</span>
 				</div>
 			</div>
@@ -144,7 +179,7 @@
 				<article class="feature-card reveal">
 					<div class="f-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M6 3.5v11"/><circle cx="18" cy="6" r="2.6"/><circle cx="6" cy="17.5" r="2.6"/><path d="M18 8.6a9 9 0 0 1-9 8.9"/></svg></div>
 					<h3>9 个运行版本</h3>
-					<p>从 JSON 版本字段或 SKEL 二进制头部识别 Spine 版本，自动匹配 3.4–4.3 对应的本地运行时。</p>
+					<p>从 JSON 版本字段或 SKEL 二进制头部识别 Spine 版本，自动匹配 3.4–4.3 对应的运行时。</p>
 				</article>
 				<article class="feature-card reveal">
 					<div class="f-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M4 5h16v14H4z"/><path d="M8 9h8M8 13h5"/><path d="M16 15l2 2 3-4"/></svg></div>
@@ -211,13 +246,6 @@
 			</div>
 			<div class="mode-grid">
 				<article class="mode-card reveal">
-					<div class="mode-visual static" aria-hidden="true">
-						<span class="pose-ring"></span>
-						<span class="pose-bone b1"></span>
-						<span class="pose-bone b2"></span>
-						<span class="pose-bone b3"></span>
-						<span class="mode-file">PNG</span>
-					</div>
 					<div class="mode-copy">
 						<span class="mode-label">STATIC</span>
 						<h3>静帧 · setup pose</h3>
@@ -230,13 +258,6 @@
 					</div>
 				</article>
 				<article class="mode-card reveal">
-					<div class="mode-visual animated" aria-hidden="true">
-						<span class="motion-dot d1"></span>
-						<span class="motion-dot d2"></span>
-						<span class="motion-dot d3"></span>
-						<span class="motion-line"></span>
-						<span class="mode-file">WEBP</span>
-					</div>
 					<div class="mode-copy">
 						<span class="mode-label">ANIMATED</span>
 						<h3>动态 · 首个动画</h3>
@@ -257,7 +278,7 @@
 			<div class="section-head reveal">
 				<span class="kicker">SUPPORTED</span>
 				<h2>覆盖 Spine 3.4 – 4.3</h2>
-				<p class="section-lead">支持 JSON、SKEL、SKEL.BYTES、ATLAS 与 ATLAS.TXT，使用与皮肤和约束相匹配的本地运行时渲染。</p>
+				<p class="section-lead">支持 JSON、SKEL、SKEL.BYTES、ATLAS 与 ATLAS.TXT，使用与皮肤和约束相匹配的运行时渲染。</p>
 			</div>
 			<ul class="v-chips reveal" aria-label="支持的 Spine 版本">
 				<li>3.4</li><li>3.5</li><li>3.6</li><li>3.7</li><li class="sep" aria-hidden="true">·</li>
@@ -312,7 +333,7 @@
 					<strong>在 Eagle 插件社区获取 SpineThumbnails</strong>
 					<span class="dl-meta">搜索“Spine缩略图”，或直接打开 Eagle 插件社区。</span>
 				</span>
-				<span class="btn btn-primary">前往插件页 →</span>
+				<span class="btn btn-primary">前往Eagle社区获取插件</span>
 			</a>
 			<ol class="install-steps reveal">
 				<li>
@@ -366,7 +387,7 @@
 <footer class="footer">
 	<div class="wrap footer-inner">
 		<div class="foot-brand">
-			<img src="assets/logo.png" alt="" width="34" height="34">
+			<img src="assets/logo.png?v=2" alt="" width="34" height="34">
 			<div>
 				<strong>SpineThumbnails</strong>
 					<span>Eagle 插件 · v1.0.0</span>
diff --git a/release/SpineThumbnailGenerateServer站点/style.css b/release/SpineThumbnailGenerateServer站点/style.css
index 0de8fa1..484e40d 100644
--- a/release/SpineThumbnailGenerateServer站点/style.css
+++ b/release/SpineThumbnailGenerateServer站点/style.css
@@ -211,6 +211,14 @@ html[data-theme="dark"] .icon-moon { display: none; }
 
 .btn-ghost:hover { border-color: color-mix(in srgb, var(--cyan) 45%, var(--border)); transform: translateY(-1px); }
 
+.btn-download {
+	background: linear-gradient(135deg, #1976d2, #4fc1ff);
+	color: #fff;
+	box-shadow: 0 10px 26px rgba(25, 118, 210, .28);
+}
+
+.btn-download:hover { transform: translateY(-1px); box-shadow: 0 14px 30px rgba(25, 118, 210, .36); }
+
 .btn-sm { padding: 8px 15px; font-size: 13px; border-radius: 9px; }
 
 .link-arrow {
@@ -1282,123 +1290,6 @@ html[data-theme="light"] .viewer {
 	box-shadow: var(--card-shadow);
 }
 
-.mode-visual {
-	position: relative;
-	height: 190px;
-	overflow: hidden;
-	border-bottom: 1px solid var(--border);
-	background:
-		linear-gradient(130deg, color-mix(in srgb, var(--accent) 15%, var(--panel-2)), transparent 62%),
-		radial-gradient(240px 180px at 78% 22%, color-mix(in srgb, var(--cyan) 15%, transparent), transparent 70%),
-		var(--panel-2);
-}
-
-.mode-visual::before {
-	content: "";
-	position: absolute;
-	inset: 0;
-	opacity: .32;
-	background-image:
-		linear-gradient(color-mix(in srgb, var(--text-dim) 12%, transparent) 1px, transparent 1px),
-		linear-gradient(90deg, color-mix(in srgb, var(--text-dim) 12%, transparent) 1px, transparent 1px);
-	background-size: 28px 28px;
-	mask-image: linear-gradient(to bottom right, #000, transparent 78%);
-}
-
-.pose-ring {
-	position: absolute;
-	left: 50%;
-	top: 50%;
-	width: 112px;
-	height: 112px;
-	border: 1px solid color-mix(in srgb, var(--accent) 55%, transparent);
-	border-radius: 50%;
-	transform: translate(-50%, -50%);
-	box-shadow: 0 0 44px color-mix(in srgb, var(--accent) 18%, transparent);
-}
-
-.pose-bone {
-	position: absolute;
-	left: 50%;
-	top: 50%;
-	height: 7px;
-	width: 138px;
-	border-radius: 999px;
-	background: linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent-2) 75%, #fff));
-	transform-origin: 12% 50%;
-	box-shadow: 0 0 16px color-mix(in srgb, var(--accent) 35%, transparent);
-}
-
-.pose-bone::before,
-.pose-bone::after {
-	content: "";
-	position: absolute;
-	top: 50%;
-	width: 18px;
-	height: 18px;
-	border-radius: 50%;
-	border: 5px solid var(--panel);
-	background: #fff;
-	transform: translateY(-50%);
-	box-shadow: 0 2px 10px rgba(0, 0, 0, .28);
-}
-
-.pose-bone::before { left: -8px; }
-.pose-bone::after { right: -8px; }
-.pose-bone.b1 { transform: translate(-46px, -48px) rotate(24deg); }
-.pose-bone.b2 { transform: translate(-18px, 3px) rotate(-28deg); }
-.pose-bone.b3 { transform: translate(-56px, -21px) rotate(67deg); }
-
-.motion-line {
-	position: absolute;
-	left: 18%;
-	right: 18%;
-	top: 50%;
-	height: 2px;
-	transform: rotate(-9deg);
-	background: linear-gradient(90deg, transparent, var(--cyan), transparent);
-	opacity: .7;
-}
-
-.motion-dot {
-	position: absolute;
-	width: 58px;
-	height: 58px;
-	border-radius: 17px;
-	border: 1px solid color-mix(in srgb, var(--cyan) 45%, var(--border));
-	background: color-mix(in srgb, var(--panel) 86%, transparent);
-	box-shadow: 0 12px 30px rgba(0, 0, 0, .28);
-}
-
-.motion-dot::after {
-	content: "";
-	position: absolute;
-	left: 13px;
-	top: 14px;
-	width: 28px;
-	height: 28px;
-	border-radius: 8px;
-	background: linear-gradient(135deg, var(--accent), var(--accent-2));
-	box-shadow: inset 0 0 0 6px rgba(255, 255, 255, .12);
-}
-
-.motion-dot.d1 { left: 18%; top: 24px; transform: rotate(-14deg) scale(.72); opacity: .45; }
-.motion-dot.d2 { left: 42%; top: 64px; transform: rotate(6deg); }
-.motion-dot.d3 { right: 18%; top: 34px; transform: rotate(16deg) scale(.78); opacity: .55; }
-
-.mode-file {
-	position: absolute;
-	right: 16px;
-	bottom: 14px;
-	padding: 5px 10px;
-	border: 1px solid color-mix(in srgb, var(--cyan) 42%, var(--border));
-	border-radius: 999px;
-	background: color-mix(in srgb, var(--panel) 86%, transparent);
-	color: var(--cyan);
-	font: 700 10.5px/1.4 ui-monospace, "SFMono-Regular", Consolas, monospace;
-	letter-spacing: .12em;
-}
-
 .mode-copy { padding: 24px; }
 
 .mode-label {
@@ -1458,6 +1349,5 @@ html[data-theme="light"] .viewer {
 @media (max-width: 520px) {
 	.safety-band { padding: 42px 0; }
 	.safety-grid li { padding: 18px 18px 18px 54px; }
-	.mode-visual { height: 170px; }
 	.mode-copy { padding: 20px; }
 }
diff --git a/release/SpineViewer站点/assets/demo/raptor/embedded.js b/release/SpineViewer站点/assets/demo/raptor/embedded.js
index d50d296..66adaeb 100644
--- a/release/SpineViewer站点/assets/demo/raptor/embedded.js
+++ b/release/SpineViewer站点/assets/demo/raptor/embedded.js
@@ -1,6 +1,6 @@
 // 官方 Raptor 示例（Spine 4.3.75-beta 导出）的 JS 内嵌副本。
 // 用途：以 file:// 直接打开页面时，浏览器不允许 fetch 本地文本，本地图片也会污染画布，
-// 这里预先内嵌 JSON、Atlas 与贴图的 data URL，保证离线与 file:// 场景下同样可以渲染。
+// 这里预先内嵌 JSON、Atlas 与贴图的 data URL，保证 file:// 场景下同样可以渲染。
 // 数据来源：Esoteric Software spine-runtimes 仓库 examples/raptor/export
 // 固定提交：ba17cf88b198c6531c6c51d8d4e1e4b3c3ab47dd（Spine Runtimes License，见 LICENSE.txt）。
 window.SPINE_DEMO_DATA = {
diff --git a/release/SpineViewer站点/assets/download/SpineThumbnailGenerateServer.eagleplugin b/release/SpineViewer站点/assets/download/SpineThumbnailGenerateServer.eagleplugin
new file mode 100644
index 0000000..29bb48f
Binary files /dev/null and b/release/SpineViewer站点/assets/download/SpineThumbnailGenerateServer.eagleplugin differ
diff --git a/release/SpineViewer站点/assets/download/SpineViewer.eagleplugin b/release/SpineViewer站点/assets/download/SpineViewer.eagleplugin
new file mode 100644
index 0000000..797d03b
Binary files /dev/null and b/release/SpineViewer站点/assets/download/SpineViewer.eagleplugin differ
diff --git a/release/SpineViewer站点/index.html b/release/SpineViewer站点/index.html
index 5df2313..2e0fed5 100644
--- a/release/SpineViewer站点/index.html
+++ b/release/SpineViewer站点/index.html
@@ -3,10 +3,10 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>SpineViewer — Eagle 插件 · 离线预览 Spine 骨骼动画</title>
-<meta name="description" content="SpineViewer 是一个完全离线的 Eagle 插件，在素材库中直接预览 Spine 导出的骨骼动画（skel / skel.bytes / json / atlas / atlas.txt），内置 3.4–4.3 全部官方运行时，支持动画与皮肤切换、关键帧时间轴、PMA 预乘与自动缩略图。">
+<title>SpineViewer — Eagle 插件 · Spine 骨骼动画预览</title>
+<meta name="description" content="SpineViewer 是一款 Eagle 插件，在素材库中直接预览 Spine 导出的骨骼动画（skel / skel.bytes / json / atlas / atlas.txt），内置 3.4–4.3 全部官方运行时，支持动画与皮肤切换、关键帧时间轴、PMA 预乘与自动缩略图。">
 <link rel="icon" href="assets/logo-spineviewer.png">
-<link rel="stylesheet" href="style.css">
+<link rel="stylesheet" href="style.css?v=4">
 <noscript><style>.reveal { opacity: 1; transform: none; }</style></noscript>
 <script>
 	// 提前应用主题，避免首屏闪白
@@ -15,6 +15,40 @@
 		document.documentElement.dataset.theme = saved || 'dark';
 	} catch (e) {}
 </script>
+<!-- Matomo -->
+<script>
+	(function() {
+		var host = location.hostname.toLowerCase();
+		var localHost = location.protocol === 'file:' ||
+			host === 'localhost' ||
+			host === '127.0.0.1' ||
+			host === '0.0.0.0' ||
+			host === '::1' ||
+			host === '[::1]' ||
+			host.endsWith('.localhost') ||
+			host.endsWith('.local') ||
+			/^10\./.test(host) ||
+			/^192\.168\./.test(host) ||
+			/^172\.(1[6-9]|2\d|3[01])\./.test(host);
+		if (localHost) return;
+
+		var _paq = window._paq = window._paq || [];
+		_paq.push(['trackPageView']);
+		_paq.push(['enableLinkTracking']);
+		var u = "//web-analysis.yeomai.site/";
+		_paq.push(['setTrackerUrl', u + 'matomo.php']);
+		_paq.push(['setSiteId', '3']);
+		var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
+		g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s);
+		document.addEventListener('click', function(event) {
+			var link = event.target.closest && event.target.closest('a[download]');
+			if (!link) return;
+			var file = (link.getAttribute('href') || '').split('/').pop();
+			_paq.push(['trackEvent', 'Download', 'direct', file]);
+		});
+	})();
+</script>
+<!-- End Matomo Code -->
 </head>
 <body>
 
@@ -27,7 +61,7 @@
 		</a>
 		<nav class="nav" aria-label="页面导航">
 			<a href="#features">功能特性</a>
-			<a href="#ui">实际界面</a>
+			<a href="#demo">交互演示</a>
 			<a href="#versions">支持版本</a>
 			<a href="#install">安装使用</a>
 			<a href="#faq">常见问题</a>
@@ -37,7 +71,7 @@
 				<svg class="icon-sun" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="4.2"/><path d="M12 2.5v2.4M12 19.1v2.4M2.5 12h2.4M19.1 12h2.4M5.2 5.2l1.7 1.7M17.1 17.1l1.7 1.7M18.8 5.2l-1.7 1.7M6.9 17.1l-1.7 1.7"/></svg>
 				<svg class="icon-moon" viewBox="0 0 24 24" aria-hidden="true"><path d="M20 14.2A8.2 8.2 0 0 1 9.8 4a8.4 8.4 0 1 0 10.2 10.2z"/></svg>
 			</button>
-			<a class="btn btn-primary btn-sm" href="https://community-cn.eagle.cool/plugins?search=SpineViewer" target="_blank" rel="noopener">下载插件</a>
+			<a class="btn btn-primary btn-sm" href="https://community-cn.eagle.cool/plugins?search=SpineViewer" target="_blank" rel="noopener">前往Eagle社区获取插件</a>
 		</div>
 	</div>
 </header>
@@ -49,22 +83,22 @@
 		<div class="hero-glow" aria-hidden="true"></div>
 		<div class="wrap hero-grid">
 			<div class="hero-copy">
-				<span class="pill"><i class="dot" aria-hidden="true"></i>Eagle 插件 · 完全离线 · 无 CDN</span>
+				<span class="pill"><i class="dot" aria-hidden="true"></i>Eagle 插件</span>
 				<h1>在 Eagle 里直接预览<br><span class="grad">Spine 骨骼动画</span></h1>
 				<p class="hero-sub">
 					SpineViewer 接管 <code>skel</code> / <code>skel.bytes</code> / <code>json</code> / <code>atlas</code> / <code>atlas.txt</code>，
-					自动在素材库中配对骨骼、图集与贴图，识别版本并加载本地运行时。
+					自动在素材库中配对骨骼、图集与贴图，识别版本并加载匹配的运行时。
 					点开任意一个文件，就能播放动画、切换皮肤、导出缩略图。
 				</p>
 				<div class="hero-cta">
-					<a class="btn btn-primary" href="https://community-cn.eagle.cool/plugins?search=SpineViewer" target="_blank" rel="noopener">下载插件</a>
-					<a class="btn btn-ghost" href="#ui">体验界面</a>
+					<a class="btn btn-primary" href="https://community-cn.eagle.cool/plugins?search=SpineViewer" target="_blank" rel="noopener">前往Eagle社区获取插件</a>
+					<a class="btn btn-download" href="assets/download/SpineViewer.eagleplugin" download>直接下载</a>
+					<a class="btn btn-ghost" href="#demo">显示交互演示</a>
 					<a class="link-arrow" href="#features">功能特性 →</a>
 				</div>
 				<ul class="stats">
 					<li><b>9</b><span>内置运行时版本<br>3.4 – 4.3</span></li>
 					<li><b>8</b><span>种界面语言<br>简繁英日韩俄西德</span></li>
-					<li><b>0</b><span>网络请求<br>运行时全部本地化</span></li>
 					<li><b>400px</b><span>缩略图自动生成<br>可手动更新</span></li>
 				</ul>
 			</div>
@@ -100,11 +134,6 @@
 				<p class="section-lead">下面每一项都对应插件的真实行为：跨 item 文件夹配对、旧版二进制解析、WebGL 渲染、缩略图补刷……不只是“能看动画”。</p>
 			</div>
 			<div class="features">
-				<article class="feature-card reveal">
-					<div class="f-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M12 20h.01"/><path d="M5 12.6a10 10 0 0 1 14 0"/><path d="M8.5 16.1a5 5 0 0 1 7 0"/><path d="M2.5 2.5l19 19"/></svg></div>
-					<h3>完全离线运行</h3>
-					<p>官方运行时全部拷贝在插件本地 <code>lib/</code> 目录，无 CDN、无网络请求。断网、内网环境同样可用。</p>
-				</article>
 				<article class="feature-card reveal">
 					<div class="f-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M9 15l6-6"/><path d="M10.5 6.6L12.1 5a4 4 0 0 1 5.7 5.7l-1.6 1.6"/><path d="M13.5 17.4L11.9 19a4 4 0 0 1-5.7-5.7l1.6-1.6"/></svg></div>
 					<h3>跨文件夹自动配对</h3>
@@ -118,7 +147,7 @@
 				<article class="feature-card reveal">
 					<div class="f-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="3"/><path d="M8.5 12.2l2.5 2.5 4.7-5"/></svg></div>
 					<h3>旧版二进制兼容</h3>
-					<p>3.4–3.7 的 <code>.skel</code> / <code>.skel.bytes</code> 由移植自官方 <code>SkeletonBinary</code> 的解析层处理，保留网格、权重、变形、约束、裁剪与绘制顺序，无需编译或联网。</p>
+					<p>3.4–3.7 的 <code>.skel</code> / <code>.skel.bytes</code> 由移植自官方 <code>SkeletonBinary</code> 的解析层处理，保留网格、权重、变形、约束、裁剪与绘制顺序。</p>
 				</article>
 				<article class="feature-card reveal">
 					<div class="f-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M10 8.4l6 3.6-6 3.6z"/></svg></div>
@@ -159,40 +188,14 @@
 		</div>
 	</section>
 
-	<!-- ======== 实际界面 ======== -->
-	<section class="section alt" id="ui">
+	<!-- ======== 交互演示 ======== -->
+	<section class="section alt" id="interaction">
 		<div class="wrap">
-			<div class="section-head reveal">
-				<span class="kicker">REAL UI</span>
-				<h2>实际界面</h2>
-				<p class="section-lead">截图取自下方的交互演示，与插件查看器的控件布局、文案完全一致。浮动控制栏、动画列表与时间轴全部悬浮在画布上方，不挤占预览区域。</p>
-			</div>
-
-			<div class="gallery">
-				<figure class="shot shot-main reveal">
-					<img class="zoomable" src="assets/ui-window.png" alt="查看器完整窗口截图" width="1600" height="818">
-					<figcaption>查看器窗口 · 点击可放大</figcaption>
-				</figure>
-				<div class="crop-grid">
-					<figure class="shot crop toolbar reveal">
-						<img class="zoomable" src="assets/ui-toolbar.png" alt="浮动控制栏截图" width="1600" height="72">
-						<figcaption>控制栏：皮肤、播放/暂停、循环、速度、背景、版本号、重载</figcaption>
-					</figure>
-					<figure class="shot crop animlist reveal">
-						<img class="zoomable" src="assets/ui-animlist.png" alt="动画列表截图" width="256" height="382">
-						<figcaption>动画列表：自适应宽度，条目多时独立滚动</figcaption>
-					</figure>
-					<figure class="shot crop timeline reveal">
-						<img class="zoomable" src="assets/ui-timeline.png" alt="时间轴截图" width="1600" height="90">
-						<figcaption>时间轴：时长与帧号、秒刻度、蓝色关键帧短线</figcaption>
-					</figure>
-				</div>
-			</div>
-
 			<div class="demo-block">
-				<div class="demo-head reveal">
-					<h3>交互演示</h3>
-					<p>复刻查看器的控件布局与文案，直接在页面上操作：切换动画、拖动时间轴、缩放画布试试。画面使用官方示例 <strong>Raptor</strong>（Spine 4.3.75-beta 导出，5 个动画），由 4.3 官方运行时 + 插件同款渲染模块在本地实时渲染，断网或直接双击打开同样可用。</p>
+				<div class="section-head reveal" id="demo">
+					<span class="kicker">INTERACTIVE DEMO</span>
+					<h2>交互演示</h2>
+					<p class="section-lead">复刻查看器的控件布局与文案，直接在页面上操作：切换动画、拖动时间轴、缩放画布试试。画面使用官方示例 <strong>Raptor</strong>（Spine 4.3.75-beta 导出，5 个动画），由 4.3 官方运行时 + 插件同款渲染模块实时渲染。</p>
 				</div>
 
 				<div class="viewer reveal" id="viewerDemo" tabindex="0" aria-label="SpineViewer 查看器界面交互演示">
@@ -306,7 +309,7 @@
 				<li class="step reveal">
 					<span class="step-num">03</span>
 					<h3>识别版本</h3>
-					<p>读取骨骼数据中的版本号（JSON 读 <code>skeleton.spine</code>，SKEL 读二进制头部），加载匹配的本地运行时。</p>
+					<p>读取骨骼数据中的版本号（JSON 读 <code>skeleton.spine</code>，SKEL 读二进制头部），加载匹配的运行时。</p>
 				</li>
 				<li class="step reveal">
 					<span class="step-num">04</span>
@@ -331,7 +334,7 @@
 					<strong>在 Eagle 插件社区获取 SpineViewer</strong>
 					<span class="dl-meta">插件页提供下载与安装说明；本页面不提供任何文件下载。</span>
 				</span>
-				<span class="btn btn-primary">前往插件页 →</span>
+				<span class="btn btn-primary">前往Eagle社区获取插件</span>
 			</a>
 			<p class="dl-note reveal">原生二进制需要与目标平台匹配；如需自行构建，可在源码目录执行 <code>npm ci --omit=dev</code> 后从 Eagle 插件面板打包。</p>
 
@@ -412,7 +415,7 @@
 	<img alt="放大查看界面截图">
 </div>
 
-<!-- 官方 Spine 4.3 运行时、插件同款渲染模块与演示示例（全部本地打包，无网络请求） -->
+<!-- 官方 Spine 4.3 运行时、插件同款渲染模块与演示示例 -->
 <script>
 	// 插件模块是 CommonJS 文件，这里用最小的 module / require 垫片在浏览器中加载它们。
 	window.__svLibs = {};
diff --git a/release/SpineViewer站点/style.css b/release/SpineViewer站点/style.css
index 3bb69c7..df6bea5 100644
--- a/release/SpineViewer站点/style.css
+++ b/release/SpineViewer站点/style.css
@@ -1,7 +1,6 @@
 /* ==========================================================================
    SpineViewer 插件介绍网站样式
    - 品牌色取自插件图标（红），查看器演示区颜色取自 viewer/spine.html
-   - 零外部依赖，可离线打开
    ========================================================================== */
 
 :root {
@@ -212,6 +211,14 @@ html[data-theme="dark"] .icon-moon { display: none; }
 
 .btn-ghost:hover { border-color: color-mix(in srgb, var(--cyan) 45%, var(--border)); transform: translateY(-1px); }
 
+.btn-download {
+	background: linear-gradient(135deg, #1976d2, #4fc1ff);
+	color: #fff;
+	box-shadow: 0 10px 26px rgba(25, 118, 210, .28);
+}
+
+.btn-download:hover { transform: translateY(-1px); box-shadow: 0 14px 30px rgba(25, 118, 210, .36); }
+
 .btn-sm { padding: 8px 15px; font-size: 13px; border-radius: 9px; }
 
 .link-arrow {
@@ -309,7 +316,7 @@ html[data-theme="dark"] .icon-moon { display: none; }
 .stats {
 	list-style: none;
 	display: grid;
-	grid-template-columns: repeat(4, 1fr);
+	grid-template-columns: repeat(3, 1fr);
 	gap: 12px;
 	padding: 0;
 	margin: 0;
@@ -516,39 +523,9 @@ html[data-theme="dark"] .f-icon { color: color-mix(in srgb, var(--accent) 80%, #
 	font-size: 12.5px;
 }
 
-/* ---------- 实际界面 ---------- */
+/* ---------- 交互演示 ---------- */
 
-.gallery { display: grid; gap: 16px; }
-
-.crop-grid {
-	display: grid;
-	grid-template-columns: minmax(170px, 215px) 1fr;
-	gap: 16px;
-	align-items: start;
-}
-
-.crop.toolbar { grid-column: 1 / -1; }
-
-.crop.animlist { grid-column: 1; }
-
-.crop.timeline { grid-column: 2; }
-
-.crop.animlist img {
-	display: block;
-	width: 100%;
-	max-width: 128px;
-	margin: 18px auto;
-	box-shadow: 0 6px 18px rgba(0, 0, 0, .35);
-	border-radius: 6px;
-}
-
-.crop.toolbar img, .crop.timeline img { border-radius: 6px; }
-
-.demo-block { margin-top: 58px; }
-
-.demo-head h3 { margin: 0 0 8px; font-size: 19px; letter-spacing: -0.01em; }
-
-.demo-head p { margin: 0 0 20px; color: var(--text-dim); font-size: 14.5px; line-height: 1.75; max-width: 780px; }
+#interaction { padding-top: 48px; }
 
 /* ---------- 查看器界面复刻（配色与 viewer/spine.html 一致） ---------- */
 
@@ -1153,9 +1130,6 @@ html[data-theme="light"] .viewer {
 @media (max-width: 1020px) {
 	.hero-grid { grid-template-columns: 1fr; gap: 36px; }
 	.stats { grid-template-columns: repeat(2, 1fr); }
-	.crop-grid { grid-template-columns: 1fr; }
-	.crop.toolbar, .crop.animlist, .crop.timeline { grid-column: 1; }
-	.crop.animlist img { max-width: 132px; }
 }
 
 @media (max-width: 880px) {
@@ -1181,7 +1155,7 @@ html[data-theme="light"] .viewer {
 
 @media (max-width: 520px) {
 	.wrap { padding: 0 16px; }
-	.stats { grid-template-columns: 1fr 1fr; gap: 10px; }
+	.stats { grid-template-columns: 1fr; gap: 10px; }
 	.brand-ver { display: none; }
 	.viewer { height: 520px; }
 	.v-tl-labels { min-width: 96px; }