Inject CSS fix + rewrite patch at runtime (fixes broken fm-league CSS + rewrite endpoint)"

static/live_mode.js

@@ -1,25 +1,28 @@
-// === HOMEPAGE LIVE MODE ===
-// ALL sections show ● LIVE badge and auto-refresh without page reload
-// Livescore: 60s, Featured: 60s, Shorts: 5min, Hashtag: 3min, Highlights: 5min
+// === INJECT CSS FIX (broken .fm-league rule in inline style) ===
+(function(){
+  const link = document.createElement('link');
+  link.rel = 'stylesheet';
+  link.href = '/static/fm_fix.css';
+  document.head.appendChild(link);
+  
+  // Also load rewrite fix
+  const script = document.createElement('script');
+  script.src = '/static/rewrite_fix.js';
+  document.body.appendChild(script);
+})();
 
+// === HOMEPAGE LIVE MODE ===
 let _liveInterval = null;
 let _liveTick = 0;
 
 function startHomepageLive() {
   if (_liveInterval) clearInterval(_liveInterval);
-  
-  // Add LIVE badges to all section headers
   setTimeout(addLiveBadges, 2000);
-  
   _liveInterval = setInterval(async () => {
     if (!document.getElementById('view-home')?.classList.contains('active')) return;
     _liveTick++;
-    
-    // === Livescore: every 60s ===
     const lsTab = document.querySelector('.ls-tab.active');
     if (lsTab && lsTab.dataset.tab) loadLivescore(lsTab.dataset.tab);
-    
-    // === Featured match: every 60s ===
     try {
       const f = await fetch('/api/livescore/featured').then(r => r.json()).catch(() => null);
       if (f && f.home) {
@@ -31,25 +34,13 @@ function startHomepageLive() {
         }
       }
     } catch(e) {}
-    
-    // === Hashtag: every 3 min (tick 3) ===
-    if (_liveTick % 3 === 0) {
-      refreshHashtag();
-    }
-    
-    // === Hot topics: every 5 min (tick 5) ===
-    if (_liveTick % 5 === 0) {
-      loadHotTopics();
-    }
-    
-    // Pulse LIVE badges
+    if (_liveTick % 3 === 0) refreshHashtag();
+    if (_liveTick % 5 === 0) loadHotTopics();
     pulseLiveBadges();
-    
-  }, 60000); // 60s base
+  }, 60000);
 }
 
 function addLiveBadges() {
-  // Add ● LIVE to section headers that don't have it yet
   document.querySelectorAll('.ls-header h3, .slider-header .slider-label').forEach(el => {
     if (!el.querySelector('.live-dot')) {
       const dot = document.createElement('span');
@@ -62,7 +53,6 @@ function addLiveBadges() {
 }
 
 function pulseLiveBadges() {
-  // Quick visual pulse to show data is fresh
   document.querySelectorAll('.live-dot').forEach(d => {
     d.style.opacity = '1';
     setTimeout(() => { d.style.opacity = '0.4'; }, 500);
@@ -71,11 +61,9 @@ function pulseLiveBadges() {
 }
 
 function refreshHashtag() {
-  // Re-search current hashtag topic for fresh results
   if (typeof _htTopic !== 'undefined' && _htTopic) {
     const box = document.getElementById('hashtag-box');
     if (box && box.innerHTML.length > 50) {
-      // Silently refresh (don't show loading spinner)
       fetch(`/api/hashtag/sources?topic=${encodeURIComponent(_htTopic)}&page=0`)
         .then(r => r.json())
         .then(j => {
@@ -83,13 +71,11 @@ function refreshHashtag() {
           if (!sources.length) return;
           const list = document.getElementById('ht-list');
           if (!list) return;
-          // Update content
           let h = '';
           sources.forEach((s, i) => {
             h += `<div class="hashtag-src-item" onclick="readArticle('${esc(s.url)}')"><div class="hashtag-src-img" id="ht-img-${i}"></div><div class="hashtag-src-text"><div class="hashtag-src-title">${esc(s.title)}</div><div class="hashtag-src-via">${esc(s.via || '')}</div></div></div>`;
           });
           list.innerHTML = h;
-          // Load images
           sources.forEach((s, i) => {
             if (!s.url) return;
             fetch('/api/article?url=' + encodeURIComponent(s.url)).then(r => r.json()).then(d => {