fixed bug

themes/Ying/layouts/_default/circles.html

@@ -395,15 +395,16 @@
         let html = "";
         posts.forEach((post, index) => {
           const dateStr = this.timeAgo(post.date);
-          // 减少延迟时间，避免动画积压
-          const delay = index * 0.05;
           // 背景图固定使用头像，以获得一致的装饰效果
           const bgImageSrc = post.avatar;
           // Escape quotes for data attribute
           const description = post.description ? post.description.replace(/"/g, '"') : '';
+          
+          // Calculate delay for staggered animation
+          const delay = index * 100;
 
           html += `
-                        <a href="${post.link}" target="_blank" class="fc-item uk-animation-slide-bottom-small" style="animation-delay: ${delay}s" data-desc="${description}" data-title="${post.title}">
+                        <a href="${post.link}" target="_blank" class="fc-item" data-desc="${description}" data-title="${post.title}" uk-scrollspy="cls: uk-animation-slide-bottom-small; delay: ${delay}">
                             <div class="fc-title" title="${post.title}">${post.title}</div>
                             <img src="${bgImageSrc}" class="fc-bg-image" loading="lazy" onerror="this.style.opacity=0">
                             <div class="fc-bottom">