diff --git a/index.html b/index.html
index f561094..d073bb6 100644
--- a/index.html
+++ b/index.html
@@ -266,8 +266,13 @@
     will-change:transform;
   }
 
-  /* hero animated logo */
-  h1 .hero-letter{display:inline-block;will-change:transform,opacity,color}
+  /* hero animated logo —— 每个字母自带渐变剪影（父级 -webkit-text-fill-color:transparent 不继承背景，这里补回） */
+  h1 .hero-letter{
+    display:inline-block;will-change:transform,opacity,color;
+    background:linear-gradient(135deg,var(--accent) 0%,var(--accent3) 55%,var(--accent2) 100%);
+    -webkit-background-clip:text;background-clip:text;
+    -webkit-text-fill-color:transparent;
+  }
 
   /* online badge */
   .live-badge{
@@ -1591,8 +1596,8 @@ stickys.<span class="fn">forEach</span>(s =&gt; s.<span class="fn">revert</span>
   let splitInstance = null;
   function ensureSplit() {
     if (splitInstance) splitInstance.revert && splitInstance.revert();
-    if (text && text.split) {
-      splitInstance = text.split(textTarget, { chars: { class: 'letter' } });
+    if (text && text.splitText) {
+      splitInstance = text.splitText(textTarget, { chars: { class: 'letter' } });
     }
   }
   function textDemo(kind) {