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/style.css

@@ -75,6 +75,34 @@ body {
 @media (max-width: 620px) {
   .brand { display: none; }
 }
+.contact-mail {
+  position: absolute;
+  right: 20px;
+  top: 12px;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  border-radius: 8px;
+  border: none;
+  background: transparent;
+  color: var(--muted);
+  text-decoration: none;
+  transition: color 0.15s, background 0.15s;
+}
+.contact-mail:hover {
+  color: var(--text);
+  background: rgba(255, 255, 255, 0.06);
+}
+.contact-mail:focus-visible {
+  outline: 2px solid var(--sel);
+  outline-offset: 2px;
+}
+.contact-mail-icon {
+  display: block;
+}
 .main-tabs {
   display: flex;
   justify-content: center;
@@ -1609,6 +1637,17 @@ body:has(#items-view:not(.hidden)) {
   color: var(--muted);
   font-size: 14px;
 }
+.patches-site-version {
+  width: min(820px, 92%);
+  padding: 4px 0 28px;
+  text-align: center;
+  font-size: 11px;
+  font-weight: 500;
+  color: var(--muted);
+  letter-spacing: 0.08em;
+  opacity: 0.55;
+  user-select: none;
+}
 .patch-section {
   margin-top: 26px;
 }