LIVE mode: all homepage sections auto-refresh 60s (livescore, featured, hashtag, WC); hashtag limit increased to 12 per page"

static/live_mode.js

@@ -0,0 +1,43 @@
+// === HOMEPAGE LIVE MODE ===
+// All sections refresh automatically when user is on homepage
+// Livescore: 60s, Featured match: 30s, Hot topics: 300s, Hashtag: if visible
+
+let _liveInterval = null;
+let _liveCount = 0;
+
+function startHomepageLive() {
+  if (_liveInterval) clearInterval(_liveInterval);
+  _liveInterval = setInterval(async () => {
+    // Only refresh when homepage is active
+    if (!document.getElementById('view-home')?.classList.contains('active')) return;
+    _liveCount++;
+    
+    // Livescore: every 60s
+    if (_liveCount % 1 === 0) {
+      const activeTab = document.querySelector('.ls-tab.active');
+      if (activeTab) {
+        const tab = activeTab.dataset.tab;
+        if (tab) loadLivescore(tab);
+      }
+    }
+    
+    // Featured match: every 30s (every other tick)
+    if (_liveCount % 1 === 0) {
+      try {
+        const f = await fetch('/api/livescore/featured').then(r => r.json()).catch(() => null);
+        if (f && f.home) {
+          const el = document.querySelector('.featured-match');
+          if (el) {
+            const sc = f.status === 'live' ? '' : 'upcoming';
+            const st = f.status === 'live' ? `🔴 ${f.minute || 'LIVE'}` : `⏰ ${f.time}`;
+            el.innerHTML = `<div class="fm-league">${f.league}</div><div class="fm-teams"><div class="fm-team"><img src="${f.home_logo}" onerror="this.style.display='none'"><span>${f.home}</span></div><div class="fm-score">${f.score || 'VS'}</div><div class="fm-team"><img src="${f.away_logo}" onerror="this.style.display='none'"><span>${f.away}</span></div></div><div class="fm-status ${sc}">${st}</div>`;
+          }
+        }
+      } catch(e) {}
+    }
+    
+  }, 60000); // 60 seconds base interval
+}
+
+// Start LIVE mode after page loads
+setTimeout(startHomepageLive, 5000);