Fix white boxes: force dark bg on all elements, hide broken images, remove inline white styles"

static/wc2026_v2.js

@@ -1,35 +1,32 @@
 // === WORLD CUP 2026 - Render + LIVE refresh ===
-// Fixtures: scraped from bongda24h.vn (server-rendered)
-// BXH: bongda.com.vn API tournament_id=24254
-// News: VnExpress + TT&VH + BongDaPlus
-
 let _wc2026Data = null;
 let _wcRefreshInterval = null;
 
 const WC_CSS = `<style>
-.wc-bongda-content{font-size:12px;color:#ddd;max-height:420px;overflow-y:auto;padding:4px}
-.wc-bongda-content,.wc-bongda-content *{color:#ddd!important;background-color:transparent!important;border-color:#1a3a5a!important}
+.wc-bongda-content{font-size:12px;color:#ddd;max-height:420px;overflow-y:auto;padding:4px;background:#111!important}
+.wc-bongda-content *{color:#ddd!important;background-color:#111!important;border-color:#1a3a5a!important;box-shadow:none!important}
 .wc-bongda-content a{color:#8ab4d8!important;text-decoration:none!important}
-.wc-bongda-content table{width:100%;border-collapse:collapse;font-size:11px}
+.wc-bongda-content table{width:100%;border-collapse:collapse;font-size:11px;background:#111!important}
 .wc-bongda-content th{background:#0d1a2a!important;color:#6a9fca!important;padding:6px 4px;font-size:10px;text-align:left}
-.wc-bongda-content td{padding:5px 4px;border-bottom:1px solid #0d1a2a!important}
+.wc-bongda-content td{padding:5px 4px;border-bottom:1px solid #1a2a3a!important;background:#111!important}
 .wc-bongda-content tr:hover td{background:#0d1a2a!important}
-.wc-bongda-content img{width:20px;height:20px;vertical-align:middle;margin:0 3px}
+.wc-bongda-content img{width:20px;height:20px;vertical-align:middle;margin:0 3px;background:transparent!important}
+.wc-bongda-content img[src=""]{display:none!important}
 .wc-bongda-content ul{list-style:none;padding:0;margin:0}
-.wc-bongda-content li{padding:6px 4px;border-bottom:1px solid #1a2a3a}
+.wc-bongda-content li{padding:6px 4px;border-bottom:1px solid #1a2a3a;background:#111!important}
 .wc-bongda-content li:hover{background:#0d1a2a!important}
-.wc-bongda-content .title-content,.wc-bongda-content .round-title,.wc-bongda-content h3,.wc-bongda-content h4,.wc-bongda-content .group-name{background:#0b2040!important;color:#8ab4d8!important;font-size:12px;font-weight:700;padding:6px 8px;border-radius:4px;margin:6px 0 4px}
-.wc-bongda-content .match,.wc-bongda-content .match-item,.wc-bongda-content .item-schedule{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:5px 4px;border-bottom:1px solid #0d1a2a}
-.wc-bongda-content .teams,.wc-bongda-content .team-vs{display:flex;width:100%;align-items:center;gap:4px}
-.wc-bongda-content .team{flex:1;display:flex;align-items:center;gap:4px;min-width:0}
-.wc-bongda-content .team .name,.wc-bongda-content .team-name{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
-.wc-bongda-content .home-team{justify-content:flex-end;text-align:right}
-.wc-bongda-content .status,.wc-bongda-content .score{flex:0 0 50px;text-align:center;font-weight:800}
-.wc-bongda-content .status a{font-weight:800;font-size:12px}
-.wc-bongda-content .info,.wc-bongda-content .btns,.wc-bongda-content .ads,.wc-bongda-content .banner{display:none!important}
-.wc-bongda-content strong,.wc-bongda-content b{color:#f0c040!important}
-.wc-bongda-content .datetime,.wc-bongda-content .time,.wc-bongda-content .match-time{font-size:9px;color:#6a9fca!important;width:100%}
-.wc-bongda-content .live,.wc-bongda-content [class*=live]{color:#e74c3c!important}
+.wc-bongda-content div{background:#111!important}
+.wc-bongda-content span{background:transparent!important}
+.wc-bongda-content p{background:#111!important}
+.wc-bongda-content .title-content,.wc-bongda-content .round-title,.wc-bongda-content h3,.wc-bongda-content h4,.wc-bongda-content .group-name,.wc-bongda-content [class*=title],.wc-bongda-content [class*=round],.wc-bongda-content [class*=header]{background:#0b2040!important;color:#8ab4d8!important;font-size:12px;font-weight:700;padding:6px 8px;border-radius:4px;margin:6px 0 4px}
+.wc-bongda-content .match,.wc-bongda-content .match-item,.wc-bongda-content .item-schedule,.wc-bongda-content [class*=match]{padding:5px 4px;border-bottom:1px solid #0d1a2a}
+.wc-bongda-content .team,.wc-bongda-content [class*=team]{background:transparent!important}
+.wc-bongda-content .status,.wc-bongda-content .score,.wc-bongda-content [class*=score]{text-align:center;font-weight:800;color:#fff!important;background:transparent!important}
+.wc-bongda-content .info,.wc-bongda-content .btns,.wc-bongda-content .ads,.wc-bongda-content .banner,.wc-bongda-content [class*=ads],.wc-bongda-content [class*=banner],.wc-bongda-content [class*=social],.wc-bongda-content [class*=share]{display:none!important}
+.wc-bongda-content strong,.wc-bongda-content b{color:#f0c040!important;background:transparent!important}
+.wc-bongda-content [class*=time],.wc-bongda-content [class*=date]{font-size:10px;color:#6a9fca!important}
+.wc-bongda-content [class*=live]{color:#e74c3c!important}
+.wc-bongda-content input,.wc-bongda-content select,.wc-bongda-content button{background:#1a2a3a!important;color:#ddd!important;border:1px solid #2a3a5a!important;border-radius:4px;padding:4px 8px;font-size:11px}
 </style>`;
 
 function switchWCTab(tab) {
@@ -51,7 +48,16 @@ function switchWCTab(tab) {
 
 function _wcRender(el, html, emptyMsg) {
   if (html && html.length > 50) {
+    // Strip inline style attributes that set white/light backgrounds
+    html = html.replace(/style="[^"]*background[^"]*"/gi, '');
+    html = html.replace(/style="[^"]*color:\s*#[0-3][^"]*"/gi, '');
+    html = html.replace(/bgcolor="[^"]*"/gi, '');
     el.innerHTML = WC_CSS + '<div class="wc-bongda-content">' + html + '</div>';
+    // Remove broken images
+    el.querySelectorAll('img').forEach(img => {
+      img.onerror = function() { this.style.display = 'none'; };
+      if (!img.src || img.src === window.location.href) img.style.display = 'none';
+    });
     el.querySelectorAll('a').forEach(a => a.addEventListener('click', e => e.preventDefault()));
   } else {
     el.innerHTML = `<div class="loading">${emptyMsg}</div>`;