v0.4.1: OSS skill videos, site version footer, and mail contact.

Host ability demos on Aliyun OSS instead of Pages bundles; add patches-page version label and top-right mailto link; improve spirit bear portrait export.

Co-authored-by: Cursor <cursoragent@cursor.com>

web/relations/index.html

@@ -12,6 +12,16 @@
       <img class="brand-logo" src="ui-icon/dota2_logo.png" alt="Dota 2" />
       <span class="brand-title">上分帝</span>
     </div>
+    <a
+      class="contact-mail"
+      href="mailto:c9mhs8vfmuyv@outlook.com"
+      aria-label="邮件联系"
+      title="c9mhs8vfmuyv@outlook.com"
+    >
+      <svg class="contact-mail-icon" viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" focusable="false">
+        <path fill="currentColor" d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z"/>
+      </svg>
+    </a>
     <nav class="main-tabs" aria-label="主分页">
       <button type="button" class="main-tab active" data-page="heroes">英雄</button>
       <button type="button" class="main-tab" data-page="items">物品</button>
@@ -55,11 +65,13 @@
       <select id="patch-select" aria-label="选择版本"></select>
     </div>
     <div class="patches-detail" id="patches-detail"></div>
+    <footer class="patches-site-version" id="patches-site-version" aria-hidden="true"></footer>
   </main>
 
   <section class="detail" id="detail" aria-live="polite"></section>
 
-  <script src="/router.js"></script>
-  <script src="/app.js"></script>
+  <script src="/config.js?v=0.4.1"></script>
+  <script src="/router.js?v=0.4.1"></script>
+  <script src="/app.js?v=0.4.1"></script>
 </body>
 </html>