1<!doctype html> 2<html lang="vi" prefix="og: https://ogp.me/ns#"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 7 <link rel="alternate" hreflang="x-default" href="https://toptrader.io/" /> 8 9 10 <link rel="preconnect" href="https://img.thesports.com" crossorigin> 11 <link rel="dns-prefetch" href="https://img.thesports.com"> 12 13 <link rel="preconnect" href="https://static.sportsfeed.pro" crossorigin> 14 <link rel="dns-prefetch" href="https://static.sportsfeed.pro"> 15 16 <link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/entries/home-B34AnDyD.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/lazy-load-H3fTemXz.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/debug-utils-DPNoUJjN.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/helper-C6s7TZM4.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/entries/matchlist-DJOT6Ifs.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/vendor-axios-DGc3PeEL.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/vendor-mqtt-DUOv-3Io.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/decrypt-w2rEWcc-.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/vendor-pako-DZXWdWhw.js" />
16<script type="module" src="https://toptrader.io/app/themes/ba-theme/public/build/entries/home-B34AnDyD.js"></script>
16<script>/* nowprocket */(function(){var ok=["toptrader.io","www.toptrader.io"];if(ok.indexOf(location.hostname)===-1){location.replace("https:\/\/toptrader.io"+location.pathname+location.search);}})();</script>
16 17 18<!-- Tá»i ưu hóa công cụ tìm kiếm bá»i Rank Math - https://rankmath.com/ --> 19<title>XoilacTV Live - Kênh Xem Bóng Äá Trá»±c Tuyến Xôi Lạc Sá» 1</title> 20<meta name="description" content="XoilacTV Äạt hÆ¡n 10 triá»u lượt truy cáºp nÄm 2025, mang Äến trải nghiá»m xem bóng Äá trá»±c tuyến miá» n phà vá»i chất lượng hình ảnh Full HD 1080p."/> 21<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:standard"/> 22<link rel="canonical" href="https://toptrader.io/vi-vn/" /> 23<meta property="og:locale" content="vi_VN" /> 24<meta property="og:type" content="website" /> 25<meta property="og:title" content="XoilacTV Live - Kênh Xem Bóng Äá Trá»±c Tuyến Xôi Lạc Sá» 1" /> 26<meta property="og:description" content="XoilacTV Äạt hÆ¡n 10 triá»u lượt truy cáºp nÄm 2025, mang Äến trải nghiá»m xem bóng Äá trá»±c tuyến miá» n phà vá»i chất lượng hình ảnh Full HD 1080p." /> 27<meta property="og:url" content="https://toptrader.io/vi-vn/" /> 28<meta property="og:site_name" content="XOILACTV" /> 29<meta property="og:updated_time" content="2026-09-17T06:10:26+00:00" /> 30<meta property="og:image" content="https://cdn.toptrader.io/2026/07/xoilactv-thumb.webp" /> 31<meta property="og:image:secure_url" content="https://cdn.toptrader.io/2026/07/xoilactv-thumb.webp" /> 32<meta property="og:image:width" content="800" /> 33<meta property="og:image:height" content="400" /> 34<meta property="og:image:alt" content="Xoilactv 2026 - Bứt Phá 10m View, Xem Bóng Äá Sá» 1 Viá»t Nam" /> 35<meta property="og:image:type" content="image/webp" /> 36<meta property="article:published_time" content="2025-08-25T09:46:25+00:00" /> 37<meta property="article:modified_time" content="2026-09-17T06:10:26+00:00" /> 38<meta name="twitter:card" content="summary_large_image" /> 39<meta name="twitter:title" content="XoilacTV Live - Kênh Xem Bóng Äá Trá»±c Tuyến Xôi Lạc Sá» 1" /> 40<meta name="twitter:description" content="XoilacTV Äạt hÆ¡n 10 triá»u lượt truy cáºp nÄm 2025, mang Äến trải nghiá»m xem bóng Äá trá»±c tuyến miá» n phà vá»i chất lượng hình ảnh Full HD 1080p." /> 41<meta name="twitter:image" content="https://cdn.toptrader.io/2026/07/xoilactv-thumb.webp" /> 42<meta name="twitter:label1" content="ÄÆ°á»£c viết bá»i" /> 43<meta name="twitter:data1" content="admin" /> 44<meta name="twitter:label2" content="Thá»i gian Äá» Äá»c" /> 45<meta name="twitter:data2" content="10 phút" />
46<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":"Place","@id":"https://toptrader.io/#place","address":{"@type":"PostalAddress","streetAddress":"1 Li\u00ean Khu 2-10, B\u00ecnh H\u01b0ng Ho\u00e0 A, B\u00ecnh T\u00e2n","addressRegion":"TP. H\u1ed3 Ch\u00ed Minh","postalCode":"700000","addressLocality":"TP. H\u1ed3 Ch\u00ed Minh"}},{"@type":"Organization","@id":"https://toptrader.io/#organization","name":"26xoilactv.com","url":"https://toptrader.io","address":{"@type":"PostalAddress","streetAddress":"1 Li\u00ean Khu 2-10, B\u00ecnh H\u01b0ng Ho\u00e0 A, B\u00ecnh T\u00e2n","addressRegion":"TP. H\u1ed3 Ch\u00ed Minh","postalCode":"700000","addressLocality":"TP. H\u1ed3 Ch\u00ed Minh"},"logo":{"@type":"ImageObject","@id":"https://toptrader.io/#logo","url":"https://cdn.ctrlpanel.io/2026/07/xoilactv-logo.png","contentUrl":"https://cdn.ctrlpanel.io/2026/07/xoilactv-logo.png","caption":"XOILACTV","inLanguage":"vi","width":"1536","height":"1024"},"contactPoint":[{"@type":"ContactPoint","telephone":"0914564013","contactType":"customer support"}],"description":"XoilacTV \u0111\u1ea1t h\u01a1n 10 tri\u1ec7u l\u01b0\u1ee3t truy c\u1eadp n\u0103m 2025, mang \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m xem b\u00f3ng \u0111\u00e1 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed v\u1edbi ch\u1ea5t l\u01b0\u1ee3ng h\u00ecnh \u1ea3nh Full HD 1080p.","legalName":"xoilac-seo","location":{"@id":"https://toptrader.io/#place"}},{"@type":"WebSite","@id":"https://toptrader.io/#website","url":"https://toptrader.io","name":"XOILACTV","alternateName":"XOILACTV","publisher":{"@id":"https://toptrader.io/#organization"},"inLanguage":"vi","potentialAction":{"@type":"SearchAction","target":"https://toptrader.io/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"ImageObject","@id":"https://cdn.toptrader.io/2026/07/xoilactv-thumb.webp","url":"https://cdn.toptrader.io/2026/07/xoilactv-thumb.webp","width":"800","height":"400","caption":"Xoilactv 2026 - B\u1ee9t Ph\u00e1 10m View, Xem B\u00f3ng \u0110\u00e1 S\u1ed1 1 Vi\u1ec7t Nam","inLanguage":"vi"},{"@type":"WebPage","@id":"https://toptrader.io/vi-vn/#webpage","url":"https://toptrader.io/vi-vn/","name":"XoilacTV Live - K\u00eanh Xem B\u00f3ng \u0110\u00e1 Tr\u1ef1c Tuy\u1ebfn X\u00f4i L\u1ea1c S\u1ed1 1","datePublished":"2025-08-25T09:46:25+00:00","dateModified":"2026-09-17T06:10:26+00:00","about":{"@id":"https://toptrader.io/#organization"},"isPartOf":{"@id":"https://toptrader.io/#website"},"primaryImageOfPage":{"@id":"https://cdn.toptrader.io/2026/07/xoilactv-thumb.webp"},"inLanguage":"vi"},{"@type":"Person","@id":"https://toptrader.io/author/admin/","name":"admin","url":"https://toptrader.io/author/admin/","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/4d09a98d95cefe93c8ee8edb4ece1c67679d17a05ffdcdd0d733e905b80e95b5?s=96&d=mm&r=g","url":"https://secure.gravatar.com/avatar/4d09a98d95cefe93c8ee8edb4ece1c67679d17a05ffdcdd0d733e905b80e95b5?s=96&d=mm&r=g","caption":"admin","inLanguage":"vi"},"worksFor":{"@id":"https://toptrader.io/#organization"}},{"@type":"Article","headline":"XoilacTV Live - K\u00eanh Xem B\u00f3ng \u0110\u00e1 Tr\u1ef1c Tuy\u1ebfn X\u00f4i L\u1ea1c S\u1ed1 1","keywords":"Xoilactv","datePublished":"2025-08-25T09:46:25+00:00","dateModified":"2026-09-17T06:10:26+00:00","author":{"@id":"https://toptrader.io/author/admin/","name":"admin"},"publisher":{"@id":"https://toptrader.io/#organization"},"description":"XoilacTV \u0111\u1ea1t h\u01a1n 10 tri\u1ec7u l\u01b0\u1ee3t truy c\u1eadp n\u0103m 2025, mang \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m xem b\u00f3ng \u0111\u00e1 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed v\u1edbi ch\u1ea5t l\u01b0\u1ee3ng h\u00ecnh \u1ea3nh Full HD 1080p.","name":"XoilacTV Live - K\u00eanh Xem B\u00f3ng \u0110\u00e1 Tr\u1ef1c Tuy\u1ebfn X\u00f4i L\u1ea1c S\u1ed1 1","@id":"https://toptrader.io/vi-vn/#richSnippet","isPartOf":{"@id":"https://toptrader.io/vi-vn/#webpage"},"image":{"@id":"https://cdn.toptrader.io/2026/07/xoilactv-thumb.webp"},"inLanguage":"vi","mainEntityOfPage":{"@id":"https://toptrader.io/vi-vn/#webpage"}}]}</script>
46 47<meta name="google-site-verification" content="cmxBNGKeSCxqYgKwBOBy2AXDZ428Ao-wGeGUlUK97eM" /> 48<!-- /Plugin SEO WordPress Rank Math --> 49 50<link href='https://fonts.gstatic.com' crossorigin rel='preconnect' /> 51<link rel="shortlink" href="https://toptrader.io/" /> 52<link rel="alternate" hreflang="vi" href="https://toptrader.io/vi-vn/" /> 53<link rel="alternate" hreflang="vi-vn" href="https://toptrader.io/vi-vn/" /> 54<link rel="alternate" title="oNhúng (JSON)" type="application/json+oembed" href="https://toptrader.io/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftoptrader.io%2F" /> 55<link rel="alternate" title="oNhúng (XML)" type="text/xml+oembed" href="https://toptrader.io/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftoptrader.io%2F&format=xml" /> 56<style id='wp-img-auto-sizes-contain-inline-css'> 57img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 58/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 59</style> 60<style id='wp-block-paragraph-inline-css'> 61.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} 62/*# sourceURL=https://toptrader.io/wp/wp-includes/blocks/paragraph/style.min.css */ 63</style> 64<style id='wp-emoji-styles-inline-css'> 65 66 img.wp-smiley, img.emoji { 67 display: inline !important; 68 border: none !important; 69 box-shadow: none !important; 70 height: 1em !important; 71 width: 1em !important; 72 margin: 0 0.07em !important; 73 vertical-align: -0.1em !important; 74 background: none !important; 75 padding: 0 !important; 76 } 77/*# sourceURL=wp-emoji-styles-inline-css */ 78</style> 79<style id='wp-block-library-inline-css'> 80:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
80--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 81 82/*# sourceURL=wp-block-library-inline-css */ 83</style> 84<style id='wp-block-list-inline-css'> 85ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em} 86/*# sourceURL=https://toptrader.io/wp/wp-includes/blocks/list/style.min.css */ 87</style> 88<style id='wp-block-social-links-inline-css'> 89.wp-block-social-links{background:none;box-sizing:border-box;margin-left:0;padding-left:0;padding-right:0;text-indent:0}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{border-bottom:0;box-shadow:none;text-decoration:none}.wp-block-social-links .wp-social-link svg{height:1em;width:1em}.wp-block-social-links .wp-social-link span:not(.screen-reader-text){font-size:.65em;margin-left:.5em;margin-right:.5em}.wp-block-social-links.has-small-icon-size{font-size:16px}.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{font-size:24px}.wp-block-social-links.has-large-icon-size{font-size:36px}.wp-block-social-links.has-huge-icon-size{font-size:48px}.wp-block-social-links.aligncenter{display:flex;justify-content:center}.wp-block-social-links.alignright{justify-content:flex-end}.wp-block-social-link{border-radius:9999px;display:block}@media not (prefers-reduced-motion){.wp-block-social-link{transition:transform .1s ease}}.wp-block-social-link{height:auto}.wp-block-social-link a{align-items:center;display:flex;line-height:0}.wp-block-social-link:hover{transform:scale(1.1)}.wp-block-social-links .wp-block-social-link.wp-social-link{display:inline-block;margin:0;padding:0}.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited{color:currentColor;fill:currentColor}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link{background-color:#f0f0f0;color:#444}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-amazon{background-color:#f90;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-behance{background-color:#0757fe;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bluesky{background-color:#0a7aff;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-codepen{background-color:#1e1f26;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-deviantart{background-color:#02e49b;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-discord{background-color:#5865f2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dribbble{background-color:#e94c89;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dropbox{background-color:#4280ff;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-etsy{background-color:#f45800;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook{background-color:#0866ff;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-fivehundredpx{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-flickr{background-color:#0461dd;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-foursquare{background-color:#e65678;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-github{background-color:#24292d;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-goodreads{background-color:#eceadd;color:#382110}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-google{background-color:#ea4434;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-gravatar{background-color:#1d4fc4;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram{background-color:#f00075;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-lastfm{background-color:#e21b24;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-linkedin{background-color:#0d66c2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-mastodon{background-color:#3288d4;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-medium{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-meetup{background-color:#f6405f;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-patreon{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pinterest{background-color:#e60122;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pocket{background-color:#ef4155;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-reddit{background-color:#ff4500;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-skype{background-color:#0478d7;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-snapchat{background-color:#fefc00;color:#fff;stroke:#000}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-spotify{background-color:#1bd760;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-telegram{background-color:#2aabee;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-threads{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tiktok{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tumblr{background-color:#011835;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitch{background-color:#6440a4;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitter{background-color:#1da1f2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vimeo{background-color:#1eb7ea;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vk{background-color:#4680c2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-wordpress{background-color:#3499cd;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-whatsapp{background-color:#25d366;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-x{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-yelp{background-color:#d32422;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube{background-color:red;color:#fff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link{background:none}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link svg{height:1.25em;width:1.25em}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-amazon{color:#f90}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bandcamp{color:#1ea0c3}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-behance{color:#0757fe}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bluesky{color:#0a7aff}
89:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-codepen{color:#1e1f26}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-deviantart{color:#02e49b}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-discord{color:#5865f2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dribbble{color:#e94c89}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dropbox{color:#4280ff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-etsy{color:#f45800}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-facebook{color:#0866ff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-fivehundredpx{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-flickr{color:#0461dd}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-foursquare{color:#e65678}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-github{color:#24292d}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-goodreads{color:#382110}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-google{color:#ea4434}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-gravatar{color:#1d4fc4}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-instagram{color:#f00075}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-lastfm{color:#e21b24}
89:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-linkedin{color:#0d66c2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-mastodon{color:#3288d4}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-medium{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-meetup{color:#f6405f}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-patreon{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pinterest{color:#e60122}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pocket{color:#ef4155}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-reddit{color:#ff4500}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-skype{color:#0478d7}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-snapchat{color:#fff;stroke:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-soundcloud{color:#ff5600}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-spotify{color:#1bd760}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-telegram{color:#2aabee}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-threads{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tiktok{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tumblr{color:#011835}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitch{color:#6440a4}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitter{color:#1da1f2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vimeo{color:#1eb7ea}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vk{color:#4680c2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-whatsapp{color:#25d366}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-wordpress{color:#3499cd}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-x{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-yelp{color:#d32422}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-youtube{color:red}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}:root :where(.wp-block-social-links .wp-social-link a){padding:.25em}:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link a){padding:0}:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a){padding-left:.6666666667em;padding-right:.6666666667em}.wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label{color:#000} 90/*# sourceURL=https://toptrader.io/wp/wp-includes/blocks/social-links/style.min.css */ 91</style> 92<style id='global-styles-inline-css'> 93:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #fff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--red-50: oklch(97.1% .013 17.38);--wp--preset--color--red-100: oklch(93.6% .032 17.717);--wp--preset--color--red-200: oklch(88.5% .062 18.334);--wp--preset--color--red-300: oklch(80.8% .114 19.571);--wp--preset--color--red-400: oklch(70.4% .191 22.216);--wp--preset--color--red-500: oklch(63.7% .237 25.331);--wp--preset--color--red-600: oklch(57.7% .245 27.325);--wp--preset--color--red-700: oklch(50.5% .213 27.518);--wp--preset--color--red-800: oklch(44.4% .177 26.899);--wp--preset--color--red-900: oklch(39.6% .141 25.723);--wp--preset--color--orange-50: oklch(98% .016 73.684);--wp--preset--color--orange-100: oklch(95.4% .038 75.164);--wp--preset--color--orange-200: oklch(90.1% .076 70.697);--wp--preset--color--orange-300: oklch(83.7% .128 66.29);--wp--preset--color--orange-400: oklch(75% .183 55.934);--wp--preset--color--orange-500: oklch(70.5% .213 47.604);--wp--preset--color--orange-600: oklch(64.6% .222 41.116);--wp--preset--color--orange-700: oklch(55.3% .195 38.402);--wp--preset--color--orange-800: oklch(47% .157 37.304);--wp--preset--color--orange-900: oklch(40.8% .123 38.172);--wp--preset--color--amber-100: oklch(96.2% .059 95.617);--wp--preset--color--amber-200: oklch(92.4% .12 95.746);--wp--preset--color--amber-300: oklch(87.9% .169 91.605);--wp--preset--color--amber-400: oklch(82.8% .189 84.429);--wp--preset--color--amber-500: oklch(76.9% .188 70.08);--wp--preset--color--amber-600: oklch(66.6% .179 58.318);--wp--preset--color--amber-800: oklch(47.3% .137 46.201);--wp--preset--color--amber-900: oklch(41.4% .112 45.904);--wp--preset--color--amber-950: oklch(27.9% .077 45.635);--wp--preset--color--yellow-50: oklch(98.7% .026 102.212);--wp--preset--color--yellow-100: oklch(97.3% .071 103.193);--wp--preset--color--yellow-200: oklch(94.5% .129 101.54);--wp--preset--color--yellow-300: oklch(90.5% .182 98.111);--wp--preset--color--yellow-400: oklch(85.2% .199 91.936);--wp--preset--color--yellow-500: oklch(79.5% .184 86.047);--wp--preset--color--yellow-600: oklch(68.1% .162 75.834);--wp--preset--color--yellow-700: oklch(55.4% .135 66.442);--wp--preset--color--yellow-800: oklch(47.6% .114 61.907);--wp--preset--color--yellow-900: oklch(42.1% .095 57.708);--wp--preset--color--lime-200: oklch(93.8% .127 124.321);--wp--preset--color--lime-300: oklch(89.7% .196 126.665);--wp--preset--color--lime-400: oklch(84.1% .238 128.85);--wp--preset--color--lime-500: oklch(76.8% .233 130.85);--wp--preset--color--lime-800: oklch(45.3% .124 130.933);--wp--preset--color--green-50: oklch(98.2% .018 155.826);--wp--preset--color--green-100: oklch(96.2% .044 156.743);--wp--preset--color--green-200: oklch(92.5% .084 155.995);--wp--preset--color--green-300: oklch(87.1% .15 154.449);--wp--preset--color--green-400: oklch(79.2% .209 151.711);--wp--preset--color--green-500: oklch(72.3% .219 149.579);--wp--preset--color--green-600: oklch(62.7% .194 149.214);--wp--preset--color--green-700: oklch(52.7% .154 150.069);--wp--preset--color--green-800: oklch(44.8% .119 151.328);--wp--preset--color--green-900: oklch(39.3% .095 152.535);--wp--preset--color--emerald-200: oklch(90.5% .093 164.15);--wp--preset--color--emerald-400: oklch(76.5% .177 163.223);--wp--preset--color--emerald-500: oklch(69.6% .17 162.48);--wp--preset--color--emerald-600: oklch(59.6% .145 163.225);
93--wp--preset--color--emerald-900: oklch(37.8% .077 168.94);--wp--preset--color--teal-50: oklch(98.4% .014 180.72);--wp--preset--color--teal-100: oklch(95.3% .051 180.801);--wp--preset--color--teal-200: oklch(91% .096 180.426);--wp--preset--color--teal-300: oklch(85.5% .138 181.071);--wp--preset--color--teal-400: oklch(77.7% .152 181.912);--wp--preset--color--teal-500: oklch(70.4% .14 182.503);--wp--preset--color--teal-600: oklch(60% .118 184.704);--wp--preset--color--teal-700: oklch(51.1% .096 186.391);--wp--preset--color--teal-800: oklch(43.7% .078 188.216);--wp--preset--color--cyan-200: oklch(91.7% .08 205.041);--wp--preset--color--cyan-300: oklch(86.5% .127 207.078);--wp--preset--color--cyan-400: oklch(78.9% .154 211.53);--wp--preset--color--cyan-500: oklch(71.5% .143 215.221);--wp--preset--color--cyan-600: oklch(60.9% .126 221.723);--wp--preset--color--cyan-800: oklch(45% .085 224.283);--wp--preset--color--sky-400: oklch(74.6% .16 232.661);--wp--preset--color--sky-500: oklch(68.5% .169 237.323);--wp--preset--color--sky-600: oklch(58.8% .158 241.966);--wp--preset--color--blue-50: oklch(97% .014 254.604);--wp--preset--color--blue-100: oklch(93.2% .032 255.585);--wp--preset--color--blue-200: oklch(88.2% .059 254.128);--wp--preset--color--blue-300: oklch(80.9% .105 251.813);--wp--preset--color--blue-400: oklch(70.7% .165 254.624);--wp--preset--color--blue-500: oklch(62.3% .214 259.815);--wp--preset--color--blue-600: oklch(54.6% .245 262.881);--wp--preset--color--blue-700: oklch(48.8% .243 264.376);--wp--preset--color--blue-800: oklch(42.4% .199 265.638);--wp--preset--color--blue-900: oklch(37.9% .146 265.522);--wp--preset--color--blue-950: oklch(28.2% .091 267.935);--wp--preset--color--indigo-50: oklch(96.2% .018 272.314);--wp--preset--color--indigo-100: oklch(93% .034 272.788);--wp--preset--color--indigo-200: oklch(87% .065 274.039);--wp--preset--color--indigo-300: oklch(78.5% .115 274.713);--wp--preset--color--indigo-400: oklch(67.3% .182 276.935);--wp--preset--color--indigo-500: oklch(58.5% .233 277.117);--wp--preset--color--indigo-600: oklch(51.1% .262 276.966);--wp--preset--color--indigo-700: oklch(45.7% .24 277.023);--wp--preset--color--indigo-800: oklch(39.8% .195 277.366);--wp--preset--color--indigo-900: oklch(35.9% .144 278.697);--wp--preset--color--purple-50: oklch(97.7% .014 308.299);--wp--preset--color--purple-100: oklch(94.6% .033 307.174);--wp--preset--color--purple-200: oklch(90.2% .063 306.703);--wp--preset--color--purple-300: oklch(82.7% .119 306.383);--wp--preset--color--purple-400: oklch(71.4% .203 305.504);--wp--preset--color--purple-500: oklch(62.7% .265 303.9);--wp--preset--color--purple-600: oklch(55.8% .288 302.321);--wp--preset--color--purple-700: oklch(49.6% .265 301.924);--wp--preset--color--purple-800: oklch(43.8% .218 303.724);--wp--preset--color--purple-900: oklch(38.1% .176 304.987);--wp--preset--color--pink-50: oklch(97.1% .014 343.198);--wp--preset--color--pink-100: oklch(94.8% .028 342.258);--wp--preset--color--pink-200: oklch(89.9% .061 343.231);--wp--preset--color--pink-300: oklch(82.3% .12 346.018);--wp--preset--color--pink-400: oklch(71.8% .202 349.761);--wp--preset--color--pink-500: oklch(65.6% .241 354.308);--wp--preset--color--pink-600: oklch(59.2% .249 .584);--wp--preset--color--pink-700: oklch(52.5% .223 3.958);--wp--preset--color--pink-800: oklch(45.9% .187 3.815);--wp--preset--color--pink-900: oklch(40.8% .153 2.432);--wp--preset--color--rose-100: oklch(94.1% .03 12.58);--wp--preset--color--rose-200: oklch(89.2% .058 10.001);--wp--preset--color--rose-500: oklch(64.5% .246 16.439);--wp--preset--color--rose-600: oklch(58.6% .253 17.585);--wp--preset--color--rose-900: oklch(41% .159 10.272);--wp--preset--color--rose-950: oklch(27.1% .105 12.094);--wp--preset--color--gray-50: oklch(98.5% .002 247.839);--wp--preset--color--gray-100: #bbb;--wp--preset--color--gray-200: #8d92a2;--wp--preset--color--gray-300: #828b98;--wp--preset--color--gray-400: #626262;--wp--preset--color--gray-500: #5c5c5c;--wp--preset--color--gray-600: #3d434d;--wp--preset--color--gray-700: #3a3a3a;--wp--preset--color--gray-800: #343940;--wp--preset--color--gray-900: #303030;--wp--preset--color--neutral-50: oklch(98.5% 0 0);--wp--preset--color--neutral-100: oklch(97% 0 0);--wp--preset--color--neutral-200: oklch(92.2% 0 0);--wp--preset--color--neutral-300: oklch(87% 0 0);--wp--preset--color--neutral-400: oklch(70.8% 0 0);
93--wp--preset--color--neutral-500: oklch(55.6% 0 0);--wp--preset--color--neutral-600: oklch(43.9% 0 0);--wp--preset--color--neutral-700: oklch(37.1% 0 0);--wp--preset--color--neutral-800: oklch(26.9% 0 0);--wp--preset--color--neutral-900: oklch(20.5% 0 0);--wp--preset--color--neutral-950: oklch(14.5% 0 0);--wp--preset--color--primary: red;--wp--preset--color--primary-dark: #b30000;--wp--preset--color--primary-light: #ff4d4d;--wp--preset--color--primary-lighter: #ffb3b3;--wp--preset--color--primary-lightest: #ffd6d6;--wp--preset--color--primary-rgb: 255, 0, 0;--wp--preset--color--green: #0cc956;--wp--preset--color--green-dark: #005a19;--wp--preset--color--green-darker: #045830;--wp--preset--color--green-darkest: #042104;--wp--preset--color--green-light: #17a54e;--wp--preset--color--green-bright: #00eb1f;--wp--preset--color--green-neon: #00ff4b;--wp--preset--color--green-mint: #2fef65;--wp--preset--color--green-pastel: #3dd269;--wp--preset--color--green-alt: #3dd369;--wp--preset--color--green-medium: #4fa747;--wp--preset--color--green-muted: #1caa17;--wp--preset--color--green-forest: #0f9425;--wp--preset--color--green-vivid: #1bc543;--wp--preset--color--green-nature: #18b100;--wp--preset--color--red: #a90a0a;--wp--preset--color--red-dark: #6b0000;--wp--preset--color--red-darker: #5a0808;--wp--preset--color--red-darkest: #2b0000;--wp--preset--color--red-light: #c91818;--wp--preset--color--red-bright: #ff1a1a;--wp--preset--color--red-neon: #f33;--wp--preset--color--red-mint: #ff5c5c;--wp--preset--color--red-pastel: #f85c5c;--wp--preset--color--red-alt: #f8605c;--wp--preset--color--red-medium: #c93a3a;--wp--preset--color--red-muted: #c91818;--wp--preset--color--red-forest: #c91010;--wp--preset--color--red-vivid: #e8443c;--wp--preset--color--red-nature: #d81b1b;--wp--preset--color--red-mist: #614141;--wp--preset--color--red-mist-dark: #402e2e;--wp--preset--color--dark: #141516;--wp--preset--color--dark-100: #151514;--wp--preset--color--dark-200: #151618;--wp--preset--color--dark-300: #191b1f;--wp--preset--color--dark-400: #1b1d21;--wp--preset--color--dark-500: #202229;--wp--preset--color--dark-600: #212324;--wp--preset--color--dark-700: #212329;--wp--preset--color--dark-800: #232324;--wp--preset--color--dark-900: #1a1e23;--wp--preset--color--gray: #292b2e;--wp--preset--color--gray-light: #d9d9d9;--wp--preset--color--secondary: #292929;--wp--preset--color--offwhite: #fdfbeb;--wp--preset--color--yellow: #ffe400;--wp--preset--color--yellow-light: #ffea5f;--wp--preset--color--yellow-bright: #effb37;--wp--preset--color--yellow-green: #c6d118;--wp--preset--color--yellow-golden: #fee465;--wp--preset--color--yellow-amber: #f7e938;--wp--preset--color--orange: #e97519;--wp--preset--color--orange-dark: #eb7b1d;--wp--preset--color--brown-dark: #7d3011;--wp--preset--color--brown-light: #a65b19;--wp--preset--color--brown-red: #aa5517;--wp--preset--color--brown-deep: #8b1d05;--wp--preset--color--blue: #1a83ff;--wp--preset--color--blue-dark: #1456ff;--wp--preset--color--blue-medium: #658bec;--wp--preset--color--blue-deep: #092e8d;--wp--preset--color--blue-darker: #1553ef;--wp--preset--color--blue-navy: #0c3089;--wp--preset--color--blue-midnight: #0c1a4c;--wp--preset--color--blue-ocean: #0a49e7;--wp--preset--color--blue-marine: #0d1e54;--wp--preset--color--blue-teal: #006590;--wp--preset--color--blue-cyan: #00c8f4;--wp--preset--color--blue-vibrant: #4253f3;--wp--preset--color--blue-indigo: #252c87;--wp--preset--color--cyan: #00fffd;--wp--preset--color--cyan-bright: #3effff;--wp--preset--color--indigo: #166def;--wp--preset--color--purple: #5968f7;--wp--preset--color--pink: #ad1bf1;--wp--preset--color--red-wine: #b3421e;--wp--preset--color--red-blood: #8f1512;--wp--preset--color--red-crimson: #630606;--wp--preset--color--body: #151618;--wp--preset--color--light-bg: #1b1d21;--wp--preset--color--light-bg-100: #212329;--wp--preset--color--divider: #303030;--wp--preset--color--neutral: #8d92a2;--wp--preset--color--live-red: red;--wp--preset--color--accent: #00fffd;--wp--preset--color--tertiary: #ffea5f;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
930) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--xs: .6875rem;--wp--preset--font-size--sm: .75rem;--wp--preset--font-size--base: .875rem;--wp--preset--font-size--lg: 1.25rem;--wp--preset--font-size--xl: 1.5rem;--wp--preset--font-size--2-xl: 1.5rem;--wp--preset--font-size--3-xl: 1.875rem;--wp--preset--font-size--4-xl: 2.25rem;--wp--preset--font-size--5-xl: 3rem;--wp--preset--font-size--6-xl: 3.75rem;--wp--preset--font-size--7-xl: 4.5rem;--wp--preset--font-size--8-xl: 6rem;--wp--preset--font-size--9-xl: 8rem;--wp--preset--font-family--sans: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;--wp--preset--font-family--serif: ui-serif, Georgia, Cambria, Times New Roman, Times, serif;--wp--preset--font-family--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);--wp--preset--border-radius--xs: .125rem;--wp--preset--border-radius--sm: .25rem;--wp--preset--border-radius--md: .375rem;--wp--preset--border-radius--lg: .5rem;--wp--preset--border-radius--xl: .75rem;--wp--preset--border-radius--2-xl: 1rem;--wp--preset--border-radius--3-xl: 1.5rem;}:root { --wp--style--global--content-size: 48rem;--wp--style--global--wide-size: 48rem; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
93a:where(:not(.wp-element-button)){text-decoration: underline;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-red-50-color{color: var(--wp--preset--color--red-50) !important;}.has-red-100-color{color: var(--wp--preset--color--red-100) !important;}.has-red-200-color{color: var(--wp--preset--color--red-200) !important;}.has-red-300-color{color: var(--wp--preset--color--red-300) !important;}.has-red-400-color{color: var(--wp--preset--color--red-400) !important;}.has-red-500-color{color: var(--wp--preset--color--red-500) !important;}.has-red-600-color{color: var(--wp--preset--color--red-600) !important;}.has-red-700-color{color: var(--wp--preset--color--red-700) !important;}.has-red-800-color{color: var(--wp--preset--color--red-800) !important;}.has-red-900-color{color: var(--wp--preset--color--red-900) !important;}.has-orange-50-color{color: var(--wp--preset--color--orange-50) !important;}.has-orange-100-color{color: var(--wp--preset--color--orange-100) !important;}.has-orange-200-color{color: var(--wp--preset--color--orange-200) !important;}.has-orange-300-color{color: var(--wp--preset--color--orange-300) !important;}.has-orange-400-color{color: var(--wp--preset--color--orange-400) !important;}.has-orange-500-color{color: var(--wp--preset--color--orange-500) !important;}.has-orange-600-color{color: var(--wp--preset--color--orange-600) !important;}.has-orange-700-color{color: var(--wp--preset--color--orange-700) !important;}.has-orange-800-color{color: var(--wp--preset--color--orange-800) !important;}.has-orange-900-color{color: var(--wp--preset--color--orange-900) !important;}.has-amber-100-color{color: var(--wp--preset--color--amber-100) !important;}.has-amber-200-color{color: var(--wp--preset--color--amber-200) !important;}.has-amber-300-color{color: var(--wp--preset--color--amber-300) !important;}.has-amber-400-color{color: var(--wp--preset--color--amber-400) !important;}.has-amber-500-color{color: var(--wp--preset--color--amber-500) !important;}.has-amber-600-color{color: var(--wp--preset--color--amber-600) !important;}.has-amber-800-color{color: var(--wp--preset--color--amber-800) !important;}.has-amber-900-color{color: var(--wp--preset--color--amber-900) !important;}.has-amber-950-color{color: var(--wp--preset--color--amber-950) !important;}.has-yellow-50-color{color: var(--wp--preset--color--yellow-50) !important;}.has-yellow-100-color{color: var(--wp--preset--color--yellow-100) !important;}.has-yellow-200-color{color: var(--wp--preset--color--yellow-200) !important;}.has-yellow-300-color{color: var(--wp--preset--color--yellow-300) !important;}.has-yellow-400-color{color: var(--wp--preset--color--yellow-400) !important;}.has-yellow-500-color{color: var(--wp--preset--color--yellow-500) !important;}.has-yellow-600-color{color: var(--wp--preset--color--yellow-600) !important;}.has-yellow-700-color{color: var(--wp--preset--color--yellow-700) !important;}.has-yellow-800-color{color: var(--wp--preset--color--yellow-800) !important;}.has-yellow-900-color{color: var(--wp--preset--color--yellow-900) !important;}.has-lime-200-color{color: var(--wp--preset--color--lime-200) !important;}.has-lime-300-color{color: var(--wp--preset--color--lime-300) !important;}.has-lime-400-color{color: var(--wp--preset--color--lime-400) !important;}.has-lime-500-color{color: var(--wp--preset--color--lime-500) !important;}.has-lime-800-color{color: var(--wp--preset--color--lime-800) !important;}.has-green-50-color{color: var(--wp--preset--color--green-50) !important;}.has-green-100-color{color: var(--wp--preset--color--green-100) !important;}.has-green-200-color{color: var(--wp--preset--color--green-200) !important;}.has-green-300-color{color: var(--wp--preset--color--green-300) !important;}.has-green-400-color{color: var(--wp--preset--color--green-400) !important;}.has-green-500-color{color: var(--wp--preset--color--green-500) !important;}.has-green-600-color{color: var(--wp--preset--color--green-600) !important;}.has-green-700-color{color: var(--wp--preset--color--green-700) !important;}.has-green-800-color{color: var(--wp--preset--color--green-800) !important;}.has-green-900-color{color: var(--wp--preset--color--green-900) !important;}.has-emerald-200-color{color: var(--wp--preset--color--emerald-200) !important;}.has-emerald-400-color{color: var(--wp--preset--color--emerald-400) !important;}.has-emerald-500-color{color: var(--wp--preset--color--emerald-500) !important;}.has-emerald-600-color{color: var(--wp--preset--color--emerald-600) !important;}.has-emerald-900-color{color: var(--wp--preset--color--emerald-900) !important;}.has-teal-50-color{color: var(--wp--preset--color--teal-50) !important;}.has-teal-100-color{color: var(--wp--preset--color--teal-100) !important;}.has-teal-200-color{color: var(--wp--preset--color--teal-200) !important;}.has-teal-300-color{color: var(--wp--preset--color--teal-300) !important;}.has-teal-400-color{color: var(--wp--preset--color--teal-400) !important;}.has-teal-500-color{color: var(--wp--preset--color--teal-500) !important;}.has-teal-600-color{color: var(--wp--preset--color--teal-600) !important;}.has-teal-700-color{color: var(--wp--preset--color--teal-700) !important;}.has-teal-800-color{color: var(--wp--preset--color--teal-800) !important;}.has-cyan-200-color{color: var(--wp--preset--color--cyan-200) !important;}.has-cyan-300-color{color: var(--wp--preset--color--cyan-300) !important;}.has-cyan-400-color{color: var(--wp--preset--color--cyan-400) !important;}.has-cyan-500-color{color: var(--wp--preset--color--cyan-500) !important;}.has-cyan-600-color{color: var(--wp--preset--color--cyan-600) !important;}.has-cyan-800-color{color: var(--wp--preset--color--cyan-800) !important;}.has-sky-400-color{color: var(--wp--preset--color--sky-400) !important;}.has-sky-500-color{color: var(--wp--preset--color--sky-500) !important;}.has-sky-600-color{color: var(--wp--preset--color--sky-600) !important;}.has-blue-50-color{color: var(--wp--preset--color--blue-50) !important;}.has-blue-100-color{color: var(--wp--preset--color--blue-100) !important;}.has-blue-200-color{color: var(--wp--preset--color--blue-200) !important;}.has-blue-300-color{color: var(--wp--preset--color--blue-300) !important;}.has-blue-400-color{color: var(--wp--preset--color--blue-400) !important;}.has-blue-500-color{color: var(--wp--preset--color--blue-500) !important;}.has-blue-600-color{color: var(--wp--preset--color--blue-600) !important;}.has-blue-700-color{color: var(--wp--preset--color--blue-700) !important;}.has-blue-800-color{color: var(--wp--preset--color--blue-800) !important;}.has-blue-900-color{color: var(--wp--preset--color--blue-900) !important;}.has-blue-950-color{color: var(--wp--preset--color--blue-950) !important;}.has-indigo-50-color{color: var(--wp--preset--color--indigo-50) !important;}.has-indigo-100-color{color: var(--wp--preset--color--indigo-100) !important;}.has-indigo-200-color{color: var(--wp--preset--color--indigo-200) !important;}.has-indigo-300-color{color: var(--wp--preset--color--indigo-300) !important;}.has-indigo-400-color{color: var(--wp--preset--color--indigo-400) !important;}.has-indigo-500-color{color: var(--wp--preset--color--indigo-500) !important;}.has-indigo-600-color{color: var(--wp--preset--color--indigo-600) !important;}.has-indigo-700-color{color: var(--wp--preset--color--indigo-700) !important;}.has-indigo-800-color{color: var(--wp--preset--color--indigo-800) !important;}.has-indigo-900-color{color: var(--wp--preset--color--indigo-900) !important;}.has-purple-50-color{color: var(--wp--preset--color--purple-50) !important;}.has-purple-100-color{color: var(--wp--preset--color--purple-100) !important;}.has-purple-200-color{color: var(--wp--preset--color--purple-200) !important;}.has-purple-300-color{color: var(--wp--preset--color--purple-300) !important;}.has-purple-400-color{color: var(--wp--preset--color--purple-400) !important;}.has-purple-500-color{color: var(--wp--preset--color--purple-500) !important;}.has-purple-600-color{color: var(--wp--preset--color--purple-600) !important;}.has-purple-700-color{color: var(--wp--preset--color--purple-700) !important;}.has-purple-800-color{color: var(--wp--preset--color--purple-800) !important;}.has-purple-900-color{color: var(--wp--preset--color--purple-900) !important;}.has-pink-50-color{color: var(--wp--preset--color--pink-50) !important;}.has-pink-100-color{color: var(--wp--preset--color--pink-100) !important;}.has-pink-200-color{color: var(--wp--preset--color--pink-200) !important;}.has-pink-300-color{color: var(--wp--preset--color--pink-300) !important;}.has-pink-400-color{color: var(--wp--preset--color--pink-400) !important;}.has-pink-500-color{color: var(--wp--preset--color--pink-500) !important;}.has-pink-600-color{color: var(--wp--preset--color--pink-600) !important;}.has-pink-700-color{color: var(--wp--preset--color--pink-700) !important;}.has-pink-800-color{color: var(--wp--preset--color--pink-800) !important;}.has-pink-900-color{color: var(--wp--preset--color--pink-900) !important;}.has-rose-100-color{color: var(--wp--preset--color--rose-100) !important;}.has-rose-200-color{color: var(--wp--preset--color--rose-200) !important;}.has-rose-500-color{color: var(--wp--preset--color--rose-500) !important;}.has-rose-600-color{color: var(--wp--preset--color--rose-600) !important;}.has-rose-900-color{color: var(--wp--preset--color--rose-900) !important;}.has-rose-950-color{color: var(--wp--preset--color--rose-950) !important;}.has-gray-50-color{color: var(--wp--preset--color--gray-50) !important;}.has-gray-100-color{color: var(--wp--preset--color--gray-100) !important;}.has-gray-200-color{color: var(--wp--preset--color--gray-200) !important;}.has-gray-300-color{color: var(--wp--preset--color--gray-300) !important;}.has-gray-400-color{color: var(--wp--preset--color--gray-400) !important;}.has-gray-500-color{color: var(--wp--preset--color--gray-500) !important;}.has-gray-600-color{color: var(--wp--preset--color--gray-600) !important;}.has-gray-700-color{color: var(--wp--preset--color--gray-700) !important;}.has-gray-800-color{color: var(--wp--preset--color--gray-800) !important;}.has-gray-900-color{color: var(--wp--preset--color--gray-900) !important;}.has-neutral-50-color{color: var(--wp--preset--color--neutral-50) !important;}.has-neutral-100-color{color: var(--wp--preset--color--neutral-100) !important;}.has-neutral-200-color{color: var(--wp--preset--color--neutral-200) !important;}.has-neutral-300-color{color: var(--wp--preset--color--neutral-300) !important;}.has-neutral-400-color{color: var(--wp--preset--color--neutral-400) !important;}.has-neutral-500-color{color: var(--wp--preset--color--neutral-500) !important;}.has-neutral-600-color{color: var(--wp--preset--color--neutral-600) !important;}.has-neutral-700-color{color: var(--wp--preset--color--neutral-700) !important;}.has-neutral-800-color{color: var(--wp--preset--color--neutral-800) !important;}.has-neutral-900-color{color: var(--wp--preset--color--neutral-900) !important;}.has-neutral-950-color{color: var(--wp--preset--color--neutral-950) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-primary-dark-color{color: var(--wp--preset--color--primary-dark) !important;}.has-primary-light-color{color: var(--wp--preset--color--primary-light) !important;}.has-primary-lighter-color{color: var(--wp--preset--color--primary-lighter) !important;}.has-primary-lightest-color{color: var(--wp--preset--color--primary-lightest) !important;}.has-primary-rgb-color{color: var(--wp--preset--color--primary-rgb) !important;}.has-green-color{color: var(--wp--preset--color--green) !important;}.has-green-dark-color{color: var(--wp--preset--color--green-dark) !important;}.has-green-darker-color{color: var(--wp--preset--color--green-darker) !important;}.has-green-darkest-color{color: var(--wp--preset--color--green-darkest) !important;}.has-green-light-color{color: var(--wp--preset--color--green-light) !important;}.has-green-bright-color{color: var(--wp--preset--color--green-bright) !important;}.has-green-neon-color{color: var(--wp--preset--color--green-neon) !important;}.has-green-mint-color{color: var(--wp--preset--color--green-mint) !important;}.has-green-pastel-color{color: var(--wp--preset--color--green-pastel) !important;}.has-green-alt-color{color: var(--wp--preset--color--green-alt) !important;}.has-green-medium-color{color: var(--wp--preset--color--green-medium) !important;}.has-green-muted-color{color: var(--wp--preset--color--green-muted) !important;}.has-green-forest-color{color: var(--wp--preset--color--green-forest) !important;}.has-green-vivid-color{color: var(--wp--preset--color--green-vivid) !important;}.has-green-nature-color{color: var(--wp--preset--color--green-nature) !important;}.has-red-color{color: var(--wp--preset--color--red) !important;}.has-red-dark-color{color: var(--wp--preset--color--red-dark) !important;}.has-red-darker-color{color: var(--wp--preset--color--red-darker) !important;}.has-red-darkest-color{color: var(--wp--preset--color--red-darkest) !important;}.has-red-light-color{color: var(--wp--preset--color--red-light) !important;}.has-red-bright-color{color: var(--wp--preset--color--red-bright) !important;}.has-red-neon-color{color: var(--wp--preset--color--red-neon) !important;}.has-red-mint-color{color: var(--wp--preset--color--red-mint) !important;}.has-red-pastel-color{color: var(--wp--preset--color--red-pastel) !important;}.has-red-alt-color{color: var(--wp--preset--color--red-alt) !important;}.has-red-medium-color{color: var(--wp--preset--color--red-medium) !important;}.has-red-muted-color{color: var(--wp--preset--color--red-muted) !important;}.has-red-forest-color{color: var(--wp--preset--color--red-forest) !important;}.has-red-vivid-color{color: var(--wp--preset--color--red-vivid) !important;}.has-red-nature-color{color: var(--wp--preset--color--red-nature) !important;}.has-red-mist-color{color: var(--wp--preset--color--red-mist) !important;}.has-red-mist-dark-color{color: var(--wp--preset--color--red-mist-dark) !important;}.has-dark-color{color: var(--wp--preset--color--dark) !important;}.has-dark-100-color{color: var(--wp--preset--color--dark-100) !important;}.has-dark-200-color{color: var(--wp--preset--color--dark-200) !important;}.has-dark-300-color{color: var(--wp--preset--color--dark-300) !important;}.has-dark-400-color{color: var(--wp--preset--color--dark-400) !important;}.has-dark-500-color{color: var(--wp--preset--color--dark-500) !important;}.has-dark-600-color{color: var(--wp--preset--color--dark-600) !important;}.has-dark-700-color{color: var(--wp--preset--color--dark-700) !important;}.has-dark-800-color{color: var(--wp--preset--color--dark-800) !important;}.has-dark-900-color{color: var(--wp--preset--color--dark-900) !important;}.has-gray-color{color: var(--wp--preset--color--gray) !important;}.has-gray-light-color{color: var(--wp--preset--color--gray-light) !important;}.has-secondary-color{color: var(--wp--preset--color--s
93econdary) !important;}.has-offwhite-color{color: var(--wp--preset--color--offwhite) !important;}.has-yellow-color{color: var(--wp--preset--color--yellow) !important;}.has-yellow-light-color{color: var(--wp--preset--color--yellow-light) !important;}.has-yellow-bright-color{color: var(--wp--preset--color--yellow-bright) !important;}.has-yellow-green-color{color: var(--wp--preset--color--yellow-green) !important;}.has-yellow-golden-color{color: var(--wp--preset--color--yellow-golden) !important;}.has-yellow-amber-color{color: var(--wp--preset--color--yellow-amber) !important;}.has-orange-color{color: var(--wp--preset--color--orange) !important;}.has-orange-dark-color{color: var(--wp--preset--color--orange-dark) !important;}.has-brown-dark-color{color: var(--wp--preset--color--brown-dark) !important;}.has-brown-light-color{color: var(--wp--preset--color--brown-light) !important;}.has-brown-red-color{color: var(--wp--preset--color--brown-red) !important;}.has-brown-deep-color{color: var(--wp--preset--color--brown-deep) !important;}.has-blue-color{color: var(--wp--preset--color--blue) !important;}.has-blue-dark-color{color: var(--wp--preset--color--blue-dark) !important;}.has-blue-medium-color{color: var(--wp--preset--color--blue-medium) !important;}.has-blue-deep-color{color: var(--wp--preset--color--blue-deep) !important;}.has-blue-darker-color{color: var(--wp--preset--color--blue-darker) !important;}.has-blue-navy-color{color: var(--wp--preset--color--blue-navy) !important;}.has-blue-midnight-color{color: var(--wp--preset--color--blue-midnight) !important;}.has-blue-ocean-color{color: var(--wp--preset--color--blue-ocean) !important;}.has-blue-marine-color{color: var(--wp--preset--color--blue-marine) !important;}.has-blue-teal-color{color: var(--wp--preset--color--blue-teal) !important;}.has-blue-cyan-color{color: var(--wp--preset--color--blue-cyan) !important;}.has-blue-vibrant-color{color: var(--wp--preset--color--blue-vibrant) !important;}.has-blue-indigo-color{color: var(--wp--preset--color--blue-indigo) !important;}.has-cyan-color{color: var(--wp--preset--color--cyan) !important;}.has-cyan-bright-color{color: var(--wp--preset--color--cyan-bright) !important;}.has-indigo-color{color: var(--wp--preset--color--indigo) !important;}.has-purple-color{color: var(--wp--preset--color--purple) !important;}.has-pink-color{color: var(--wp--preset--color--pink) !important;}.has-red-wine-color{color: var(--wp--preset--color--red-wine) !important;}.has-red-blood-color{color: var(--wp--preset--color--red-blood) !important;}.has-red-crimson-color{color: var(--wp--preset--color--red-crimson) !important;}.has-body-color{color: var(--wp--preset--color--body) !important;}.has-light-bg-color{color: var(--wp--preset--color--light-bg) !important;}.has-light-bg-100-color{color: var(--wp--preset--color--light-bg-100) !important;}.has-divider-color{color: var(--wp--preset--color--divider) !important;}.has-neutral-color{color: var(--wp--preset--color--neutral) !important;}.has-live-red-color{color: var(--wp--preset--color--live-red) !important;}.has-accent-color{color: var(--wp--preset--color--accent) !important;}.has-tertiary-color{color: var(--wp--preset--color--tertiary) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-red-50-background-color{background-color: var(--wp--preset--color--red-50) !important;}.has-red-100-background-color{background-color: var(--wp--preset--color--red-100) !important;}.has-red-200-background-color{background-color: var(--wp--preset--color--red-200) !important;}.has-red-300-background-color{background-color: var(--wp--preset--color--red-300) !important;}.has-red-400-background-color{background-color: var(--wp--preset--color--red-400) !important;}.has-red-500-background-color{background-color: var(--wp--preset--color--red-500) !important;}.has-red-600-background-color{background-color: var(--wp--preset--color--red-600) !important;}.has-red-700-background-color{background-color: var(--wp--preset--color--red-700) !important;}.has-red-800-background-color{background-color: var(--wp--preset--color--red-800) !important;}.has-red-900-background-color{background-color: var(--wp--preset--color--red-900) !important;}.has-orange-50-background-color{background-color: var(--wp--preset--color--orange-50) !important;}.has-orange-100-background-color{background-color: var(--wp--preset--color--orange-100) !important;}.has-orange-200-background-color{background-color: var(--wp--preset--color--orange-200) !important;}.has-orange-300-background-color{background-color: var(--wp--preset--color--orange-300) !important;}.has-orange-400-background-color{background-color: var(--wp--preset--color--orange-400) !important;}.has-orange-500-background-color{background-color: var(--wp--preset--color--orange-500) !important;}.has-orange-600-background-color{background-color: var(--wp--preset--color--orange-600) !important;}.has-orange-700-background-color{background-color: var(--wp--preset--color--orange-700) !important;}.has-orange-800-background-color{background-color: var(--wp--preset--color--orange-800) !important;}.has-orange-900-background-color{background-color: var(--wp--preset--color--orange-900) !important;}.has-amber-100-background-color{background-color: var(--wp--preset--color--amber-100) !important;}.has-amber-200-background-color{background-color: var(--wp--preset--color--amber-200) !important;}.has-amber-300-background-color{background-color: var(--wp--preset--color--amber-300) !important;}.has-amber-400-background-color{background-color: var(--wp--preset--color--amber-400) !important;}.has-amber-500-background-color{background-color: var(--wp--preset--color--amber-500) !important;}.has-amber-600-background-color{background-color: var(--wp--preset--color--amber-600) !important;}.has-amber-800-background-color{background-color: var(--wp--preset--color--amber-800) !important;}.has-amber-900-background-color{background-color: var(--wp--preset--color--amber-900) !important;}.has-amber-950-background-color{background-color: var(--wp--preset--color--amber-950) !important;}.has-yellow-50-background-color{background-color: var(--wp--preset--color--yellow-50) !important;}.has-yellow-100-background-color{background-color: var(--wp--preset--color--yellow-100) !important;}.has-yellow-200-background-color{background-color: var(--wp--preset--color--yellow-200) !important;}.has-yellow-300-background-color{background-color: var(--wp--preset--color--yellow-300) !important;}.has-yellow-400-background-color{background-color: var(--wp--preset--color--yellow-400) !important;}.has-yellow-500-background-color{background-color: var(--wp--preset--color--yellow-500) !important;}.has-yellow-600-background-color{background-color: var(--wp--preset--color--yellow-600) !important;}.has-yellow-700-background-color{background-color: var(--wp--preset--color--yellow-700) !important;}.has-yellow-800-background-color{background-color: var(--wp--preset--color--yellow-800) !important;}.has-yellow-900-background-color{background-color: var(--wp--preset--color--yellow-900) !important;}.has-lime-200-background-color{background-color: var(--wp--preset--color--lime-200) !important;}.has-lime-300-background-color{background-color: var(--wp--preset--color--lime-300) !important;}.has-lime-400-background-color{background-color: var(--wp--preset--color--lime-400) !important;}.has-lime-500-background-color{background-color: var(--wp--preset--color--lime-500) !important;}.has-lime-800-background-color{background-color: var(--wp--preset--color--lime-800) !important;}.has-green-50-background-color{background-color: var(--wp--preset--color--green-50) !important;}.has-green-100-background-color{background-color: var(--wp--preset--color--green-100) !important;}.has-green-200-background-color{background-color: var(--wp--preset--color--green-200) !important;}.has-green-300-background-color{background-color: var(--wp--preset--color--green-300) !important;}.has-green-400-background-color{background-color: var(--wp--preset--color--green-400) !important;}.has-green-500-background-color{background-color: var(--wp--preset--color--green-500) !important;}.has-green-600-background-color{background-color: var(--wp--preset--color--green-600) !important;}.has-green-700-background-color{background-color: var(--wp--preset--color--green-700) !important;}.has-green-800-background-color{background-color: var(--wp--preset--color--green-800) !important;}.has-green-900-background-color{background-color: var(--wp--preset--color--green-900) !important;}.has-emerald-200-background-color{background-color: var(--wp--preset--color--emerald-200) !important;}.has-emerald-400-background-color{background-color: var(--wp--preset--color--emerald-400) !important;}.has-emerald-500-background-color{background-color: var(--wp--preset--color--emerald-500) !important;}.has-emerald-600-background-color{background-color: var(--wp--preset--color--emerald-600) !important;}.has-emerald-900-background-color{background-color: var(--wp--preset--color--emerald-900) !important;}.has-teal-50-background-color{background-color: var(--wp--preset--color--teal-50) !important;}.has-teal-100-background-color{background-color: var(--wp--preset--color--teal-100) !important;}.has-teal-200-background-color{background-color: var(--wp--preset--color--teal-200) !important;}.has-teal-300-background-color{background-color: var(--wp--preset--color--teal-300) !important;}.has-teal-400-background-color{background-color: var(--wp--preset--color--teal-400) !important;}.has-teal-500-background-color{background-color: var(--wp--preset--color--teal-500) !important;}.has-teal-600-background-color{background-color: var(--wp--preset--color--teal-600) !important;}.has-teal-700-background-color{background-color: var(--wp--preset--color--teal-700) !important;}.has-teal-800-background-color{background-color: var(--wp--preset--color--teal-800) !important;}.has-cyan-200-background-color{background-color: var(--wp--preset--color--cyan-200) !important;}.has-cyan-300-background-color{background-color: var(--wp--preset--color--cyan-300) !important;}.has-cyan-400-background-color{background-color: var(--wp--preset--color--cyan-400) !important;}.has-cyan-500-background-color{background-color: var(--wp--preset--color--cyan-500) !important;}.has-cyan-600-background-color{background-color: var(--wp--preset--color--cyan-600) !important;}.has-cyan-800-background-color{background-color: var(--wp--preset--color--cyan-800) !important;}.has-sky-400-background-color{background-color: var(--wp--preset--color--sky-400) !important;}.has-sky-500-background-color{background-color: var(--wp--preset--color--sky-500) !important;}.has-sky-600-background-color{background-color: var(--wp--preset--color--sky-600) !important;}.has-blue-50-background-color{background-color: var(--wp--preset--color--blue-50) !important;}.has-blue-100-background-color{background-color: var(--wp--preset--color--blue-100) !important;}.has-blue-200-background-color{background-color: var(--wp--preset--color--blue-200) !important;}.has-blue-300-background-color{background-color: var(--wp--preset--color--blue-300) !important;}.has-blue-400-background-color{background-color: var(--wp--preset--color--blue-400) !important;}.has-blue-500-background-color{background-color: var(--wp--preset--color--blue-500) !important;}.has-blue-600-background-color{background-color: var(--wp--preset--color--blue-600) !important;}.has-blue-700-background-color{background-color: var(--wp--preset--color--blue-700) !important;}.has-blue-800-background-color{background-color: var(--wp--preset--color--blue-800) !important;}.has-blue-900-background-color{background-color: var(--wp--preset--color--blue-900) !important;}.has-blue-950-background-color{background-color: var(--wp--preset--color--blue-950) !important;}.has-indigo-50-background-color{background-color: var(--wp--preset--color--indigo-50) !important;}.has-indigo-100-background-color{background-color: var(--wp--preset--color--indigo-100) !important;}.has-indigo-200-background-color{background-color: var(--wp--preset--color--indigo-200) !important;}.has-indigo-300-background-color{background-color: var(--wp--preset--color--indigo-300) !important;}.has-indigo-400-background-color{background-color: var(--wp--preset--color--indigo-400) !important;}.has-indigo-500-background-color{background-color: var(--wp--preset--color--indigo-500) !important;}.has-indigo-600-background-color{background-color: var(--wp--preset--color--indigo-600) !important;}.has-indigo-700-background-color{background-color: var(--wp--preset--color--indigo-700) !important;}.has-indigo-800-background-color{background-color: var(--wp--preset--color--indigo-800) !important;}.has-indigo-900-background-color{background-color: var(--wp--preset--color--indigo-900) !important;}.has-purple-50-background-color{background-color: var(--wp--preset--color--purple-50) !important;}.has-purple-100-background-color{background-color: var(--wp--preset--color--purple-100) !important;}.has-purple-200-background-color{background-color: var(--wp--preset--color--purple-200) !important;}.has-purple-300-background-color{background-color: var(--wp--preset--color--purple-300) !important;}.has-purple-400-background-color{background-color: var(--wp--preset--color--purple-400) !important;}.has-purple-500-background-color{background-color: var(--wp--preset--color--purple-500) !important;}.has-purple-600-background-color{background-color: var(--wp--preset--color--purple-600) !important;}.has-purple-700-background-color{background-color: var(--wp--preset--color--purple-700) !important;}.has-purple-800-background-color{background-color: var(--wp--preset--color--purple-800) !important;}.has-purple-900-background-color{background-color: var(--wp--preset--color--purple-900) !important;}.has-pink-50-background-color{background-color: var(--wp--preset--color--pink-50) !important;}.has-pink-100-background-color{background-color: var(--wp--preset--color--pink-100) !important;}.has-pink-200-background-color{background-color: var(--wp--preset--color--pink-200) !important;}.has-pink-300-background-color{background-color: var(--wp--preset--color--pink-300) !important;}.has-pink-400-background-color{background-color: var(--wp--preset--color--pink-400) !important;}.has-pink-500-background-color{background-color: var(--wp--preset--color--pink-500) !important;}.has-pink-600-background-color{background-color: var(--wp--preset--color--pink-600) !important;}.has-pink-700-background-color{background-color: var(--wp--preset--color--pink-700) !important;}.has-pink-800-background-color{background-color: var(--wp--preset--color--pink-800) !important;}.has-pink-900-background-color{background-color: var(--wp--preset--color--pink-900) !important;}.has-rose-100-background-color{background-color: var(--wp--preset--color--rose-100) !important;}.has-rose-200-background-color{background-color: var(--wp--preset--color--rose-200) !important;}.has-rose-500-background-color{background-color: var(--wp--preset--color--rose-500) !important;}.has-rose-600-background-color{background-color: var(--wp--preset--color--rose-600) !impor
93tant;}.has-rose-900-background-color{background-color: var(--wp--preset--color--rose-900) !important;}.has-rose-950-background-color{background-color: var(--wp--preset--color--rose-950) !important;}.has-gray-50-background-color{background-color: var(--wp--preset--color--gray-50) !important;}.has-gray-100-background-color{background-color: var(--wp--preset--color--gray-100) !important;}.has-gray-200-background-color{background-color: var(--wp--preset--color--gray-200) !important;}.has-gray-300-background-color{background-color: var(--wp--preset--color--gray-300) !important;}.has-gray-400-background-color{background-color: var(--wp--preset--color--gray-400) !important;}.has-gray-500-background-color{background-color: var(--wp--preset--color--gray-500) !important;}.has-gray-600-background-color{background-color: var(--wp--preset--color--gray-600) !important;}.has-gray-700-background-color{background-color: var(--wp--preset--color--gray-700) !important;}.has-gray-800-background-color{background-color: var(--wp--preset--color--gray-800) !important;}.has-gray-900-background-color{background-color: var(--wp--preset--color--gray-900) !important;}.has-neutral-50-background-color{background-color: var(--wp--preset--color--neutral-50) !important;}.has-neutral-100-background-color{background-color: var(--wp--preset--color--neutral-100) !important;}.has-neutral-200-background-color{background-color: var(--wp--preset--color--neutral-200) !important;}.has-neutral-300-background-color{background-color: var(--wp--preset--color--neutral-300) !important;}.has-neutral-400-background-color{background-color: var(--wp--preset--color--neutral-400) !important;}.has-neutral-500-background-color{background-color: var(--wp--preset--color--neutral-500) !important;}.has-neutral-600-background-color{background-color: var(--wp--preset--color--neutral-600) !important;}.has-neutral-700-background-color{background-color: var(--wp--preset--color--neutral-700) !important;}.has-neutral-800-background-color{background-color: var(--wp--preset--color--neutral-800) !important;}.has-neutral-900-background-color{background-color: var(--wp--preset--color--neutral-900) !important;}.has-neutral-950-background-color{background-color: var(--wp--preset--color--neutral-950) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-primary-dark-background-color{background-color: var(--wp--preset--color--primary-dark) !important;}.has-primary-light-background-color{background-color: var(--wp--preset--color--primary-light) !important;}.has-primary-lighter-background-color{background-color: var(--wp--preset--color--primary-lighter) !important;}.has-primary-lightest-background-color{background-color: var(--wp--preset--color--primary-lightest) !important;}.has-primary-rgb-background-color{background-color: var(--wp--preset--color--primary-rgb) !important;}.has-green-background-color{background-color: var(--wp--preset--color--green) !important;}.has-green-dark-background-color{background-color: var(--wp--preset--color--green-dark) !important;}.has-green-darker-background-color{background-color: var(--wp--preset--color--green-darker) !important;}.has-green-darkest-background-color{background-color: var(--wp--preset--color--green-darkest) !important;}.has-green-light-background-color{background-color: var(--wp--preset--color--green-light) !important;}.has-green-bright-background-color{background-color: var(--wp--preset--color--green-bright) !important;}.has-green-neon-background-color{background-color: var(--wp--preset--color--green-neon) !important;}.has-green-mint-background-color{background-color: var(--wp--preset--color--green-mint) !important;}.has-green-pastel-background-color{background-color: var(--wp--preset--color--green-pastel) !important;}.has-green-alt-background-color{background-color: var(--wp--preset--color--green-alt) !important;}.has-green-medium-background-color{background-color: var(--wp--preset--color--green-medium) !important;}.has-green-muted-background-color{background-color: var(--wp--preset--color--green-muted) !important;}.has-green-forest-background-color{background-color: var(--wp--preset--color--green-forest) !important;}.has-green-vivid-background-color{background-color: var(--wp--preset--color--green-vivid) !important;}.has-green-nature-background-color{background-color: var(--wp--preset--color--green-nature) !important;}.has-red-background-color{background-color: var(--wp--preset--color--red) !important;}.has-red-dark-background-color{background-color: var(--wp--preset--color--red-dark) !important;}.has-red-darker-background-color{background-color: var(--wp--preset--color--red-darker) !important;}.has-red-darkest-background-color{background-color: var(--wp--preset--color--red-darkest) !important;}.has-red-light-background-color{background-color: var(--wp--preset--color--red-light) !important;}.has-red-bright-background-color{background-color: var(--wp--preset--color--red-bright) !important;}.has-red-neon-background-color{background-color: var(--wp--preset--color--red-neon) !important;}.has-red-mint-background-color{background-color: var(--wp--preset--color--red-mint) !important;}.has-red-pastel-background-color{background-color: var(--wp--preset--color--red-pastel) !important;}.has-red-alt-background-color{background-color: var(--wp--preset--color--red-alt) !important;}.has-red-medium-background-color{background-color: var(--wp--preset--color--red-medium) !important;}.has-red-muted-background-color{background-color: var(--wp--preset--color--red-muted) !important;}.has-red-forest-background-color{background-color: var(--wp--preset--color--red-forest) !important;}.has-red-vivid-background-color{background-color: var(--wp--preset--color--red-vivid) !important;}.has-red-nature-background-color{background-color: var(--wp--preset--color--red-nature) !important;}.has-red-mist-background-color{background-color: var(--wp--preset--color--red-mist) !important;}.has-red-mist-dark-background-color{background-color: var(--wp--preset--color--red-mist-dark) !important;}.has-dark-background-color{background-color: var(--wp--preset--color--dark) !important;}.has-dark-100-background-color{background-color: var(--wp--preset--color--dark-100) !important;}.has-dark-200-background-color{background-color: var(--wp--preset--color--dark-200) !important;}.has-dark-300-background-color{background-color: var(--wp--preset--color--dark-300) !important;}.has-dark-400-background-color{background-color: var(--wp--preset--color--dark-400) !important;}.has-dark-500-background-color{background-color: var(--wp--preset--color--dark-500) !important;}.has-dark-600-background-color{background-color: var(--wp--preset--color--dark-600) !important;}.has-dark-700-background-color{background-color: var(--wp--preset--color--dark-700) !important;}.has-dark-800-background-color{background-color: var(--wp--preset--color--dark-800) !important;}.has-dark-900-background-color{background-color: var(--wp--preset--color--dark-900) !important;}.has-gray-background-color{background-color: var(--wp--preset--color--gray) !important;}.has-gray-light-background-color{background-color: var(--wp--preset--color--gray-light) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-offwhite-background-color{background-color: var(--wp--preset--color--offwhite) !important;}.has-yellow-background-color{background-color: var(--wp--preset--color--yellow) !important;}.has-yellow-light-background-color{background-color: var(--wp--preset--color--yellow-light) !important;}.has-yellow-bright-background-color{background-color: var(--wp--preset--color--yellow-bright) !important;}.has-yellow-green-background-color{background-color: var(--wp--preset--color--yellow-green) !important;}.has-yellow-golden-background-color{background-color: var(--wp--preset--color--yellow-golden) !important;}.has-yellow-amber-background-color{background-color: var(--wp--preset--color--yellow-amber) !important;}.has-orange-background-color{background-color: var(--wp--preset--color--orange) !important;}.has-orange-dark-background-color{background-color: var(--wp--preset--color--orange-dark) !important;}.has-brown-dark-background-color{background-color: var(--wp--preset--color--brown-dark) !important;}.has-brown-light-background-color{background-color: var(--wp--preset--color--brown-light) !important;}.has-brown-red-background-color{background-color: var(--wp--preset--color--brown-red) !important;}.has-brown-deep-background-color{background-color: var(--wp--preset--color--brown-deep) !important;}.has-blue-background-color{background-color: var(--wp--preset--color--blue) !important;}.has-blue-dark-background-color{background-color: var(--wp--preset--color--blue-dark) !important;}.has-blue-medium-background-color{background-color: var(--wp--preset--color--blue-medium) !important;}.has-blue-deep-background-color{background-color: var(--wp--preset--color--blue-deep) !important;}.has-blue-darker-background-color{background-color: var(--wp--preset--color--blue-darker) !important;}.has-blue-navy-background-color{background-color: var(--wp--preset--color--blue-navy) !important;}.has-blue-midnight-background-color{background-color: var(--wp--preset--color--blue-midnight) !important;}.has-blue-ocean-background-color{background-color: var(--wp--preset--color--blue-ocean) !important;}.has-blue-marine-background-color{background-color: var(--wp--preset--color--blue-marine) !important;}.has-blue-teal-background-color{background-color: var(--wp--preset--color--blue-teal) !important;}.has-blue-cyan-background-color{background-color: var(--wp--preset--color--blue-cyan) !important;}.has-blue-vibrant-background-color{background-color: var(--wp--preset--color--blue-vibrant) !important;}.has-blue-indigo-background-color{background-color: var(--wp--preset--color--blue-indigo) !important;}.has-cyan-background-color{background-color: var(--wp--preset--color--cyan) !important;}.has-cyan-bright-background-color{background-color: var(--wp--preset--color--cyan-bright) !important;}.has-indigo-background-color{background-color: var(--wp--preset--color--indigo) !important;}.has-purple-background-color{background-color: var(--wp--preset--color--purple) !important;}.has-pink-background-color{background-color: var(--wp--preset--color--pink) !important;}.has-red-wine-background-color{background-color: var(--wp--preset--color--red-wine) !important;}.has-red-blood-background-color{background-color: var(--wp--preset--color--red-blood) !important;}.has-red-crimson-background-color{background-color: var(--wp--preset--color--red-crimson) !important;}.has-body-background-color{background-color: var(--wp--preset--color--body) !important;}.has-light-bg-background-color{background-color: var(--wp--preset--color--light-bg) !important;}.has-light-bg-100-background-color{background-color: var(--wp--preset--color--light-bg-100) !important;}
93.has-divider-background-color{background-color: var(--wp--preset--color--divider) !important;}.has-neutral-background-color{background-color: var(--wp--preset--color--neutral) !important;}.has-live-red-background-color{background-color: var(--wp--preset--color--live-red) !important;}.has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}.has-tertiary-background-color{background-color: var(--wp--preset--color--tertiary) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-red-50-border-color{border-color: var(--wp--preset--color--red-50) !important;}.has-red-100-border-color{border-color: var(--wp--preset--color--red-100) !important;}.has-red-200-border-color{border-color: var(--wp--preset--color--red-200) !important;}.has-red-300-border-color{border-color: var(--wp--preset--color--red-300) !important;}.has-red-400-border-color{border-color: var(--wp--preset--color--red-400) !important;}.has-red-500-border-color{border-color: var(--wp--preset--color--red-500) !important;}.has-red-600-border-color{border-color: var(--wp--preset--color--red-600) !important;}.has-red-700-border-color{border-color: var(--wp--preset--color--red-700) !important;}.has-red-800-border-color{border-color: var(--wp--preset--color--red-800) !important;}.has-red-900-border-color{border-color: var(--wp--preset--color--red-900) !important;}.has-orange-50-border-color{border-color: var(--wp--preset--color--orange-50) !important;}.has-orange-100-border-color{border-color: var(--wp--preset--color--orange-100) !important;}.has-orange-200-border-color{border-color: var(--wp--preset--color--orange-200) !important;}.has-orange-300-border-color{border-color: var(--wp--preset--color--orange-300) !important;}.has-orange-400-border-color{border-color: var(--wp--preset--color--orange-400) !important;}.has-orange-500-border-color{border-color: var(--wp--preset--color--orange-500) !important;}.has-orange-600-border-color{border-color: var(--wp--preset--color--orange-600) !important;}.has-orange-700-border-color{border-color: var(--wp--preset--color--orange-700) !important;}.has-orange-800-border-color{border-color: var(--wp--preset--color--orange-800) !important;}.has-orange-900-border-color{border-color: var(--wp--preset--color--orange-900) !important;}.has-amber-100-border-color{border-color: var(--wp--preset--color--amber-100) !important;}.has-amber-200-border-color{border-color: var(--wp--preset--color--amber-200) !important;}.has-amber-300-border-color{border-color: var(--wp--preset--color--amber-300) !important;}.has-amber-400-border-color{border-color: var(--wp--preset--color--amber-400) !important;}.has-amber-500-border-color{border-color: var(--wp--preset--color--amber-500) !important;}.has-amber-600-border-color{border-color: var(--wp--preset--color--amber-600) !important;}.has-amber-800-border-color{border-color: var(--wp--preset--color--amber-800) !important;}.has-amber-900-border-color{border-color: var(--wp--preset--color--amber-900) !important;}.has-amber-950-border-color{border-color: var(--wp--preset--color--amber-950) !important;}.has-yellow-50-border-color{border-color: var(--wp--preset--color--yellow-50) !important;}.has-yellow-100-border-color{border-color: var(--wp--preset--color--yellow-100) !important;}.has-yellow-200-border-color{border-color: var(--wp--preset--color--yellow-200) !important;}.has-yellow-300-border-color{border-color: var(--wp--preset--color--yellow-300) !important;}.has-yellow-400-border-color{border-color: var(--wp--preset--color--yellow-400) !important;}.has-yellow-500-border-color{border-color: var(--wp--preset--color--yellow-500) !important;}.has-yellow-600-border-color{border-color: var(--wp--preset--color--yellow-600) !important;}.has-yellow-700-border-color{border-color: var(--wp--preset--color--yellow-700) !important;}.has-yellow-800-border-color{border-color: var(--wp--preset--color--yellow-800) !important;}.has-yellow-900-border-color{border-color: var(--wp--preset--color--yellow-900) !important;}.has-lime-200-border-color{border-color: var(--wp--preset--color--lime-200) !important;}.has-lime-300-border-color{border-color: var(--wp--preset--color--lime-300) !important;}.has-lime-400-border-color{border-color: var(--wp--preset--color--lime-400) !important;}.has-lime-500-border-color{border-color: var(--wp--preset--color--lime-500) !important;}.has-lime-800-border-color{border-color: var(--wp--preset--color--lime-800) !important;}.has-green-50-border-color{border-color: var(--wp--preset--color--green-50) !important;}.has-green-100-border-color{border-color: var(--wp--preset--color--green-100) !important;}.has-green-200-border-color{border-color: var(--wp--preset--color--green-200) !important;}.has-green-300-border-color{border-color: var(--wp--preset--color--green-300) !important;}.has-green-400-border-color{border-color: var(--wp--preset--color--green-400) !important;}.has-green-500-border-color{border-color: var(--wp--preset--color--green-500) !important;}.has-green-600-border-color{border-color: var(--wp--preset--color--green-600) !important;}.has-green-700-border-color{border-color: var(--wp--preset--color--green-700) !important;}.has-green-800-border-color{border-color: var(--wp--preset--color--green-800) !important;}.has-green-900-border-color{border-color: var(--wp--preset--color--green-900) !important;}.has-emerald-200-border-color{border-color: var(--wp--preset--color--emerald-200) !important;}.has-emerald-400-border-color{border-color: var(--wp--preset--color--emerald-400) !important;}.has-emerald-500-border-color{border-color: var(--wp--preset--color--emerald-500) !important;}.has-emerald-600-border-color{border-color: var(--wp--preset--color--emerald-600) !important;}.has-emerald-900-border-color{border-color: var(--wp--preset--color--emerald-900) !important;}.has-teal-50-border-color{border-color: var(--wp--preset--color--teal-50) !important;}.has-teal-100-border-color{border-color: var(--wp--preset--color--teal-100) !important;}.has-teal-200-border-color{border-color: var(--wp--preset--color--teal-200) !important;}.has-teal-300-border-color{border-color: var(--wp--preset--color--teal-300) !important;}.has-teal-400-border-color{border-color: var(--wp--preset--color--teal-400) !important;}.has-teal-500-border-color{border-color: var(--wp--preset--color--teal-500) !important;}.has-teal-600-border-color{border-color: var(--wp--preset--color--teal-600) !important;}.has-teal-700-border-color{border-color: var(--wp--preset--color--teal-700) !important;}.has-teal-800-border-color{border-color: var(--wp--preset--color--teal-800) !important;}.has-cyan-200-border-color{border-color: var(--wp--preset--color--cyan-200) !important;}.has-cyan-300-border-color{border-color: var(--wp--preset--color--cyan-300) !important;}.has-cyan-400-border-color{border-color: var(--wp--preset--color--cyan-400) !important;}.has-cyan-500-border-color{border-color: var(--wp--preset--color--cyan-500) !important;}.has-cyan-600-border-color{border-color: var(--wp--preset--color--cyan-600) !important;}.has-cyan-800-border-color{border-color: var(--wp--preset--color--cyan-800) !important;}.has-sky-400-border-color{border-color: var(--wp--preset--color--sky-400) !important;}.has-sky-500-border-color{border-color: var(--wp--preset--color--sky-500) !important;}.has-sky-600-border-color{border-color: var(--wp--preset--color--sky-600) !important;}.has-blue-50-border-color{border-color: var(--wp--preset--color--blue-50) !important;}.has-blue-100-border-color{border-color: var(--wp--preset--color--blue-100) !important;}.has-blue-200-border-color{border-color: var(--wp--preset--color--blue-200) !important;}.has-blue-300-border-color{border-color: var(--wp--preset--color--blue-300) !important;}.has-blue-400-border-color{border-color: var(--wp--preset--color--blue-400) !important;}.has-blue-500-border-color{border-color: var(--wp--preset--color--blue-500) !important;}.has-blue-600-border-color{border-color: var(--wp--preset--color--blue-600) !important;}.has-blue-700-border-color{border-color: var(--wp--preset--color--blue-700) !important;}.has-blue-800-border-color{border-color: var(--wp--preset--color--blue-800) !important;}.has-blue-900-border-color{border-color: var(--wp--preset--color--blue-900) !important;}.has-blue-950-border-color{border-color: var(--wp--preset--color--blue-950) !important;}.has-indigo-50-border-color{border-color: var(--wp--preset--color--indigo-50) !important;}.has-indigo-100-border-color{border-color: var(--wp--preset--color--indigo-100) !important;}.has-indigo-200-border-color{border-color: var(--wp--preset--color--indigo-200) !important;}.has-indigo-300-border-color{border-color: var(--wp--preset--color--indigo-300) !important;}.has-indigo-400-border-color{border-color: var(--wp--preset--color--indigo-400) !important;}.has-indigo-500-border-color{border-color: var(--wp--preset--color--indigo-500) !important;}.has-indigo-600-border-color{border-color: var(--wp--preset--color--indigo-600) !important;}.has-indigo-700-border-color{border-color: var(--wp--preset--color--indigo-700) !important;}.has-indigo-800-border-color{border-color: var(--wp--preset--color--indigo-800) !important;}.has-indigo-900-border-color{border-color: var(--wp--preset--color--indigo-900) !important;}.has-purple-50-border-color{border-color: var(--wp--preset--color--purple-50) !important;}.has-purple-100-border-color{border-color: var(--wp--preset--color--purple-100) !important;}.has-purple-200-border-color{border-color: var(--wp--preset--color--purple-200) !important;}.has-purple-300-border-color{border-color: var(--wp--preset--color--purple-300) !important;}.has-purple-400-border-color{border-color: var(--wp--preset--color--purple-400) !important;}.has-purple-500-border-color{border-color: var(--wp--preset--color--purple-500) !important;}.has-purple-600-border-color{border-color: var(--wp--preset--color--purple-600) !important;}.has-purple-700-border-color{border-color: var(--wp--preset--color--purple-700) !important;}.has-purple-800-border-color{border-color: var(--wp--preset--color--purple-800) !important;}.has-purple-900-border-color{border-color: var(--wp--preset--color--purple-900) !important;}.has-pink-50-border-color{border-color: var(--wp--preset--color--pink-50) !important;}.has-pink-100-border-color{border-color: var(--wp--preset--color--pink-100) !important;}.has-pink-200-border-color{border-color: var(--wp--preset--color--pink-200) !important;}.has-pink-300-border-color{border-color: var(--wp--preset--color--pink-300) !important;}.has-pink-400-border-color{border-color: var(--wp--preset--color--pink-400) !important;}.has-pink-500-border-color{border-color: var(--wp--preset--color--pink-500) !important;}.has-pink-600-border-color{border-color: var(--wp--preset--color--pink-600) !important;}.has-pink-700-border-color{border-color: var(--wp--preset--color--pink-700) !important;}.has-pink-800-border-color{border-color: var(--wp--preset--color--pink-800) !important;}.has-pink-900-border-color{border-color: var(--wp--preset--color--pink-900) !important;}.has-rose-100-border-color{border-color: var(--wp--preset--color--rose-100) !important;}.has-rose-200-border-color{border-color: var(--wp--preset--color--rose-200) !important;}.has-rose-500-border-color{border-color: var(--wp--preset--color--rose-500) !important;}.has-rose-600-border-color{border-color: var(--wp--preset--color--rose-600) !important;}.has-rose-900-border-color{border-color: var(--wp--preset--color--rose-900) !important;}.has-rose-950-border-color{border-color: var(--wp--preset--color--rose-950) !important;}.has-gray-50-border-color{border-color: var(--wp--preset--color--gray-50) !important;}.has-gray-100-border-color{border-color: var(--wp--preset--color--gray-100) !important;}.has-gray-200-border-color{border-color: var(--wp--preset--color--gray-200) !important;}.has-gray-300-border-color{border-color: var(--wp--preset--color--gray-300) !important;}.has-gray-400-border-color{border-color: var(--wp--preset--color--gray-400) !important;}.has-gray-500-border-color{border-color: var(--wp--preset--color--gray-500) !important;}.has-gray-600-border-color{border-color: var(--wp--preset--color--gray-600) !important;}.has-gray-700-border-color{border-color: var(--wp--preset--color--gray-700) !important;}.has-gray-800-border-color{border-color: var(--wp--preset--color--gray-800) !important;}.has-gray-900-border-color{border-color: var(--wp--preset--color--gray-900) !important;}.has-neutral-50-border-color{border-color: var(--wp--preset--color--neutral-50) !important;}.has-neutral-100-border-color{border-color: var(--wp--preset--color--neutral-100) !important;}.has-neutral-200-border-color{border-color: var(--wp--preset--color--neutral-200) !important;}.has-neutral-300-border-color{border-color: var(--wp--preset--color--neutral-300) !important;}.has-neutral-400-border-color{border-color: var(--wp--preset--color--neutral-400) !important;}.has-neutral-500-border-color{border-color: var(--wp--preset--color--neutral-500) !important;}.has-neutral-600-border-color{border-color: var(--wp--preset--color--neutral-600) !important;}.has-neutral-700-border-color{border-color: var(--wp--preset--color--neutral-700) !important;}.has-neutral-800-border-color{border-color: var(--wp--preset--color--neutral-800) !important;}.has-neutral-900-border-color{border-color: var(--wp--preset--color--neutral-900) !important;}.has-neutral-950-border-color{border-color: var(--wp--preset--color--neutral-950) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-primary-dark-border-color{border-color: var(--wp--preset--color--primary-dark) !important;}.has-primary-light-border-color{border-color: var(--wp--preset--color--primary-light) !important;}.has-primary-lighter-border-color{border-color: var(--wp--preset--color--primary-lighter) !important;}.has-primary-lightest-border-color{border-color: var(--wp--preset--color--primary-lightest) !important;}.has-primary-rgb-border-color{border-color: var(--wp--preset--color--primary-rgb) !important;}.has-green-border-color{border-color: var(--wp--preset--color--green) !important;}.has-green-dark-border-color{border-color: var(--wp--preset--color--green-dark) !important;}.has-green-darker-border-color{border-color: var(--wp--preset--color--green-darker) !important;}.has-green-darkest-border-color{border-color: var(--wp--preset--color--green-darkest) !important;}.has-green-light-border-color{border-color: var(--wp--preset--color--green-light) !important;}.has-green-bright-border-color{border-color: var(--wp--preset--color--green-bright) !important;}.has-green-neon-border-color{border-color: var(--wp--preset--color--green-neon) !important;}.has-green-mint-border-color{border-color: var(--wp--preset--color--green-mint) !important;}.has-green-pastel-border-color{border-color: var(--wp--preset--color--green-pastel) !important;}.has-green-alt-border-color{border-color: var(--wp--preset--color--green-alt) !important;}.has-green-medium-border-color{border-color: var(--wp--preset--color--green-medium) !important;}.has-green-muted-border-color{border-color: var(--wp--preset--color--green-muted) !important;}.has-green-forest-border-col
93or{border-color: var(--wp--preset--color--green-forest) !important;}.has-green-vivid-border-color{border-color: var(--wp--preset--color--green-vivid) !important;}.has-green-nature-border-color{border-color: var(--wp--preset--color--green-nature) !important;}.has-red-border-color{border-color: var(--wp--preset--color--red) !important;}.has-red-dark-border-color{border-color: var(--wp--preset--color--red-dark) !important;}.has-red-darker-border-color{border-color: var(--wp--preset--color--red-darker) !important;}.has-red-darkest-border-color{border-color: var(--wp--preset--color--red-darkest) !important;}.has-red-light-border-color{border-color: var(--wp--preset--color--red-light) !important;}.has-red-bright-border-color{border-color: var(--wp--preset--color--red-bright) !important;}.has-red-neon-border-color{border-color: var(--wp--preset--color--red-neon) !important;}.has-red-mint-border-color{border-color: var(--wp--preset--color--red-mint) !important;}.has-red-pastel-border-color{border-color: var(--wp--preset--color--red-pastel) !important;}.has-red-alt-border-color{border-color: var(--wp--preset--color--red-alt) !important;}.has-red-medium-border-color{border-color: var(--wp--preset--color--red-medium) !important;}.has-red-muted-border-color{border-color: var(--wp--preset--color--red-muted) !important;}.has-red-forest-border-color{border-color: var(--wp--preset--color--red-forest) !important;}.has-red-vivid-border-color{border-color: var(--wp--preset--color--red-vivid) !important;}.has-red-nature-border-color{border-color: var(--wp--preset--color--red-nature) !important;}.has-red-mist-border-color{border-color: var(--wp--preset--color--red-mist) !important;}.has-red-mist-dark-border-color{border-color: var(--wp--preset--color--red-mist-dark) !important;}.has-dark-border-color{border-color: var(--wp--preset--color--dark) !important;}.has-dark-100-border-color{border-color: var(--wp--preset--color--dark-100) !important;}.has-dark-200-border-color{border-color: var(--wp--preset--color--dark-200) !important;}.has-dark-300-border-color{border-color: var(--wp--preset--color--dark-300) !important;}.has-dark-400-border-color{border-color: var(--wp--preset--color--dark-400) !important;}.has-dark-500-border-color{border-color: var(--wp--preset--color--dark-500) !important;}.has-dark-600-border-color{border-color: var(--wp--preset--color--dark-600) !important;}.has-dark-700-border-color{border-color: var(--wp--preset--color--dark-700) !important;}.has-dark-800-border-color{border-color: var(--wp--preset--color--dark-800) !important;}.has-dark-900-border-color{border-color: var(--wp--preset--color--dark-900) !important;}.has-gray-border-color{border-color: var(--wp--preset--color--gray) !important;}.has-gray-light-border-color{border-color: var(--wp--preset--color--gray-light) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-offwhite-border-color{border-color: var(--wp--preset--color--offwhite) !important;}.has-yellow-border-color{border-color: var(--wp--preset--color--yellow) !important;}.has-yellow-light-border-color{border-color: var(--wp--preset--color--yellow-light) !important;}.has-yellow-bright-border-color{border-color: var(--wp--preset--color--yellow-bright) !important;}.has-yellow-green-border-color{border-color: var(--wp--preset--color--yellow-green) !important;}.has-yellow-golden-border-color{border-color: var(--wp--preset--color--yellow-golden) !important;}.has-yellow-amber-border-color{border-color: var(--wp--preset--color--yellow-amber) !important;}.has-orange-border-color{border-color: var(--wp--preset--color--orange) !important;}.has-orange-dark-border-color{border-color: var(--wp--preset--color--orange-dark) !important;}.has-brown-dark-border-color{border-color: var(--wp--preset--color--brown-dark) !important;}.has-brown-light-border-color{border-color: var(--wp--preset--color--brown-light) !important;}.has-brown-red-border-color{border-color: var(--wp--preset--color--brown-red) !important;}.has-brown-deep-border-color{border-color: var(--wp--preset--color--brown-deep) !important;}.has-blue-border-color{border-color: var(--wp--preset--color--blue) !important;}.has-blue-dark-border-color{border-color: var(--wp--preset--color--blue-dark) !important;}.has-blue-medium-border-color{border-color: var(--wp--preset--color--blue-medium) !important;}.has-blue-deep-border-color{border-color: var(--wp--preset--color--blue-deep) !important;}.has-blue-darker-border-color{border-color: var(--wp--preset--color--blue-darker) !important;}.has-blue-navy-border-color{border-color: var(--wp--preset--color--blue-navy) !important;}.has-blue-midnight-border-color{border-color: var(--wp--preset--color--blue-midnight) !important;}.has-blue-ocean-border-color{border-color: var(--wp--preset--color--blue-ocean) !important;}.has-blue-marine-border-color{border-color: var(--wp--preset--color--blue-marine) !important;}.has-blue-teal-border-color{border-color: var(--wp--preset--color--blue-teal) !important;}.has-blue-cyan-border-color{border-color: var(--wp--preset--color--blue-cyan) !important;}.has-blue-vibrant-border-color{border-color: var(--wp--preset--color--blue-vibrant) !important;}.has-blue-indigo-border-color{border-color: var(--wp--preset--color--blue-indigo) !important;}.has-cyan-border-color{border-color: var(--wp--preset--color--cyan) !important;}.has-cyan-bright-border-color{border-color: var(--wp--preset--color--cyan-bright) !important;}.has-indigo-border-color{border-color: var(--wp--preset--color--indigo) !important;}.has-purple-border-color{border-color: var(--wp--preset--color--purple) !important;}.has-pink-border-color{border-color: var(--wp--preset--color--pink) !important;}.has-red-wine-border-color{border-color: var(--wp--preset--color--red-wine) !important;}.has-red-blood-border-color{border-color: var(--wp--preset--color--red-blood) !important;}.has-red-crimson-border-color{border-color: var(--wp--preset--color--red-crimson) !important;}.has-body-border-color{border-color: var(--wp--preset--color--body) !important;}.has-light-bg-border-color{border-color: var(--wp--preset--color--light-bg) !important;}.has-light-bg-100-border-color{border-color: var(--wp--preset--color--light-bg-100) !important;}
93.has-divider-border-color{border-color: var(--wp--preset--color--divider) !important;}.has-neutral-border-color{border-color: var(--wp--preset--color--neutral) !important;}.has-live-red-border-color{border-color: var(--wp--preset--color--live-red) !important;}.has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}.has-tertiary-border-color{border-color: var(--wp--preset--color--tertiary) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool
93-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-xs-font-size{font-size: var(--wp--preset--font-size--xs) !important;}.has-sm-font-size{font-size: var(--wp--preset--font-size--sm) !important;}.has-base-font-size{font-size: var(--wp--preset--font-size--base) !important;}.has-lg-font-size{font-size: var(--wp--preset--font-size--lg) !important;}.has-xl-font-size{font-size: var(--wp--preset--font-size--xl) !important;}.has-2-xl-font-size{font-size: var(--wp--preset--font-size--2-xl) !important;}.has-3-xl-font-size{font-size: var(--wp--preset--font-size--3-xl) !important;}.has-4-xl-font-size{font-size: var(--wp--preset--font-size--4-xl) !important;}.has-5-xl-font-size{font-size: var(--wp--preset--font-size--5-xl) !important;}.has-6-xl-font-size{font-size: var(--wp--preset--font-size--6-xl) !important;}.has-7-xl-font-size{font-size: var(--wp--preset--font-size--7-xl) !important;}.has-8-xl-font-size{font-size: var(--wp--preset--font-size--8-xl) !important;}.has-9-xl-font-size{font-size: var(--wp--preset--font-size--9-xl) !important;}.has-sans-font-family{font-family: var(--wp--preset--font-family--sans) !important;}.has-serif-font-family{font-family: var(--wp--preset--font-family--serif) !important;}.has-mono-font-family{font-family: var(--wp--preset--font-family--mono) !important;} 94/*# sourceURL=global-styles-inline-css */ 95</style> 96 97<link rel='stylesheet' id='ba-login-monitor-css' href='https://toptrader.io/app/plugins/ba-login-monitor/public/css/ba-login-monitor-public.css?ver=1.2.9' media='all' /> 98<link rel='stylesheet' id='toc-screen-css' href='https://toptrader.io/app/plugins/table-of-contents-plus/assets/screen.min.css?ver=202608.2' media='all' /> 99<style id='toc-screen-inline-css'> 100div#toc_container {background: #1A1B1F;border: 1px solid #1A1B1F;}div#toc_container ul li {font-size: 100%;}div#toc_container .toc_title a:hover,div#toc_container ul.toc_list a:hover {color: #2FB925;}div#toc_container .toc_title a:hover,div#toc_container ul.toc_list a:hover {color: #2FB925;} 101/*# sourceURL=toc-screen-inline-css */ 102</style>
103<script id="jquery-core-js-extra"> 104var ajax_object = {"ajax_url":"https://toptrader.io/wp/wp-admin/admin-ajax.php","theme_url":"https://toptrader.io/app/themes/ba-theme","theme_path":"/var/www/toptrader.io/htdocs/src/web/app/themes/ba-theme","rest_url":"https://toptrader.io/wp-json/","nonce":"c1236bdf6e","time_since_refresh":null,"session_timeout":"7200","antlive_timezone":"Asia/Ho_Chi_Minh","antlive_timezone_offset":"7","antlive_timezone_object":{"timezone_type":3,"timezone":"Asia/Ho_Chi_Minh"},"matchApiBase":"https://seo.alpro-api-service.com","siteLang":"en","liveDataViaApi":"1","bbLiveDataViaApi":"1","liveDataMaxStale":"75","streamerOracle":"1","streamerOracleBase":"https://api-cl.alpro-api-service.com"}; 105//# sourceURL=jquery-core-js-extra 106</script>
vendor: 1 bytes, line 106
106
107<script src="https://toptrader.io/wp/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
vendor: 1 bytes, line 107
107
108<script src="https://toptrader.io/wp/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
vendor: 1 bytes, line 108
108
109<script src="https://toptrader.io/app/plugins/ba-login-monitor/public/js/ba-login-monitor-public.js?ver=1.2.9" id="ba-login-monitor-js"></script>
109 110<link rel="https://api.w.org/" href="https://toptrader.io/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://toptrader.io/wp-json/wp/v2/pages/141" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://toptrader.io/wp/xmlrpc.php?rsd" /> 111<meta name="generator" content="WordPress 6.9.7" /> 112<meta name="keywords" content="26xoilactv.com, xoilactv, xoilactv App, xoilac tv, xoilactv Official, xoilactv Download, xoilactv chÃnh thức"> 113<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 113-114
113 114<script async src="https://www.googletagmanager.com/gtag/js?id=
114G-2GRV56Z16G
vendor: 13 bytes, line 114
114"></script>
115<script> 116
vendor: 138 bytes, lines 116-120
116window.dataLayer = window.dataLayer || []; 117 function gtag(){dataLayer.push(arguments);} 118 gtag('js', new Date()); 119 120 gtag('config', '
120G-2GRV56Z16G
vendor: 5 bytes, line 120
120');
121</script>
121<link rel="icon" href="https://cdn.toptrader.io/2026/07/cropped-xoilactv-favicon-32x32.jpeg" sizes="32x32" /> 122<link rel="icon" href="https://cdn.toptrader.io/2026/07/cropped-xoilactv-favicon-192x192.jpeg" sizes="192x192" /> 123<link rel="apple-touch-icon" href="https://cdn.toptrader.io/2026/07/cropped-xoilactv-favicon-180x180.jpeg" /> 124<meta name="msapplication-TileImage" content="https://cdn.toptrader.io/2026/07/cropped-xoilactv-favicon-270x270.jpeg" /> 125<style id="color-scheme-overrides"> 126:root { 127 --color-primary: #0CC956; 128 --color-primary-dark: #069238; 129 --color-primary-light: #55D989; 130 --color-primary-lighter: #B6EFCC; 131 --color-primary-lightest: #D8F6E4; 132 --color-primary-rgb: 12, 201, 86; 133 --color-primary-contrast-rgb: 246, 246, 246; 134 --color-red: #04812E; 135 --color-red-dark: #005A19; 136 --color-red-darker: #045830; 137 --color-red-darkest: #042104; 138 --color-red-light: #17A54E; 139 --color-red-bright: #24CE67; 140 --color-red-neon: #3DD478; 141 --color-red-mint: #63DC93; 142 --color-red-pastel: #61DC91; 143 --color-red-alt: #62DC92; 144 --color-red-medium: #0F8B3B; 145 --color-red-muted: #129643; 146 --color-red-forest: #069238; 147 --color-red-vivid: #1BC543; 148 --color-red-nature: #0CC956; 149 --color-red-mist: #234D39; 150 --color-red-mist-dark: #192819; 151 --gradient-red-bright: linear-gradient(97.93deg, #1BC543 -0.71%, #069238 90.18%); 152 --gradient-red-forest: linear-gradient(180deg, #0CC956 0%, #005A19 100%); 153 --gradient-red-lime: linear-gradient(356.81deg, #61DC91 2.72%, #005A19 97.46%); 154 --gradient-red-deep: linear-gradient(356.81deg, #61DC91 2.72%, #042104 97.46%); 155 --gradient-red: linear-gradient(90deg, #069238 0%, #005A19 100%); 156 --gradient-red-nature: linear-gradient(180deg, #1A1E23 15.38%, #04812E 66.15%, #FFFFFF 83.08%, #0CC956 100%); 157 --gradient-red-dark: linear-gradient(180deg, #1BC543 0%, #1A1E23 58.7%); 158 --gradient-red-shadow: linear-gradient(180deg, #042104 39.71%, #045830 119.12%); 159 --gradient-card: linear-gradient(360deg, #1E1E24 0%, #1B1E20 100%); 160 --gradient-card-2: linear-gradient(360deg, #1B1E20 0%, #1E1E24 100%); 161 --gradient-card-red: radial-gradient(40.51% 39.8% at 50.65% 0%, #1A2523 0%, #1E1E24 100%); 162 --gradient-card-green: radial-gradient(40.51% 39.8% at 50.65% 0%, #1C2325 0%, #1E1E24 100%); 163 --gradient-card-yellow: radial-gradient(40.51% 39.8% at 50.65% 0%, #1C332A 0%, #1E1E24 100%); 164} 165</style> 166 <title>Xoilac TV Trực Tiếp</title> 167 <link rel="preload" as="style" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/app-CfvRRas2.css" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/entries/app-C0_LVLQw.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/vendor-flowbite-BTg1c-vm.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/debug-utils-DPNoUJjN.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/helper-C6s7TZM4.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/lazy-load-H3fTemXz.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/vendor-axios-DGc3PeEL.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/vendor-alpine-BpFAdBFE.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/match-api-BPtr1Y9-.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/entries/bb-match-sidebar-DNMChw6J.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/vendor-FKnezBCi.js" /><link rel="stylesheet" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/app-CfvRRas2.css" />
167<script type="module" src="https://toptrader.io/app/themes/ba-theme/public/build/entries/app-C0_LVLQw.js"></script>
167 </head> 168 169 <body class="home wp-singular page-template-default page page-id-141 wp-custom-logo wp-embed-responsive wp-theme-ba-theme"> 170
170<script type="application/ld+json"> 171{ 172 "@context": "https://schema.org", 173 "@graph": [ 174 { 175 "@type": "Organization", 176 "@id": "https://26xoilactv.com/#organization", 177 "name": "XoilacTV", 178 "alternateName": [ 179 "Xoilac TV", 180 "26XoilacTV", 181 "XoilacTV.com" 182 ], 183 "url": "https://26xoilactv.com/", 184 "logo": { 185 "@type": "ImageObject", 186 "@id": "https://26xoilactv.com/#logo", 187 "url": "https://cdn.26xoilactv.com/2026/07/cropped-xoilactv-logo.png", 188 "contentUrl": "https://cdn.26xoilactv.com/2026/07/cropped-xoilactv-logo.png" 189 }, 190 "description": "XoilacTV Äạt hÆ¡n 10 triá»u lượt truy cáºp nÄm 2025, mang Äến trải nghiá»m xem bóng Äá trá»±c tuyến miá» n phà vá»i chất lượng hình ảnh Full HD 1080p.", 191 "email": "[email protected]", 192 "telephone": "+84914564013", 193 "address": { 194 "@type": "PostalAddress", 195 "streetAddress": "1 Liên Khu 2-10, Bình Hưng Hoà A", 196 "addressLocality": "Bình Tân", 197 "addressRegion": "Há» Chà Minh", 198 "addressCountry": "VN" 199 }, 200 "sameAs": [ 201 "https://www.twitch.tv/26xoilactvcom/about", 202 "https://maxforlive.com/profile/user/26xoilactvcom?tab=about,", 203 "https://myanimelist.net/profile/26xoilactvcom", 204 "https://www.halaltrip.com/user/profile/371247/26xoilactvcom/", 205 "https://www.creditdisputelettertemplates.com/forums/profile/26xoilactvcom/", 206 "http://jobs.emiogp.com/author/26xoilactvcom/", 207 "https://my.usaflag.org/members/26xoilactvcom/profile/", 208 "https://medibulletin.com/author/26xoilactvcom/", 209 "https://www.lingvolive.com/ru-ru/profile/347a48c6-7a56-4d55-928f-ad4cb8ca1b87/translations", 210 "https://pad.fablab-siegen.de/s/PQvHNKQLYI", 211 "https://dinosquadsuriku.com/?26xoilactvcom", 212 "https://www.scener.com/@26xoilactvcom" 213 ] 214 }, 215 { 216 "@type": "LocalBusiness", 217 "@id": "https://26xoilactv.com/#localbusiness", 218 "name": "XoilacTV", 219 "alternateName": "XoilacTV Live - Kênh Xem Bóng Äá Trá»±c Tuyến Xôi Lạc Sá» 1", 220 "url": "https://26xoilactv.com/", 221 "image": "https://cdn.26xoilactv.com/2026/07/cropped-xoilactv-logo.png", 222 "logo": "https://cdn.26xoilactv.com/2026/07/cropped-xoilactv-logo.png", 223 "description": "XoilacTV Äạt hÆ¡n 10 triá»u lượt truy cáºp nÄm 2025, mang Äến trải nghiá»m xem bóng Äá trá»±c tuyến miá» n phà vá»i chất lượng hình ảnh Full HD 1080p.", 224 "telephone": "+84914564013", 225 "email": "[email protected]", 226 "address": { 227 "@type": "PostalAddress", 228 "streetAddress": "1 Liên Khu 2-10, Bình Hưng Hoà A", 229 "addressLocality": "Bình Tân", 230 "addressRegion": "Há» Chà Minh", 231 "addressCountry": "VN" 232 }, 233 "parentOrganization": { 234 "@id": "https://26xoilactv.com/#organization" 235 } 236 } 237 ] 238} 239</script>
239 240 <div id="app" x-data="{ 241 isMobile: window.innerWidth < 768, 242 checkAndDispatch() { 243 this.isMobile = window.innerWidth < 768; 244 console.log('is mobile: ' + this.isMobile); 245 246 }, 247 init() { 248 window.addEventListener('resize', this.checkAndDispatch.bind(this)); 249 }}"> 250 <a class="sr-only focus:not-sr-only" href="#main"> 251 Skip to content 252 </a> 253 254 <header class="header relative z-[200]"> 255 <nav class="text-white nav-menu" data-design="chroma" style="background: linear-gradient(180deg, #0c0c18 0%, #0a0a14 100%); border-bottom: 1px solid rgba(var(--color-primary-rgb), 0.12);"> 256 <div class="container mx-auto"> 257 <div class="main-menu flex items-center justify-between"> 258 <!-- Logo --> 259 <a href="/" data-tooltip="Xoilac TV" data-title="Xoilac TV" class="logo-link relative z-20"> 260 <div 261 class="relative bg-transparent rounded-sm h-[40px] sm:h-[54px] flex items-center pl-4 sm:pl-8 pr-4 sm:pr-6 w-[130px] min-[375px]:w-[160px] sm:w-[198px]" 262 > 263 <img src="https://cdn.toptrader.io/2026/07/cropped-xoilactv-logo.png" alt="Xoilac TV logo" 264 class="relative z-20 w-full h-auto max-w-[90px] min-[375px]:max-w-[110px] sm:max-w-none brightness-[1.15]"> 265 </div> 266 </a> 267 268 <!-- Left Side Of Navbar - Main Menu --> 269 <div class="hidden lg:flex items-center"> 270 <div class="menu-primary-menu-container"><ul id="menu-primary-menu" class="topnav__menu flex flex-row gap-6"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-141 current_page_item active menu-item-depth-0"><div class="menu-item-content flex items-center w-full"><a href="https://toptrader.io/" class="text-base font-medium text-primary border-b-2 border-primary pb-4">XOILACTV</a></div></li> 271<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-depth-0"><div class="menu-item-content flex items-center w-full"><a href="https://toptrader.io/lich-thi-dau/" class="text-base text-white font-medium hover:text-primary border-b-2 border-transparent hover:border-primary pb-4 transition-all duration-200">Lá»ch Thi Äấu</a></div></li> 272<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-depth-0"><div class="menu-item-content flex items-center w-full"><a href="https://toptrader.io/bang-xep-hang/" class="text-base text-white font-medium hover:text-primary border-b-2 border-transparent hover:border-primary pb-4 transition-all duration-200">Bảng Xếp Hạng</a></div></li> 273<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-depth-0"><div class="menu-item-content flex items-center w-full"><a href="https://toptrader.io/kqbd/" class="text-base text-white font-medium hover:text-primary border-b-2 border-transparent hover:border-primary pb-4 transition-all duration-200">KQBD</a></div></li> 274<li class="menu-item menu-item-type-taxonomy menu-item-object-news_category menu-item-depth-0"><div class="menu-item-content flex items-center w-full"><a href="https://toptrader.io/news/category/tin-tuc/" class="text-base text-white font-medium hover:text-primary border-b-2 border-transparent hover:border-primary pb-4 transition-all duration-200">tin tức</a></div></li> 275<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-depth-0"><div class="menu-item-content flex items-center w-full"><a href="https://toptrader.io/khuyen-mai/" class="text-base text-white font-medium hover:text-primary border-b-2 border-transparent hover:border-primary pb-4 transition-all duration-200">Khuyến mãi</a></div></li> 276</ul></div> 277 </div> 278 279 <!-- Right Side Of Navbar - Buttons --> 280 <div class="topnav-btn flex items-center space-x-2 sm:space-x-3"> 281 282 283 <a class="btn-8xbet bg-gradient-yellow-deep text-dark px-2 sm:px-4 py-1.5 sm:py-2 rounded-sm font-normal text-xs sm:text-base uppercase tracking-wide whitespace-nowrap" 284 rel="nofollow" href="https://192.132.28.37/8xx">Cược 8xbet</a> 285 286 <!-- Mobile Menu Toggle --> 287 <button id="mobile-menu-toggle" 288 class="navbar-toggler lg:hidden text-xl sm:text-2xl text-primary hover:text-primary-light" 289 type="button" name="toggle-menu"> 290 <svg class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z"/></svg> </button> 291 </div> 292 </div> 293 </div> 294 </nav> 295 296 <!-- Mobile Menu (portaled out of <nav> so backdrop-filter stacking contexts can't trap it) --> 297 <div id="mobile-menu" 298 class="hidden lg:hidden fixed top-[40px] left-0 right-0 bottom-0 bg-[#0a0a14]/98 z-[140] overflow-y-auto"> 299 <div class="container mx-auto px-4 py-8"> 300 <div class="flex flex-col space-y-4"> 301 <div class="menu-primary-menu-container"><ul id="menu-primary-menu-1" class="mobile-menu flex flex-col space-y-3"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-141 current_page_item active menu-item-depth-0"><div class="menu-item-content flex items-center w-full"><a href="https://toptrader.io/" class="text-lg font-bold text-primary flex items-center gap-3 before:content-[''] before:w-1.5 before:h-6 before:bg-primary before:rounded-full">XOILACTV</a></div></li> 302<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-depth-0"><div class="menu-item-content flex items-center w-full"><a href="https://toptrader.io/lich-thi-dau/" class="text-lg text-white font-medium hover:text-primary py-2 block">Lá»ch Thi Äấu</a></div></li> 303<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-depth-0"><div class="menu-item-content flex items-center w-full"><a href="https://toptrader.io/bang-xep-hang/" class="text-lg text-white font-medium hover:text-primary py-2 block">Bảng Xếp Hạng</a></div></li> 304<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-depth-0"><div class="menu-item-content flex items-center w-full"><a href="https://toptrader.io/kqbd/" class="text-lg text-white font-medium hover:text-primary py-2 block">KQBD</a></div></li> 305<li class="menu-item menu-item-type-taxonomy menu-item-object-news_category menu-item-depth-0"><div class="menu-item-content flex items-center w-full"><a href="https://toptrader.io/news/category/tin-tuc/" class="text-lg text-white font-medium hover:text-primary py-2 block">tin tức</a></div></li> 306<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-depth-0"><div class="menu-item-content flex items-center w-full"><a href="https://toptrader.io/khuyen-mai/" class="text-lg text-white font-medium hover:text-primary py-2 block">Khuyến mãi</a></div></li> 307</ul></div> 308 309 310 <div class="mt-6 pt-4 border-t border-dark-600" id="mobile-hot-competitions"> 311 <div class="flex items-center gap-2 mb-4"> 312 <svg class="text-primary size-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg> <div class="text-white font-semibold text-sm uppercase tracking-wide">Giải Äấu hot</div> 313 </div> 314 <div class="flex flex-col space-y-2"> 315 <button type="button" 316 class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer" 317 data-league-id="4zp5rzghp5q82w1" data-league-name="Italian Serie A" 318 data-league-logo="https://img.thesports.com/football/competition/6b38f4015a6b3309ad9462e6ce27ae99.png"> 319 <div 320 class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1"> 321 <img src="https://img.thesports.com/football/competition/6b38f4015a6b3309ad9462e6ce27ae99.png" 322 alt="Italian Serie A" class="w-full h-full object-contain" 323 onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'"> 324 </div>
325 <span 326 class="text-white text-sm font-medium truncate flex-1">Italian Serie A</span> 327 <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg> </button> 328 <button type="button" 329 class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer" 330 data-league-id="56ypq3nh0xmd7oj" data-league-name="UEFA Europa League" 331 data-league-logo="https://img.thesports.com/football/competition/1792ba5a12171fedc6d543bdf173f37c.png"> 332 <div 333 class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1"> 334 <img src="https://img.thesports.com/football/competition/1792ba5a12171fedc6d543bdf173f37c.png" 335 alt="UEFA Europa League" class="w-full h-full object-contain" 336 onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'"> 337 </div> 338 <span 339 class="text-white text-sm font-medium truncate flex-1">UEFA Europa League</span> 340 <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg> </button> 341 <button type="button" 342 class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer" 343 data-league-id="56ypq3nhlp8md7o" data-league-name="Leagues Cup" 344 data-league-logo="https://img.thesports.com/football/competition/1153a2a392758c4e220c71bd57a31052.png"> 345 <div 346 class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1"> 347 <img src="https://img.thesports.com/football/competition/1153a2a392758c4e220c71bd57a31052.png" 348 alt="Leagues Cup" class="w-full h-full object-contain" 349 onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'"> 350 </div>
351 <span 352 class="text-white text-sm font-medium truncate flex-1">Leagues Cup</span> 353 <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg> </button> 354 <button type="button" 355 class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer" 356 data-league-id="9k82rekhp6repzj" data-league-name="Mexico Liga MX" 357 data-league-logo="https://img.thesports.com/football/competition/324d7a463a24c4cd35ef83456a1b8d05.png"> 358 <div 359 class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1"> 360 <img src="https://img.thesports.com/football/competition/324d7a463a24c4cd35ef83456a1b8d05.png" 361 alt="Mexico Liga MX" class="w-full h-full object-contain" 362 onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'"> 363 </div> 364 <span 365 class="text-white text-sm font-medium truncate flex-1">Mexico Liga MX</span> 366 <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg> </button> 367 <button type="button" 368 class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer" 369 data-league-id="9vjxm8gh8gr6odg" data-league-name="FA Cup" 370 data-league-logo="https://img.thesports.com/football/competition/184d1f93aac0dd0326583286c208c8cc.png"> 371 <div 372 class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1"> 373 <img src="https://img.thesports.com/football/competition/184d1f93aac0dd0326583286c208c8cc.png" 374 alt="FA Cup" class="w-full h-full object-contain" 375 onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'"> 376 </div>
377 <span 378 class="text-white text-sm font-medium truncate flex-1">FA Cup</span> 379 <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg> </button> 380 <button type="button" 381 class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer" 382 data-league-id="gy0or5jhg6qwzv3" data-league-name="Bundesliga" 383 data-league-logo="https://img.thesports.com/football/competition/0c6a25cd746e802296d9064b4504179d.png"> 384 <div 385 class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1"> 386 <img src="https://img.thesports.com/football/competition/0c6a25cd746e802296d9064b4504179d.png" 387 alt="Bundesliga" class="w-full h-full object-contain" 388 onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'"> 389 </div> 390 <span 391 class="text-white text-sm font-medium truncate flex-1">Bundesliga</span> 392 <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg> </button> 393 <button type="button" 394 class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer" 395 data-league-id="jednm9whz0ryox8" data-league-name="English Premier League" 396 data-league-logo="https://img.thesports.com/football/competition/3549f192c75cbc737a05fd51ecad383e.png"> 397 <div 398 class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1"> 399 <img src="https://img.thesports.com/football/competition/3549f192c75cbc737a05fd51ecad383e.png" 400 alt="English Premier League" class="w-full h-full object-contain" 401 onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'"> 402 </div>
403 <span 404 class="text-white text-sm font-medium truncate flex-1">English Premier League</span> 405 <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg> </button> 406 <button type="button" 407 class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer" 408 data-league-id="l965mkyhnpkr1ge" data-league-name="AFC U20 Asian Cup" 409 data-league-logo="https://img.thesports.com/football/competition/af3b2c0bb9a577aa7471f269395d217d.png"> 410 <div 411 class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1"> 412 <img src="https://img.thesports.com/football/competition/af3b2c0bb9a577aa7471f269395d217d.png" 413 alt="AFC U20 Asian Cup" class="w-full h-full object-contain" 414 onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'"> 415 </div> 416 <span 417 class="text-white text-sm font-medium truncate flex-1">AFC U20 Asian Cup</span> 418 <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg> </button> 419 <button type="button" 420 class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer" 421 data-league-id="v2y8m4zh3kql074" data-league-name="UEFA European Championship" 422 data-league-logo="https://img.thesports.com/football/competition/5327c6d554c3a39099cdec6f558f9c72.png"> 423 <div 424 class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1"> 425 <img src="https://img.thesports.com/football/competition/5327c6d554c3a39099cdec6f558f9c72.png" 426 alt="UEFA European Championship" class="w-full h-full object-contain" 427 onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'"> 428 </div>
429 <span 430 class="text-white text-sm font-medium truncate flex-1">UEFA European Championship</span> 431 <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg> </button> 432 <button type="button" 433 class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer" 434 data-league-id="vl7oqdehlyr510j" data-league-name="Spanish La Liga" 435 data-league-logo="https://img.thesports.com/football/competition/1fbbb4be3b47d9465c5badecc3122e07.png"> 436 <div 437 class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1"> 438 <img src="https://img.thesports.com/football/competition/1fbbb4be3b47d9465c5badecc3122e07.png" 439 alt="Spanish La Liga" class="w-full h-full object-contain" 440 onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'"> 441 </div> 442 <span 443 class="text-white text-sm font-medium truncate flex-1">Spanish La Liga</span> 444 <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg> </button> 445 <button type="button" 446 class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer" 447 data-league-id="yl5ergphnzr8k0o" data-league-name="French Ligue 1" 448 data-league-logo="https://img.thesports.com/football/competition/6e13222836235b121c1af3bc3055e76b.png"> 449 <div 450 class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1"> 451 <img src="https://img.thesports.com/football/competition/6e13222836235b121c1af3bc3055e76b.png" 452 alt="French Ligue 1" class="w-full h-full object-contain" 453 onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'"> 454 </div>
455 <span 456 class="text-white text-sm font-medium truncate flex-1">French Ligue 1</span> 457 <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg> </button> 458 <button type="button" 459 class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer" 460 data-league-id="z318q66hegqo9jd" data-league-name="AFC Asian Cup" 461 data-league-logo="https://img.thesports.com/football/competition/3200aca4310585b2b3f125c681e5806d.png"> 462 <div 463 class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1"> 464 <img src="https://img.thesports.com/football/competition/3200aca4310585b2b3f125c681e5806d.png" 465 alt="AFC Asian Cup" class="w-full h-full object-contain" 466 onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'"> 467 </div> 468 <span 469 class="text-white text-sm font-medium truncate flex-1">AFC Asian Cup</span> 470 <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg> </button> 471 <button type="button" 472 class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer" 473 data-league-id="z8yomo4h7wq0j6l" data-league-name="UEFA Champions League" 474 data-league-logo="https://img.thesports.com/football/competition/ac05535bde17129cb598311242b3afba.png"> 475 <div 476 class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1"> 477 <img src="https://img.thesports.com/football/competition/ac05535bde17129cb598311242b3afba.png" 478 alt="UEFA Champions League" class="w-full h-full object-contain" 479 onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'"> 480 </div>
481 <span 482 class="text-white text-sm font-medium truncate flex-1">UEFA Champions League</span> 483 <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg> </button> 484 <button type="button" 485 class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer" 486 data-league-id="z8yomo4hg66q0j6" data-league-name="AFC Champions League Elite" 487 data-league-logo="https://img.thesports.com/football/competition/bbe73e02dfd0737b98d16465ae014d9e.png"> 488 <div 489 class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1"> 490 <img src="https://img.thesports.com/football/competition/bbe73e02dfd0737b98d16465ae014d9e.png" 491 alt="AFC Champions League Elite" class="w-full h-full object-contain" 492 onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'"> 493 </div> 494 <span 495 class="text-white text-sm font-medium truncate flex-1">AFC Champions League Elite</span> 496 <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg> </button> 497 </div> 498 </div> 499 </div> 500 </div> 501 </div> 502</header> 503<link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/entries/header-BwkxbutL.js" />
503<script type="module" src="https://toptrader.io/app/themes/ba-theme/public/build/entries/header-BwkxbutL.js"></script>
503 504 <main id="main" class="main px-3"> 505 <div class="container mx-auto mt-4" x-data="{ 506 showLiveScore: false, 507 isLoading: false, 508 activeSport: 'football', 509 init() { 510 var self = this; 511 // isLoading defaults to false â the SSR Today cards are already in the 512 // DOM, so there's no async work to gate behind window.onload. The shimmer 513 // (kept for parity) stays dormant; it is never re-shown because nothing 514 // sets isLoading = true in this component. 515 516 // Scroll on any tab click 517 document.addEventListener('click', function(e) { 518 var tab = e.target.closest('[role=\'tab\']'); 519 if (tab) { 520 setTimeout(function() { 521 self.scrollToActiveTab(); 522 }, 100); 523 } 524 }); 525 526 // Bridge sport switch to home.js polling controller 527 this.$watch('activeSport', function(value) { 528 window.dispatchEvent(new CustomEvent('sport:changed', { detail: { sport: value } })); 529 }); 530 }, 531 hideLoading() { 532 var self = this; 533 this.isLoading = false; 534 setTimeout(function() { 535 self.scrollToActiveTab(); 536 }, 100); 537 }, 538 scrollToActiveTab() { 539 // var tabs = document.querySelectorAll('[role=\'tablist\'] [aria-selected=\'true\']'); 540 // for (var i = 0; i < tabs.length; i++) { 541 // if (tabs[i].offsetParent !== null) { 542 // tabs[i].scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' }); 543 // } 544 // } 545 } 546 }"> 547 548 549 550 551 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow noopener" 552 aria-label="Cược 8xbet" 553 class="block mb-2 sm:mb-4 rounded overflow-hidden w-full aspect-[928/90] sm:aspect-[1330/60]"> 554 <picture> 555 <source srcset="https://imgixycdn.com/banner/1330x60.gif" media="(min-width: 640px)"> 556 <img src="https://imgixycdn.com/banner/928x90.gif" 557 alt="Cược 8xbet" 558 class="w-full h-full block object-cover" 559 loading="lazy" decoding="async" 560 width="928" height="90"> 561 </picture> 562</a> 563 564 <div class="flex items-center justify-between mb-4"> 565 <h1 class="text-lg min-[375px]:text-xl sm:text-2xl font-extrabold uppercase px-3 py-2 text-white">XOILACTV</h1> 566 </div> 567 568 569 <!-- Tabs --> 570 <div class="rounded-t-sm flex flex-col w-full" style=" 571 background: 572 linear-gradient(180deg, rgba(5,10,20,0.88) 0%, rgba(3,8,16,0.94) 55%, rgba(2,6,12,0.98) 100%), 573 radial-gradient(circle at 50% 30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.07) 20%, transparent 52%), 574 url('https://toptrader.io/app/themes/ba-theme/public/build/assets/gradient_theme-Ccou1Gf6.webp'); 575 background-repeat: no-repeat; 576 background-size: 100% 180px; 577 background-position: center top; 578 border: 1px solid rgba(255,255,255,0.05); 579 border-bottom: none; 580 "> 581 <!-- Sports Tabs --> 582 <div class="w-full overflow-x-auto no-scrollbar p-4 border-b border-[rgba(var(--color-primary-rgb),0.08)]"> 583 <div class="flex items-center whitespace-nowrap"> 584 <!-- Football --> 585 <div class="flex items-center"> 586 <button @click="activeSport = 'football'" 587 :class="activeSport === 'football' ? '!rounded-sm bg-[rgba(var(--color-primary-rgb),1)] text-white border border-transparent gradient-bar-left' : '!rounded-sm text-gray-500 hover:text-gray-300 border border-transparent'" 588 class="flex items-center px-4 py-2 rounded-sm tab-gradient gap-2 uppercase font-medium cursor-pointer transition-all duration-200"> 589 <svg class="w-5 h-5" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 590 <defs> 591 <linearGradient id="defaultGradient" x1="0" y1="0" x2="1" y2="1"> 592 <stop offset="0%" stop-color="white" /> 593 <stop offset="100%" stop-color="white" /> 594 </linearGradient> 595 <linearGradient id="activeGradient" x1="0" y1="0" x2="1" y2="1"> 596 <stop offset="0%" stop-color="#00FFFD" /> 597 <stop offset="100%" stop-color="#00FFFD" /> 598 </linearGradient> 599 </defs> 600 <path 601 d="M5.39846 0.633368C4.32475 1.06869 3.3613 1.70876 2.53515 2.53467C1.70876 3.36082 1.06941 4.32451 0.633847 5.39798C0.213355 6.4351 0 7.53106 0 8.65524C0 9.77918 0.213355 10.8751 0.633847 11.9118C1.06941 12.9855 1.70899 13.9492 2.53515 14.7751C3.3613 15.6015 4.32451 16.2411 5.39846 16.6764C6.43558 17.0974 7.5313 17.31 8.65548 17.31C9.77966 17.31 10.8751 17.0966 11.9123 16.6764C12.9857 16.2411 13.9497 15.6015 14.7756 14.7751C15.602 13.9492 16.2415 12.986 16.6769 11.9118C17.0974 10.8751 17.3102 9.77918 17.3102 8.65524C17.3102 7.53106 17.0971 6.4351 16.6769 5.39798C16.2415 4.32451 15.6015 3.36058 14.7756 2.53467C13.9497 1.70876 12.9867 1.06869 11.9123 0.633368C10.8751 0.213116 9.77966 0 8.65548 0C7.5313 0 6.43558 0.213116 5.39846 0.633368ZM2.16321 12.2988C1.74631 12.0371 1.36217 11.7357 1.02205 11.3808C0.502533 9.91887 0.414512 8.33616 0.758703 6.83383C0.920633 6.51451 1.10481 6.20787 1.31314 5.91415C1.37748 5.8235 1.43704 5.72902 1.50592 5.641L3.45913 6.79675C3.45913 6.81206 3.45913 6.8288 3.45913 6.84579C3.45411 7.8963 3.56078 8.93915 3.77318 9.96694C3.7739 9.97173 3.77462 9.97436 3.77557 9.97866L2.2608 12.3538C2.22779 12.3371 2.19502 12.3189 2.16321 12.2988ZM7.97068 16.314C8.3077 16.486 8.65428 16.6312 9.01043 16.7493C7.49757 16.8151 5.96964 16.4606 4.61895 15.6857L7.89319 16.2691C7.9183 16.2851 7.9439 16.3004 7.97068 16.314ZM7.95872 15.723L4.09489 15.0344C3.64283 14.4854 3.23621 13.9047 2.88675 13.284C2.79778 13.1261 2.69851 12.9728 2.62317 12.808L4.13651 10.4353C4.16999 10.4436 4.20731 10.4525 4.24964 10.4637C5.19635 10.717 6.1598 10.8971 7.12994 11.0383C7.18663 11.0462 7.23399 11.0531 7.27441 11.0574L9.08841 14.1939C8.77364 14.6364 8.45528 15.0765 8.12998 15.5118C8.07593 15.5843 8.01852 15.6539 7.95872 15.723ZM14.3871 14.3869C14.0795 14.6947 13.753 14.9722 13.4112 15.2195C13.3546 14.7665 13.2567 14.3225 13.1187 13.8889L15.0542 10.2781C15.5874 10.0354 16.1016 9.76005 16.579 9.41873C16.6415 9.37448 16.6934 9.32496 16.7336 9.27091C16.5934 11.1368 15.8112 12.963 14.3871 14.3869ZM14.3013 9.70408C14.3733 9.84137 14.4443 9.9801 14.5156 10.1207L12.6461 13.6081C12.6353 13.6105 12.625 13.6129 12.6143 13.6143C11.6037 13.803 10.585 13.9035 9.55769 13.9083L7.69203 10.6824C7.9824 10.1432 8.27015 9.60194 8.5555 9.06042C8.74924 8.69303 8.93963 8.32325 9.12979 7.9537L12.991 7.55713C13.4639 8.25077 13.9119 8.95925 14.3013 9.70408ZM13.5179 5.56757C13.3347 6.05144 13.138
6016 6.5303 12.9436 7.01011L9.18217 7.39639C9.1372 7.33708 9.09056 7.27871 9.04153 7.22298C8.59735 6.71997 8.15031 6.22007 7.70399 5.71873C7.70806 5.71371 7.71212 5.70988 7.71619 5.70534C7.53608 5.52547 7.35549 5.3456 7.17539 5.16525L8.22255 2.01252C8.29478 1.99339 8.3675 1.97736 8.44093 1.96947C9.01019 1.91159 9.58018 1.84605 10.1509 1.81304C10.5003 1.79343 10.8517 1.78219 11.2071 1.8073L13.798 4.72754C13.7088 5.0093 13.6217 5.29178 13.5179 5.56757ZM14.3871 2.92311C15.1018 3.63828 15.6553 4.45439 16.0466 5.32623C15.5625 4.99304 15.0449 4.71893 14.5007 4.49553C14.4161 4.46061 14.3292 4.42975 14.241 4.39938L11.6908 1.52506C11.7085 1.40092 11.7178 1.27654 11.7216 1.15121C12.6918 1.54611 13.6012 2.13738 14.3871 2.92311ZM6.05958 1.00028C6.06962 1.0077 6.07441 1.01392 6.08015 1.01559C6.66305 1.21699 7.19332 1.51358 7.69323 1.86542L6.71495 4.8115C6.70993 4.81293 6.70514 4.81437 6.70036 4.81652C6.50016 4.89928 6.29613 4.97343 6.09904 5.06312C5.287 5.43219 4.49529 5.84096 3.7495 6.33105L1.81902 5.18893C1.82189 5.12866 1.83218 5.06743 1.85275 5.01289C1.98239 4.66751 2.10987 4.3202 2.25649 3.98175C2.36939 3.72104 2.49807 3.46918 2.63848 3.22305C2.73033 3.12164 2.82552 3.02118 2.92359 2.92311C3.84039 2.00654 4.92391 1.35571 6.07751 0.970862C6.07153 0.98019 6.06532 0.989997 6.05958 1.00028Z" 602 fill="currentColor" class="svg-path" /> 603</svg> <span>Bóng Äá</span> 604 </button> 605 606 <div class="h-6 w-px border-gradient-light mx-4"></div> 607 </div> 608 609 610 <div class="flex items-center"> 611 <button @click="activeSport = 'basketball'" 612 :class="activeSport === 'basketball' ? '!rounded-sm bg-[rgba(var(--color-primary-rgb),1)] text-white border border-transparent gradient-bar-left' : '!rounded-sm text-gray-500 hover:text-gray-300 border border-transparent'" 613 class="flex items-center px-4 py-2 rounded-sm tab-gradient gap-2 uppercase font-medium cursor-pointer transition-all duration-200"> 614 <svg class="w-5 h-5" width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"> 615 <path 616 d="M11.5137 11.3882L11.5136 11.3882L11.5119 11.3938C10.8705 13.5319 9.92941 15.3953 8.89941 16.7482C6.93669 16.5798 5.17581 15.6264 3.96898 14.2128L12.8958 7.68474C13.1152 8.03406 13.3143 8.38312 13.4932 8.73189C12.5818 9.37413 11.8843 10.3074 11.5137 11.3882ZM14.8173 14.4714C13.6609 15.7231 12.0522 16.5686 10.2682 16.733C11.176 15.379 11.9908 13.6532 12.6104 11.7648L12.6107 11.764C12.8627 10.9799 13.3487 10.2741 13.995 9.76757C14.5344 11.1338 14.8455 12.6352 14.8484 14.164C14.8214 14.2611 14.8177 14.3739 14.8173 14.4714ZM9.49987 1.1332C4.88692 1.1332 1.1332 4.88692 1.1332 9.49987C1.1332 14.1128 4.88692 17.8665 9.49987 17.8665C14.1128 17.8665 17.8665 14.1128 17.8665 9.49987C17.8665 4.88692 14.1128 1.1332 9.49987 1.1332ZM13.7921 7.04159L15.677 5.68338C16.0872 6.3315 16.3819 7.04861 16.5606 7.81514C15.84 7.81306 15.1235 7.95464 14.4733 8.24117C14.2591 7.82568 14.0255 7.43093 13.7921 7.04159ZM13.3066 3.32007C13.958 3.70996 14.5396 4.21222 15.0309 4.78729L13.1518 6.16903C12.8657 5.80967 12.5763 5.47003 12.2663 5.15111C12.7246 4.61481 13.0859 4.00447 13.3066 3.32007ZM9.49987 2.2455C10.4952 2.2455 11.4344 2.44132 12.3182 2.80663C12.1449 3.37824 11.8603 3.92231 11.485 4.38019C10.5524 3.55192 9.4829 2.86421 8.31644 2.3365C8.69502 2.27591 9.08944 2.2455 9.49987 2.2455ZM6.6006 2.84909C8.12005 3.35352 9.47245 4.13515 10.6316 5.11512C9.94043 5.58432 9.12709 5.81951 8.31268 5.81951C6.33835 5.81951 4.44391 6.06808 2.86238 6.5154C3.61899 4.88661 4.94947 3.54824 6.6006 2.84909ZM12.2856 6.81383L3.32392 13.3149C2.64121 12.2108 2.2455 10.9123 2.2455 9.49987C2.2455 8.91266 2.30158 8.35783 2.43867 7.83357C4.0339 7.26343 6.11088 6.9318 8.34393 6.9318C9.49072 6.9318 10.5755 6.54402 11.484 5.88639C11.7768 6.18731 12.0327 6.49052 12.2856 6.81383ZM16.7542 9.49987C16.7542 10.7687 16.4208 11.9662 15.8378 13.0085C15.7321 11.683 15.4169 10.407 14.9127 9.2012C15.4747 8.96015 16.1029 8.85616 16.737 8.891C16.7541 9.09006 16.7542 9.29124 16.7542 9.49987Z" 617 fill="currentColor" class="svg-path" stroke-width="0.3" /> 618</svg>
618 <span>Bóng rá»</span> 619 </button> 620 </div> 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 <!-- Livescore toggle (football only) --> 648 649 <div class="flex items-center ml-auto" x-show="activeSport === 'football'" x-cloak> 650 <label class="relative inline-flex items-center cursor-pointer group"> 651 <input type="checkbox" class="sr-only peer" id="livescore-toggle" x-model="showLiveScore"> 652 <!-- Toggle switch - smaller on mobile --> 653 <div class="relative w-10 h-5 sm:w-14 sm:h-7 bg-gray-700 peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-primary/30 rounded-full 654 peer peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full 655 after:content-[''] after:absolute after:top-[2px] after:start-[4px] 656 after:bg-white after:rounded-full after:h-4 after:w-4 sm:after:h-6 sm:after:w-6 657 after:transition-all after:duration-300 after:ease-in-out 658 peer-checked:bg-gradient-to-r peer-checked:from-primary peer-checked:to-red-forest 659 transition-all duration-300 shadow-inner"> 660 </div> 661 <!-- Label text only --> 662 <span class="ms-2 sm:ms-3 text-sm sm:text-base font-semibold text-white uppercase tracking-wide">Livescore</span> 663 </label> 664 </div> 665 </div> 666 </div> 667 668 669 <!-- Shimmer placeholders --> 670 <div class="shimmer-container grid grid-cols-1 sm:grid-cols-2 gap-4" style="display:none" x-show="isLoading && !showLiveScore" x-cloak> 671 <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse" 672 style="background: 673 radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%), 674 radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%), 675 linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%); 676 border: 1px solid rgba(var(--color-primary-rgb), 0.28);"> 677 <div class="flex flex-col gap-3"> 678 679 <div class="flex items-center justify-between"> 680 <div class="flex items-center gap-1.5"> 681 <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 682 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div> 683 </div> 684 <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);"> 685 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div> 686 </div> 687 </div> 688 689 <div class="flex items-center justify-between gap-2 py-2"> 690 <div class="flex items-center justify-end gap-2 w-[40%]"> 691 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 692 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 693 </div> 694 <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);"> 695 <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div> 696 </div> 697 <div class="flex items-center justify-start gap-2 w-[40%]"> 698 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 699 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 700 </div> 701 </div> 702 703 <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div> 704 705 <div class="flex items-center justify-between gap-2"> 706 <div class="flex items-center gap-2"> 707 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div> 708 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 709 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 710 </div> 711 <div class="flex gap-2"> 712 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 713 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 714 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 715 </div> 716 </div> 717 </div> 718</div> 719 <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse" 720 style="background: 721 radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%), 722 radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%), 723 linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%); 724 border: 1px solid rgba(var(--color-primary-rgb), 0.28);"> 725 <div class="flex flex-col gap-3"> 726 727 <div class="flex items-center justify-between"> 728 <div class="flex items-center gap-1.5"> 729 <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 730 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div> 731 </div> 732 <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);"> 733 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div> 734 </div> 735 </div> 736 737 <div class="flex items-center justify-between gap-2 py-2"> 738 <div class="flex items-center justify-end gap-2 w-[40%]"> 739 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 740 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 741 </div> 742 <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);"> 743 <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div> 744 </div> 745 <div class="flex items-center justify-start gap-2 w-[40%]"> 746 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 747 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 748 </div> 749 </div> 750 751 <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div> 752 753 <div class="flex items-center justify-between gap-2"> 754 <div class="flex items-center gap-2"> 755 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div> 756 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 757 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 758 </div> 759 <div class="flex gap-2"> 760 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 761 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 762 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 763 </div> 764 </div> 765 </div> 766</div> 767 <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse" 768 style="background: 769 radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%), 770 radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%), 771 linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%); 772 border: 1px solid rgba(var(--color-primary-rgb), 0.28);"> 773 <div class="flex flex-col gap-3"> 774 775 <div class="flex items-center justify-between"> 776 <div class="flex items-center gap-1.5"> 777 <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 778 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div> 779 </div> 780 <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);"> 781 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div> 782 </div> 783 </div> 784 785 <div class="flex items-center justify-between gap-2 py-2"> 786 <div class="flex items-center justify-end gap-2 w-[40%]"> 787 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 788 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 789 </div> 790 <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);"> 791 <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div> 792 </div> 793 <div class="flex items-center justify-start gap-2 w-[40%]"> 794 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 795 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 796 </div> 797 </div> 798 799 <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div> 800 801 <div class="flex items-center justify-between gap-2"> 802 <div class="flex items-center gap-2"> 803 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div> 804 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 805 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 806 </div> 807 <div class="flex gap-2"> 808 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 809 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 810 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 811 </div> 812 </div> 813 </div> 814</div> 815 <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse" 816 style="background: 817 radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%), 818 radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%), 819 linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%); 820 border: 1px solid rgba(var(--color-primary-rgb), 0.28);"> 821 <div class="flex flex-col gap-3"> 822 823 <div class="flex items-center justify-between"> 824 <div class="flex items-center gap-1.5"> 825 <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 826 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div> 827 </div> 828 <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);"> 829 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div> 830 </div> 831 </div> 832 833 <div class="flex items-center justify-between gap-2 py-2"> 834 <div class="flex items-center justify-end gap-2 w-[40%]"> 835 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 836 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 837 </div> 838 <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);"> 839 <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div> 840 </div> 841 <div class="flex items-center justify-start gap-2 w-[40%]"> 842 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 843 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 844 </div> 845 </div> 846 847 <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div> 848 849 <div class="flex items-center justify-between gap-2"> 850 <div class="flex items-center gap-2"> 851 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div> 852 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 853 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 854 </div> 855 <div class="flex gap-2"> 856 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 857 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 858 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 859 </div> 860 </div> 861 </div> 862</div> 863 <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse" 864 style="background: 865 radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%), 866 radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%), 867 linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%); 868 border: 1px solid rgba(var(--color-primary-rgb), 0.28);"> 869 <div class="flex flex-col gap-3"> 870 871 <div class="flex items-center justify-between"> 872 <div class="flex items-center gap-1.5"> 873 <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 874 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div> 875 </div> 876 <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);"> 877 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div> 878 </div> 879 </div> 880 881 <div class="flex items-center justify-between gap-2 py-2"> 882 <div class="flex items-center justify-end gap-2 w-[40%]"> 883 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 884 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 885 </div> 886 <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);"> 887 <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div> 888 </div> 889 <div class="flex items-center justify-start gap-2 w-[40%]"> 890 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 891 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 892 </div> 893 </div> 894 895 <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div> 896 897 <div class="flex items-center justify-between gap-2"> 898 <div class="flex items-center gap-2"> 899 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div> 900 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 901 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] ro
901unded-sm w-8"></div> 902 </div> 903 <div class="flex gap-2"> 904 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 905 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 906 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 907 </div> 908 </div> 909 </div> 910</div> 911 <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse" 912 style="background: 913 radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%), 914 radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%), 915 linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%); 916 border: 1px solid rgba(var(--color-primary-rgb), 0.28);"> 917 <div class="flex flex-col gap-3"> 918 919 <div class="flex items-center justify-between"> 920 <div class="flex items-center gap-1.5"> 921 <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 922 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div> 923 </div> 924 <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);"> 925 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div> 926 </div> 927 </div> 928 929 <div class="flex items-center justify-between gap-2 py-2"> 930 <div class="flex items-center justify-end gap-2 w-[40%]"> 931 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 932 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 933 </div> 934 <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);"> 935 <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div> 936 </div> 937 <div class="flex items-center justify-start gap-2 w-[40%]"> 938 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 939 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 940 </div> 941 </div> 942 943 <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div> 944 945 <div class="flex items-center justify-between gap-2"> 946 <div class="flex items-center gap-2"> 947 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div> 948 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 949 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 950 </div> 951 <div class="flex gap-2"> 952 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 953 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 954 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 955 </div> 956 </div> 957 </div> 958</div> 959 <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse" 960 style="background: 961 radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%), 962 radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%), 963 linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%); 964 border: 1px solid rgba(var(--color-primary-rgb), 0.28);"> 965 <div class="flex flex-col gap-3"> 966 967 <div class="flex items-center justify-between"> 968 <div class="flex items-center gap-1.5"> 969 <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 970 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div> 971 </div> 972 <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);"> 973 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div> 974 </div> 975 </div> 976 977 <div class="flex items-center justify-between gap-2 py-2"> 978 <div class="flex items-center justify-end gap-2 w-[40%]"> 979 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 980 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 981 </div> 982 <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);"> 983 <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div> 984 </div> 985 <div class="flex items-center justify-start gap-2 w-[40%]"> 986 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 987 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 988 </div> 989 </div> 990 991 <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div> 992 993 <div class="flex items-center justify-between gap-2"> 994 <div class="flex items-center gap-2"> 995 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div> 996 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 997 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 998 </div> 999 <div class="flex gap-2"> 1000 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1001 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1002 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1003 </div> 1004 </div> 1005 </div> 1006</div> 1007 <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse" 1008 style="background: 1009 radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%), 1010 radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%), 1011 linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%); 1012 border: 1px solid rgba(var(--color-primary-rgb), 0.28);"> 1013 <div class="flex flex-col gap-3"> 1014 1015 <div class="flex items-center justify-between"> 1016 <div class="flex items-center gap-1.5"> 1017 <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 1018 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div> 1019 </div> 1020 <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);"> 1021 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div> 1022 </div> 1023 </div> 1024 1025 <div class="flex items-center justify-between gap-2 py-2"> 1026 <div class="flex items-center justify-end gap-2 w-[40%]"> 1027 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 1028 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 1029 </div> 1030 <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);"> 1031 <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div> 1032 </div> 1033 <div class="flex items-center justify-start gap-2 w-[40%]"> 1034 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 1035 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 1036 </div> 1037 </div> 1038 1039 <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div> 1040 1041 <div class="flex items-center justify-between gap-2"> 1042 <div class="flex items-center gap-2"> 1043 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div> 1044 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1045 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1046 </div> 1047 <div class="flex gap-2"> 1048 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1049 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1050 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1051 </div> 1052 </div> 1053 </div> 1054</div> 1055 <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse" 1056 style="background: 1057 radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%), 1058 radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%), 1059 linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%); 1060 border: 1px solid rgba(var(--color-primary-rgb), 0.28);"> 1061 <div class="flex flex-col gap-3"> 1062 1063 <div class="flex items-center justify-between"> 1064 <div class="flex items-center gap-1.5"> 1065 <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 1066 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div> 1067 </div> 1068 <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);"> 1069 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div> 1070 </div> 1071 </div> 1072 1073 <div class="flex items-center justify-between gap-2 py-2"> 1074 <div class="flex items-center justify-end gap-2 w-[40%]"> 1075 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 1076 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 1077 </div> 1078 <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);"> 1079 <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div> 1080 </div> 1081 <div class="flex items-center justify-start gap-2 w-[40%]"> 1082 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 1083 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 1084 </div> 1085 </div> 1086 1087 <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div> 1088 1089 <div class="flex items-center justify-between gap-2"> 1090 <div class="flex items-center gap-2"> 1091 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div> 1092 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1093 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1094 </div> 1095 <div class="flex gap-2"> 1096 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1097 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1098 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1099 </div> 1100 </div> 1101 </div> 1102</div> 1103 <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse" 1104 style="background: 1105 radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%), 1106 radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%), 1107 linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%); 1108 border: 1px solid rgba(var(--color-primary-rgb), 0.28);"> 1109 <div class="flex flex-col gap-3"> 1110 1111 <div class="flex items-center justify-between"> 1112 <div class="flex items-center gap-1.5"> 1113 <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 1114 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div> 1115 </div> 1116 <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);"> 1117 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div> 1118 </div> 1119 </div> 1120 1121 <div class="flex items-center justify-between gap-2 py-2"> 1122 <div class="flex items-center justify-end gap-2 w-[40%]"> 1123 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 1124 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 1125 </div> 1126 <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);"> 1127 <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div> 1128 </div> 1129 <div class="flex items-center justify-start gap-2 w-[40%]"> 1130 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 1131 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 1132 </div> 1133 </div> 1134 1135 <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div> 1136 1137 <div class="flex items-center justify-between gap-2"> 1138 <div class="flex items-center gap-2"> 1139 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div> 1140 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1141 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1142 </div> 1143 <div class="flex gap-2"> 1144 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1145 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1146 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1147 </div> 1148 </div> 1149 </div> 1150</div> 1151 <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse" 1152 style="background: 1153 radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%), 1154 radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%), 1155 linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%); 1156 border: 1px solid rgba(var(--color-primary-rgb), 0.28);"> 1157 <div class="flex flex-col gap-3"> 1158 1159 <div class="flex items-center justify-between"> 1160 <div class="flex items-center gap-1.5"> 1161 <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 1162 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div> 1163 </div> 1164 <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);"> 1165 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div> 1166 </div> 1167 </div> 1168 1169 <div class="flex items-center justify-between gap-2 py-2"> 1170 <div class="flex items-center justify-end gap-2 w-[40%]"> 1171 <div class="h-4 bg-[rgba(var
1171(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 1172 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 1173 </div> 1174 <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);"> 1175 <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div> 1176 </div> 1177 <div class="flex items-center justify-start gap-2 w-[40%]"> 1178 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 1179 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 1180 </div> 1181 </div> 1182 1183 <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div> 1184 1185 <div class="flex items-center justify-between gap-2"> 1186 <div class="flex items-center gap-2"> 1187 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div> 1188 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1189 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1190 </div> 1191 <div class="flex gap-2"> 1192 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1193 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1194 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1195 </div> 1196 </div> 1197 </div> 1198</div> 1199 <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse" 1200 style="background: 1201 radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%), 1202 radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%), 1203 linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%); 1204 border: 1px solid rgba(var(--color-primary-rgb), 0.28);"> 1205 <div class="flex flex-col gap-3"> 1206 1207 <div class="flex items-center justify-between"> 1208 <div class="flex items-center gap-1.5"> 1209 <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 1210 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div> 1211 </div> 1212 <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);"> 1213 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div> 1214 </div> 1215 </div> 1216 1217 <div class="flex items-center justify-between gap-2 py-2"> 1218 <div class="flex items-center justify-end gap-2 w-[40%]"> 1219 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 1220 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 1221 </div> 1222 <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);"> 1223 <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div> 1224 </div> 1225 <div class="flex items-center justify-start gap-2 w-[40%]"> 1226 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 1227 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 1228 </div> 1229 </div> 1230 1231 <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div> 1232 1233 <div class="flex items-center justify-between gap-2"> 1234 <div class="flex items-center gap-2"> 1235 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div> 1236 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1237 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1238 </div> 1239 <div class="flex gap-2"> 1240 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1241 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1242 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1243 </div> 1244 </div> 1245 </div> 1246</div> 1247 <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse" 1248 style="background: 1249 radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%), 1250 radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%), 1251 linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%); 1252 border: 1px solid rgba(var(--color-primary-rgb), 0.28);"> 1253 <div class="flex flex-col gap-3"> 1254 1255 <div class="flex items-center justify-between"> 1256 <div class="flex items-center gap-1.5"> 1257 <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 1258 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div> 1259 </div> 1260 <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);"> 1261 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div> 1262 </div> 1263 </div> 1264 1265 <div class="flex items-center justify-between gap-2 py-2"> 1266 <div class="flex items-center justify-end gap-2 w-[40%]"> 1267 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 1268 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 1269 </div> 1270 <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);"> 1271 <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div> 1272 </div> 1273 <div class="flex items-center justify-start gap-2 w-[40%]"> 1274 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 1275 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 1276 </div> 1277 </div> 1278 1279 <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div> 1280 1281 <div class="flex items-center justify-between gap-2"> 1282 <div class="flex items-center gap-2"> 1283 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div> 1284 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1285 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1286 </div> 1287 <div class="flex gap-2"> 1288 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1289 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1290 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1291 </div> 1292 </div> 1293 </div> 1294</div> 1295 <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse" 1296 style="background: 1297 radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%), 1298 radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%), 1299 linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%); 1300 border: 1px solid rgba(var(--color-primary-rgb), 0.28);"> 1301 <div class="flex flex-col gap-3"> 1302 1303 <div class="flex items-center justify-between"> 1304 <div class="flex items-center gap-1.5"> 1305 <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 1306 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div> 1307 </div> 1308 <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);"> 1309 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div> 1310 </div> 1311 </div> 1312 1313 <div class="flex items-center justify-between gap-2 py-2"> 1314 <div class="flex items-center justify-end gap-2 w-[40%]"> 1315 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 1316 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 1317 </div> 1318 <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);"> 1319 <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div> 1320 </div> 1321 <div class="flex items-center justify-start gap-2 w-[40%]"> 1322 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 1323 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 1324 </div> 1325 </div> 1326 1327 <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div> 1328 1329 <div class="flex items-center justify-between gap-2"> 1330 <div class="flex items-center gap-2"> 1331 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div> 1332 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1333 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1334 </div> 1335 <div class="flex gap-2"> 1336 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1337 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1338 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1339 </div> 1340 </div> 1341 </div> 1342</div> 1343 <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse" 1344 style="background: 1345 radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%), 1346 radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%), 1347 linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%); 1348 border: 1px solid rgba(var(--color-primary-rgb), 0.28);"> 1349 <div class="flex flex-col gap-3"> 1350 1351 <div class="flex items-center justify-between"> 1352 <div class="flex items-center gap-1.5"> 1353 <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 1354 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div> 1355 </div> 1356 <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);"> 1357 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div> 1358 </div> 1359 </div> 1360 1361 <div class="flex items-center justify-between gap-2 py-2"> 1362 <div class="flex items-center justify-end gap-2 w-[40%]"> 1363 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 1364 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 1365 </div> 1366 <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);"> 1367 <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div> 1368 </div> 1369 <div class="flex items-center justify-start gap-2 w-[40%]"> 1370 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 1371 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 1372 </div> 1373 </div> 1374 1375 <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div> 1376 1377 <div class="flex items-center justify-between gap-2"> 1378 <div class="flex items-center gap-2"> 1379 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div> 1380 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1381 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1382 </div> 1383 <div class="flex gap-2"> 1384 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1385 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1386 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1387 </div> 1388 </div> 1389 </div> 1390</div> 1391 <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse" 1392 style="background: 1393 radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%), 1394 radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%), 1395 linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%); 1396 border: 1px solid rgba(var(--color-primary-rgb), 0.28);"> 1397 <div class="flex flex-col gap-3"> 1398 1399 <div class="flex items-center justify-between"> 1400 <div class="flex items-center gap-1.5"> 1401 <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 1402 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div> 1403 </div> 1404 <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);"> 1405 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div> 1406 </div> 1407 </div> 1408 1409 <div class="flex items-center justify-between gap-2 py-2"> 1410 <div class="flex items-center justify-end gap-2 w-[40%]"> 1411 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 1412 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 1413 </div> 1414 <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);"> 1415 <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div> 1416 </div> 1417 <div class="flex items-center justify-start gap-2 w-[40%]"> 1418 <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div> 1419 <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div> 1420 </div> 1421 </div> 1422 1423 <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div> 1424 1425 <div class="flex items-center justify-between gap-2"> 1426 <div class="flex items-center gap-2"> 1427 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div> 1428 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1429 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1430 </div> 1431 <div class="flex gap-2"> 1432 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1433 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1434 <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div> 1435 </div> 1436 </div> 1437 </div> 1438</div> 1439 </div> 1440 1441 </div> 1442 1443 <!-- Football Filter Tabs + Leagues Drop down--> 1444 <div cla
1444ss="football-section" x-show="activeSport === 'football'"> 1445 <div class="w-full actual-tabs p-4 mb-4 rounded-b-sm relative isolate overflow-visible z-[130]" style=" 1446 background: 1447 linear-gradient(180deg, rgba(5,10,20,0.88) 0%, rgba(3,8,16,0.94) 55%, rgba(2,6,12,0.98) 100%), 1448 radial-gradient(circle at 50% 30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.07) 20%, transparent 52%), 1449 url('https://toptrader.io/app/themes/ba-theme/public/build/assets/gradient_theme-Ccou1Gf6.webp'); 1450 background-repeat: no-repeat; 1451 background-size: 100% 180px; 1452 background-position: center -62px; 1453 border: 1px solid rgba(255,255,255,0.05); 1454 border-top: 1px solid rgba(255,255,255,0.04); 1455 " x-show="!isLoading && !showLiveScore"> 1456 <!-- Desktop Layout - Leagues dropdown in same row as filter tabs --> 1457 <div class="hidden sm:flex items-center justify-between"> 1458 <div 1459 id="filterTabs" 1460 class="flex-1 flex items-center space-x-4 overflow-x-auto whitespace-nowrap no-scrollbar px-3 sm:px-0" 1461 data-tabs-toggle="#filterTabsContent" 1462 data-tabs-active-classes="!border-[rgb(var(--color-primary-rgb))] hover:!border-primary/30 bg-[#1C242D]" 1463 data-tabs-inactive-classes="hover:!border-primary/30 bg-[#1C242D]" 1464 role="tablist" 1465 style="-webkit-overflow-scrolling: touch;" 1466 > 1467 <!-- Live Tab --> 1468 1469 <button id="live-tab" 1470 data-tabs-target="#live-content" 1471 type="button" 1472 role="tab" 1473 aria-controls="live-content" 1474 class="flex-shrink-0 flex items-center gap-2 px-4 py-2 font-medium rounded-sm tab-gradient cursor-pointer border border-transparent"> 1475 <svg class="w-12 h-5" width="50" height="18" viewBox="0 0 50 18" fill="none" xmlns="http://www.w3.org/2000/svg">
1476<path d="M11.962 14V4.77H13.756V12.427H18.462V14H11.962ZM19.5538 14V4.77H21.3478V14H19.5538ZM24.2225 4.77L26.7185 11.868L29.1885 4.77H31.0735L27.5765 14H25.8475L22.3375 4.77H24.2225ZM38.4677 12.427V14H32.0587V4.77H38.3507V6.343H33.8527V8.566H37.7397V10.022H33.8527V12.427H38.4677Z" fill="white"/> 1477<path d="M5.49408 14.1756C5.63601 14.3189 5.80017 14.402 5.98657 14.4248C6.17297 14.4477 6.3378 14.3937 6.48108 14.2627C6.54728 14.1862 6.6108 14.0988 6.67162 14.0003C6.73245 13.9019 6.76313 13.7978 6.76367 13.6881C6.764 13.6223 6.74792 13.5454 6.71543 13.4575C6.68295 13.3695 6.65034 13.309 6.61759 13.276C6.07221 12.626 5.66979 11.9108 5.41032 11.1306C5.13981 10.3613 5.00653 9.57617 5.01047 8.77528C5.01441 7.97438 5.15543 7.18515 5.43354 6.40755C5.70063 5.64086 6.11003 4.93523 6.66177 4.29063C6.8051 4.14871 6.86629 3.97621 6.84535 3.77313C6.8244 3.57006 6.74289 3.41332 6.6008 3.30291C6.45888 3.15958 6.28638 3.09839 6.08331 3.11933C5.88024 3.14028 5.72349 3.22179 5.61308 3.36388C4.93996 4.15051 4.43654 5.00927 4.10282 5.9402C3.75808 6.88205 3.58334 7.83295 3.57862 8.79292C3.5739 9.7529 3.72836 10.6944 4.04199 11.6176C4.36653 12.5517 4.85056 13.4044 5.49408
147714.1756ZM3.02467 0.964877C2.04268 2.0901 1.3015 3.33169 0.801108 4.68969C0.300715 6.04768 0.0470433 7.4343 0.0400831 8.84958C0.0331229 10.2649 0.273145 11.6539 0.760156 13.0167C1.24711 14.3906 1.97604 15.6394 2.94697 16.7632C3.0889 16.9066 3.25306 16.9897 3.43946 17.0125C3.62586 17.0354 3.79072 16.9759 3.93405 16.8339C4.04424 16.7357 4.11874 16.6456 4.15755 16.5635C4.19635 16.4814 4.21602 16.3855 4.21656 16.2758C4.21689 16.21 4.20356 16.1303 4.17659 16.037C4.14963 15.9436 4.11439 15.8584 4.07088 15.7814C3.1981 14.7787 2.54526 13.6728 2.11235 12.4639C1.67939 11.2658 1.46597 10.0442 1.47209 8.79902C1.47822 7.55379 1.70364 6.33435 2.14837 5.14065C2.59309 3.94696 3.25669 2.86407 4.13919 1.89195C4.28251 1.75003 4.34366 1.58576 4.32264 1.39914C4.30161 1.21253 4.22014 1.04756 4.07822 0.904229C3.90338 0.760741 3.71995 0.691269 3.52793 0.695811C3.33591 0.700353 3.16816 0.79004 3.02467 0.964877Z" fill="var(--color-primary, #FF3333)"/> 1478<path d="M44.5059 14.1756C44.364 14.3189 44.1998 14.402 44.0134 14.4248C43.827 14.4477 43.6622 14.3937 43.5189 14.2627C43.4527 14.1862 43.3892 14.0988 43.3284 14.0003C43.2675 13.9019 43.2369 13.7978 43.2363 13.6881C43.236 13.6223 43.2521 13.5454 43.2846 13.4575C43.317 13.3695 43.3497 13.309 43.3824 13.276C43.9278 12.626 44.3302 11.9108 44.5897 11.1306C44.8602 10.3613 44.9935 9.57617 44.9895 8.77528C44.9856 7.97438 44.8446 7.18515 44.5665 6.40755C44.2994 5.64086 43.89 4.93523 43.3382 4.29063C43.1949 4.14871 43.1337 3.97621 43.1547 3.77313C43.1756 3.57006 43.2571 3.41332 43.3992 3.30291C43.5411 3.15958 43.7136 3.09839 43.9167 3.11933C44.1198 3.14028 44.2765 3.22179 44.3869 3.36388C45.06 4.15051 45.5635 5.00927 45.8972 5.9402C46.2419 6.88205 46.4167 7.83295 46.4214 8.79292C46.4261 9.7529 46.2716 10.6944 45.958 11.6176C45.6335 12.5517 45.1494 13.4044 44.5059 14.1756ZM46.9753 0.964876C47.9573 2.0901 48.6985 3.33169 49.1989 4.68969C49.6993 6.04768 49.953 7.4343 49.9599 8.84958C49.9669 10.2649 49.7269 11.6539 49.2398 13.0167C48.7529 14.3906 48.024 15.6394 47.053 16.7632C46.9111 16.9066 46.7469 16.9897 46.5605 17.0125C46.3741 17.0354 46.2093 16.9759 46.066 16.8339C45.9558 16.7357 45.8813 16.6456 45.8425 16.5635C45.8036 16.4814 45.784 16.3855 45.7834 16.2758C45.7831 16.21 45.7964 16.1303 45.8234 16.037C45.8504 15.9436 45.8856 15.8584 45.9291 15.7814C46.8019 14.7787 47.4547 13.6728 47.8876 12.4639C48.3206 11.2658 48.534 10.0442 48.5279 8.79902C48.5218 7.55379 48.2964 6.33435 47.8516 5.14065C47.4069 3.94696 46.7433 2.86407 45.8608 1.89195C45.7175 1.75003 45.6563 1.58576 45.6774 1.39914C45.6984 1.21253 45.7799 1.04756 45.9218 0.904229C46.0966 0.760741 46.28 0.691268 46.4721 0.69581C46.6641 0.700352 46.8318 0.790039 46.9753 0.964876Z" fill="var(--color-primary, #FF3333)"/> 1479</svg> 1480 <span class="live-count text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm">16</span> 1481 </button> 1482 <!-- Upcoming Tab --> 1483 <button id="upcoming-tab" 1484 data-tabs-target="#upcoming-content" 1485 type="button" 1486 role="tab" 1487 aria-controls="upcoming-content" 1488 class="flex-shrink-0 flex items-center gap-2 px-4 py-2 font-medium rounded-sm tab-gradient cursor-pointer border border-transparent"> 1489 <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 1490<g clip-path="url(#clip-cal-6ac96c42a12d5)"> 1491<path d="M1.31836 12.7734H13.6816V5.74219H1.31836V12.7734ZM13.6816 1.78711H1.31836C0.590244 1.78711 0 2.37735 0 3.10547V4.42383C0 4.90922 0.393486 5.30273 0.878906 5.30273H14.1211C14.6065 5.30273 15 4.90922 15 4.42383V3.10547C15 2.37735 14.4098 1.78711 13.6816 1.78711Z" fill="url(#cal-6ac96c42a12d5-p)"/> 1492<path d="M2.22656 3.54492C2.46946 3.54492 2.66602 3.34837 2.66602 3.10547V1.34766C2.66602 1.10476 2.46946 0.908203 2.22656 0.908203C1.98366 0.908203 1.78711 1.10476 1.78711 1.34766V3.10547C1.78711 3.34837 1.98366 3.54492 2.22656 3.54492ZM5.74219 3.54492C5.98509 3.54492 6.18164 3.34837 6.18164 3.10547V1.34766C6.18164 1.10476 5.98509 0.908203 5.74219 0.908203C5.49929 0.908203 5.30273 1.10476 5.30273 1.34766V3.10547C5.30273 3.34837 5.49929 3.54492 5.74219 3.54492ZM9.25781 3.54492C9.50071 3.54492 9.69727 3.34837 9.69727 3.10547V1.34766C9.69727 1.10476 9.50071 0.908203 9.25781 0.908203C9.01491 0.908203 8.81836 1.10476 8.81836 1.34766V3.10547C8.81836 3.34837 9.01491 3.54492 9.25781 3.54492ZM12.7734 3.54492C13.0163 3.54492 13.2129 3.34837 13.2129 3.10547V1.34766C13.2129 1.10476 13.0163 0.908203 12.7734 0.908203C12.5305 0.908203 12.334 1.10476 12.334 1.34766V3.10547C12.334 3.34837 12.5305 3.54492 12.7734 3.54492ZM0 4.42383V13.6523C0 13.895 0.196758 14.0918 0.439453 14.0918H14.5605C14.8032 14.0918 15 13.895 15 13.6523V4.42383H0ZM4.42383 11.8945C4.42383 12.1372 4.22707 12.334 3.98438 12.334H2.22656C1.98387 12.334 1.78711 12.1372 1.78711 11.8945V10.1367C1.78711 9.89402 1.98387 9.69727 2.22656 9.69727H3.98438C4.22707 9.69727 4.42383 9.89402 4.42383 10.1367V11.8945ZM4.42383 8.37891C4.42383 8.6216 4.22707 8.81836 3.98438 8.81836H2.22656C1.98387 8.81836 1.78711 8.6216 1.78711 8.37891V6.62109C1.78711 6.3784 1.98387 6.18164 2.22656 6.18164H3.98438C4.22707 6.18164 4.42383 6.3784 4.42383 6.62109V8.37891ZM8.81836 11.8945C8.81836 12.1372 8.6216 12.334 8.37891 12.334H6.62109C6.3784 12.334 6.18164 12.1372 6.18164 11.8945V10.1367C6.18164 9.89402 6.3784 9.69727 6.62109 9.69727H8.37891C8.6216 9.69727 8.81836 9.89402 8.81836 10.1367V11.8945ZM8.81836 8.37891C8.81836 8.6216 8.6216 8.81836 8.37891 8.81836H6.62109C6.3784 8.81836 6.18164 8.6216 6.18164 8.37891V6.62109C6.18164 6.3784 6.3784 6.18164 6.62109 6.18164H8.37891C8.6216 6.18164 8.81836 6.3784 8.81836 6.62109V8.37891ZM13.2129 11.8945C13.2129 12.1372 13.0161 12.334 12.7734 12.334H11.0156C10.7729 12.334 10.5762 12.1372 10.5
1492762 11.8945V10.1367C10.5762 9.89402 10.7729 9.69727 11.0156 9.69727H12.7734C13.0161 9.69727 13.2129 9.89402 13.2129 10.1367V11.8945ZM13.2129 8.37891C13.2129 8.6216 13.0161 8.81836 12.7734 8.81836H11.0156C10.7729 8.81836 10.5762 8.6216 10.5762 8.37891V6.62109C10.5762 6.3784 10.7729 6.18164 11.0156 6.18164H12.7734C13.0161 6.18164 13.2129 6.3784 13.2129 6.62109V8.37891Z" fill="url(#cal-6ac96c42a12d5-a)"/> 1493</g> 1494<defs> 1495<linearGradient id="cal-6ac96c42a12d5-p" x1="7.5" y1="1.78711" x2="7.5" y2="12.7734" gradientUnits="userSpaceOnUse"> 1496<stop stop-color="var(--color-primary, #FA6668)"/> 1497<stop offset="1" stop-color="var(--color-red-dark, #780F11)"/> 1498</linearGradient> 1499<linearGradient id="cal-6ac96c42a12d5-a" x1="7.5" y1="14.0918" x2="7.5" y2="0.9082" gradientUnits="userSpaceOnUse"> 1500<stop stop-color="var(--color-primary-lighter, #FFBD00)"/> 1501<stop offset="1" stop-color="var(--color-primary-lighter, #FFFF58)"/> 1502</linearGradient> 1503<clipPath id="clip-cal-6ac96c42a12d5"> 1504<rect width="15" height="15" fill="white"/> 1505</clipPath> 1506</defs> 1507</svg> 1508 <span>Sắp tá»i</span> 1509 <span class="upcoming-count text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm">1260</span> 1510 </button> 1511 <!-- Hot Matches Tab --> 1512 <button id="hot-tab" 1513 data-tabs-target="#hot-content" 1514 type="button" 1515 role="tab" 1516 aria-controls="hot-content" 1517 class="flex-shrink-0 flex items-center gap-2 px-4 py-2 font-medium rounded-sm tab-gradient cursor-pointer border border-transparent"> 1518 <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 1519<path d="M11.6409 4.64024C11.5044 4.57717 11.3452 4.58789 11.2191 4.66772C11.0925 4.74841 11.0157 4.8883 11.0157 5.03851V5.77148C11.0157 6.01395 10.8187 6.21094 10.5762 6.21094C10.3591 6.21094 10.1754 6.05473 10.1398 5.8423C9.78223 3.62613 8.15402 0 7.5 0C6.84598 0 5.21777 3.62613 4.8607 5.83972C4.82467 6.05473 4.64098 6.21094 4.42383 6.21094C4.18137 6.21094 3.98438 6.01395 3.98438 5.77148V5.03848C3.98438 4.88827 3.90756 4.74838 3.78097 4.6677C3.65438 4.58786 3.496 4.57714 3.35912 4.64021C1.86308 5.33804 0.908203 8.37902 0.908203 10.166C0.908203 13.0121 3.61875 15 7.5 15C11.3812 15 14.0918 13.0121 14.0918 10.166C14.0918 8.37902 13.1369 5.33804 11.6409 4.64024Z" fill="url(#fire-6ac96c42a13be-p)"/> 1520<path d="M9.63161 9.05622C9.55137 8.92661 9.41016 8.84766 9.25781 8.84766H8.28279L7.92615 7.42287C7.88154 7.24433 7.73089 7.11258 7.54808 7.09243C7.3614 7.07312 7.18931 7.1688 7.1069 7.33275L5.34908 10.8484C5.28085 10.9844 5.28815 11.1462 5.36839 11.2758C5.44864 11.4054 5.58985 11.4844 5.74219 11.4844H6.71722L7.07385 12.9092C7.11847 13.0877 7.26911 13.2195 7.45193 13.2396C7.63998 13.2594 7.81248 13.1601 7.89311 12.9993L9.65092 9.48367C9.71915 9.34761 9.71186 9.18583 9.63161 9.05622Z" fill="url(#fire-6ac96c42a13be-a)"/> 1521<defs> 1522<linearGradient id="fire-6ac96c42a13be-p" x1="7.5" y1="0" x2="7.5" y2="15" gradientUnits="userSpaceOnUse"> 1523<stop stop-color="var(--color-primary, #FA6668)"/> 1524<stop offset="1" stop-color="var(--color-red-dark, #FF0500)"/> 1525</linearGradient> 1526<linearGradient id="fire-6ac96c42a13be-a" x1="7.5" y1="13.2421" x2="7.5" y2="7.08996" gradientUnits="userSpaceOnUse"> 1527<stop stop-color="#FFBD00"/> 1528<stop offset="1" stop-color="#FFFF58"/> 1529</linearGradient> 1530</defs> 1531</svg> 1532 <span>Tráºn Hot</span> 1533 <span class="hot-count text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm">106</span> 1534 </button> 1535 <!-- Commentator Tab --> 1536 <button id="commentator-tab" 1537 data-tabs-target="#commentator-content" 1538 type="button" 1539 role="tab" 1540 aria-controls="commentator-content" 1541 class="flex-shrink-0 flex items-center gap-2 px-4 py-2 font-medium rounded-sm tab-gradient cursor-pointer border border-transparent"> 1542 <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 1543<path d="M11.8945 5.27344C11.6516 5.27344 11.4551 5.46999 11.4551 5.71289V6.15234H10.1367C9.89382 6.15234 9.69727 6.3489 9.69727 6.5918C9.69727 6.8347 9.89382 7.03125 10.1367 7.03125H11.4551V9.28711C11.4551 10.9831 10.0749 12.3633 8.37891 12.3633H6.62109C4.92507 12.3633 3.54492 10.9831 3.54492 9.28711V7.03125H4.86328C5.10618 7.03125 5.30273 6.8347 5.30273 6.5918C5.30273 6.3489 5.10618 6.15234 4.86328 6.15234H3.54492V5.71289C3.54492 5.46999 3.34837 5.27344 3.10547 5.27344C2.86257 5.27344 2.66602 5.46999 2.66602 5.71289V9.28711C2.66602 11.4681 4.44015 13.2422 6.62109 13.2422H7.06055V14.5605C7.06055 14.8034 7.2571 15 7.5 15C7.7429 15 7.93945 14.8034 7.93945 14.5605V13.2422H8.37891C10.5599 13.2422 12.334 11.4681 12.334 9.28711V5.71289C12.334 5.46999 12.1374 5.27344 11.8945 5.27344ZM4.42383 7.4707V9.28711C4.42383 10.5 5.4082 11.4844 6.62109 11.4844H8.37891C9.5918 11.4844 10.5762 10.5 10.5762 9.28711V7.4707L7.67435 6.5918L4.42383 7.4707ZM5.74219 5.71289C5.74219 6.1974 6.13614 6.5918 6.62
1543109 6.5918C7.10604 6.5918 7.5 6.1974 7.5 5.71289C7.5 5.22838 7.10604 4.83398 6.62109 4.83398C6.13614 4.83398 5.74219 5.22838 5.74219 5.71289ZM7.5 5.71289C7.5 6.1974 7.89396 6.5918 8.37891 6.5918C8.86386 6.5918 9.25781 6.1974 9.25781 5.71289C9.25781 5.22838 8.86386 4.83398 8.37891 4.83398C7.89396 4.83398 7.5 5.22838 7.5 5.71289ZM7.5 3.95508C7.5 3.47057 7.10604 3.07617 6.62109 3.07617C6.13614 3.07617 5.74219 3.47057 5.74219 3.95508C5.74219 4.43959 6.13614 4.83398 6.62109 4.83398C7.10604 4.83398 7.5 4.43959 7.5 3.95508ZM7.5 3.95508C7.5 4.43959 7.89396 4.83398 8.37891 4.83398C8.86386 4.83398 9.25781 4.43959 9.25781 3.95508C9.25781 3.47057 8.86386 3.07617 8.37891 3.07617C7.89396 3.07617 7.5 3.47057 7.5 3.95508ZM7.5 2.19727C7.5 1.71275 7.10604 1.31836 6.62109 1.31836C6.13614 1.31836 5.74219 1.71275 5.74219 2.19727C5.74219 2.68178 6.13614 3.07617 6.62109 3.07617C7.10604 3.07617 7.5 2.68178 7.5 2.19727ZM8.37891 3.07617C8.86386 3.07617 9.25781 2.68178 9.25781 2.19727C9.25781 1.71275 8.86386 1.31836 8.37891 1.31836C7.89396 1.31836 7.5 1.71275 7.5 2.19727C7.5 2.68178 7.89396 3.07617 8.37891 3.07617Z" fill="url(#mic-6ac96c42a14bb-a)"/> 1544<path d="M10.1367 14.1211H4.86328C4.62038 14.1211 4.42383 14.3176 4.42383 14.5605C4.42383 14.8034 4.62038 15 4.86328 15H10.1367C10.3796 15 10.5762 14.8034 10.5762 14.5605C10.5762 14.3176 10.3796 14.1211 10.1367 14.1211ZM8.37891 0H6.62109C5.4082 0 4.42383 0.984375 4.42383 2.19727V7.4707H10.5762V2.19727C10.5762 0.984375 9.5918 0 8.37891 0ZM6.62109 6.15234C6.3784 6.15234 6.18164 5.95559 6.18164 5.71289C6.18164 5.47014 6.3784 5.27344 6.62109 5.27344C6.86379 5.27344 7.06055 5.47014 7.06055 5.71289C7.06055 5.95559 6.86379 6.15234 6.62109 6.15234ZM6.62109 4.39453C6.3784 4.39453 6.18164 4.19777 6.18164 3.95508C6.18164 3.71232 6.3784 3.51562 6.62109 3.51562C6.86379 3.51562 7.06055 3.71232 7.06055 3.95508C7.06055 4.19777 6.86379 4.39453 6.62109 4.39453ZM6.62109 2.63672C6.3784 2.63672 6.18164 2.43996 6.18164 2.19727C6.18164 1.95451 6.3784 1.75781 6.62109 1.75781C6.86379 1.75781 7.06055 1.95451 7.06055 2.19727C7.06055 2.43996 6.86379 2.63672 6.62109 2.63672ZM8.37891 6.15234C8.13621 6.15234 7.93945 5.95559 7.93945 5.71289C7.93945 5.47014 8.13621 5.27344 8.37891 5.27344C8.6216 5.27344 8.81836 5.47014 8.81836 5.71289C8.81836 5.95559 8.6216 6.15234 8.37891 6.15234ZM8.37891 4.39453C8.13621 4.39453 7.93945 4.19777 7.93945 3.95508C7.93945 3.71232 8.13621 3.51562 8.37891 3.51562C8.6216 3.51562 8.81836 3.71232 8.81836 3.95508C8.81836 4.19777 8.6216 4.39453 8.37891 4.39453ZM8.37891 2.63672C8.13621 2.63672 7.93945 2.43996 7.93945 2.19727C7.93945 1.95451 8.13621 1.75781 8.37891 1.75781C8.6216 1.75781 8.81836 1.95451 8.81836 2.19727C8.81836 2.43996 8.6216 2.63672 8.37891 2.63672Z" fill="url(#mic-6ac96c42a14bb-p)"/> 1545<defs> 1546<linearGradient id="mic-6ac96c42a14bb-a" x1="7.5" y1="15" x2="7.5" y2="1.31836" gradientUnits="userSpaceOnUse"> 1547<stop stop-color="#FFBD00"/> 1548<stop offset="1" stop-color="#FFFF58"/> 1549</linearGradient> 1550<linearGradient id="mic-6ac96c42a14bb-p" x1="7.5" y1="0" x2="7.5" y2="15" gradientUnits="userSpaceOnUse"> 1551<stop stop-color="var(--color-primary, #FA6668)"/> 1552<stop offset="1" stop-color="var(--color-red-dark, #FF0500)"/> 1553</linearGradient> 1554</defs> 1555</svg> 1556 <span>BLV Xoilac TV</span> 1557 <span class="commentator-count text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm">8</span> 1558 </button> 1559 <!-- Today's Matches Tab --> 1560 <button id="today-tab" 1561 data-tabs-target="#today-content" 1562 type="button" 1563 role="tab" 1564 aria-controls="today-content" 1565 aria-selected="true" 1566 class="flex-shrink-0 flex items-center gap-2 px-4 py-2 font-medium rounded-sm tab-gradient cursor-pointer border border-transparent"> 1567 <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 1568<g clip-path="url(#clip-cal-6ac96c42a153b)"> 1569<path d="M1.31836 12.7734H13.6816V5.74219H1.31836V12.7734ZM13.6816 1.78711H1.31836C0.590244 1.78711 0 2.37735 0 3.10547V4.42383C0 4.90922 0.393486 5.30273 0.878906 5.30273H14.1211C14.6065 5.30273 15 4.90922 15 4.42383V3.10547C15 2.37735 14.4098 1.78711 13.6816 1.78711Z" fill="url(#cal-6ac96c42a153b-p)"/> 1570<path d="M2.22656 3.54492C2.46946 3.54492 2.66602 3.34837 2.66602 3.10547V1.34766C2.66602 1.10476 2.46946 0.908203 2.22656 0.908203C1.98366 0.908203 1.78711 1.10476 1.78711 1.34766V3.10547C1.78711 3.34837 1.98366 3.54492 2.22656 3.54492ZM5.74219 3.54492C5.98509 3.54492 6.18164 3.34837 6.18164 3.10547V1.34766C6.18164 1.10476 5.98509 0.908203 5.74219 0.908203C5.49929 0.908203 5.30273 1.10476 5.30273 1.34766V3.10547C5.30273 3.34837 5.49929 3.54492 5.74219 3.54492ZM9.25781 3.54492C9.50071 3.54492 9.69727 3.34837 9.69727 3.10547V1.34766C9.69727 1.10476 9.50071 0.908203 9.25781 0.908203C9.01491 0.908203 8.81836 1.10476 8.81836 1.34766V3.10547C8.81836 3.34837 9.01491 3.54492 9.25781 3.54492ZM12.7734 3.54492C13.0163 3.54492 13.2129 3.34837 13.2129 3.10547V1.34766C13.2129 1.10476 13.0163 0.908203 12.7734 0.908203C12.5305 0.908203 12.334 1.10476 12.334 1.34766V3.10547C12.334 3.34837 12.5305 3.54492 12.7734 3.54492ZM0 4.42383V13.6523C0 13.895 0.196758 14.0918 0.439453 14.0918H14.5605C14.8032 14.0918 15 13.895 15 13.6523V4.42383H0ZM4.42383 11.8945C4.42383 12.1372 4.22707 12.334 3.98438 12.334H2.22656C1.98387 12.334 1.78711 12.1372 1.78711 11.8945V10.1367C1.78711 9.89402 1.98387 9.69727 2.22656 9.69727H3.98438C4.22707 9.69727 4.42383 9.89402 4.42383 10.1367V11.8945ZM4.42383 8.37891C4.42383 8.6216 4.22707 8.81836 3.98438 8.81836H2.22656C1.98387 8.81836 1.78711 8.6216 1.78711 8.37891V6.62109C1.78711 6.3784 1.98387 6.18164 2.22656 6.18164H3.98438C4.22707 6.18164 4.42383 6.3784 4.42383 6.62109V8.37891ZM8.81836 11.8945C8.81836 12.1372 8.6216 12.334 8.37891 12.334H6.62109C6.3784 12.334 6.18164 12.1372 6.18164 11.8945V10.1367C6.18164 9.89402 6.3784 9.69727 6.62109 9.69727H8.37891C8.6216 9.69727 8.81836 9.89402 8.81836 10.1367V11.8945ZM8.81836 8.37891C8.81836 8.6216 8.6216 8.81836 8.37891 8.81836H6.62109C6.3784 8.81836 6.18164 8.6216 6.18164 8.37891V6.62109C6.18164 6.3784 6.3784 6.18164 6.62109 6.18164H8.37891C8.6216 6.18164 8.81836 6.3784 8.81836 6.62109V8.37891ZM13.2129 11.8945C13.2129 12.1372 13.0161 12.334 12.7734 12.334H11.0156C10.7729 12.334 10.5762 12.1372 10.5
1570762 11.8945V10.1367C10.5762 9.89402 10.7729 9.69727 11.0156 9.69727H12.7734C13.0161 9.69727 13.2129 9.89402 13.2129 10.1367V11.8945ZM13.2129 8.37891C13.2129 8.6216 13.0161 8.81836 12.7734 8.81836H11.0156C10.7729 8.81836 10.5762 8.6216 10.5762 8.37891V6.62109C10.5762 6.3784 10.7729 6.18164 11.0156 6.18164H12.7734C13.0161 6.18164 13.2129 6.3784 13.2129 6.62109V8.37891Z" fill="url(#cal-6ac96c42a153b-a)"/> 1571</g> 1572<defs> 1573<linearGradient id="cal-6ac96c42a153b-p" x1="7.5" y1="1.78711" x2="7.5" y2="12.7734" gradientUnits="userSpaceOnUse"> 1574<stop stop-color="var(--color-primary, #FA6668)"/> 1575<stop offset="1" stop-color="var(--color-red-dark, #780F11)"/> 1576</linearGradient> 1577<linearGradient id="cal-6ac96c42a153b-a" x1="7.5" y1="14.0918" x2="7.5" y2="0.9082" gradientUnits="userSpaceOnUse"> 1578<stop stop-color="var(--color-primary-lighter, #FFBD00)"/> 1579<stop offset="1" stop-color="var(--color-primary-lighter, #FFFF58)"/> 1580</linearGradient> 1581<clipPath id="clip-cal-6ac96c42a153b"> 1582<rect width="15" height="15" fill="white"/> 1583</clipPath> 1584</defs> 1585</svg> 1586 <span>Hôm nay</span> 1587 <span class="today-count text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm">1312</span> 1588 </button> 1589 <!-- Tomorrow's Matches Tab --> 1590 <button id="tomorrow-tab" 1591 data-tabs-target="#tomorrow-content" 1592 type="button" 1593 role="tab" 1594 aria-controls="tomorrow-content" 1595 data-date="2026-10-11" 1596 class="tomorrow-tab flex-shrink-0 flex items-center gap-2 px-4 py-2 font-medium rounded-sm tab-gradient cursor-pointer border border-transparent"> 1597 <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 1598<g clip-path="url(#clip-cal-6ac96c42a15fb)"> 1599<path d="M1.31836 12.7734H13.6816V5.74219H1.31836V12.7734ZM13.6816 1.78711H1.31836C0.590244 1.78711 0 2.37735 0 3.10547V4.42383C0 4.90922 0.393486 5.30273 0.878906 5.30273H14.1211C14.6065 5.30273 15 4.90922 15 4.42383V3.10547C15 2.37735 14.4098 1.78711 13.6816 1.78711Z" fill="url(#cal-6ac96c42a15fb-p)"/> 1600<path d="M2.22656 3.54492C2.46946 3.54492 2.66602 3.34837 2.66602 3.10547V1.34766C2.66602 1.10476 2.46946 0.908203 2.22656 0.908203C1.98366 0.908203 1.78711 1.10476 1.78711 1.34766V3.10547C1.78711 3.34837 1.98366 3.54492 2.22656 3.54492ZM5.74219 3.54492C5.98509 3.54492 6.18164 3.34837 6.18164 3.10547V1.34766C6.18164 1.10476 5.98509 0.908203 5.74219 0.908203C5.49929 0.908203 5.30273 1.10476 5.30273 1.34766V3.10547C5.30273 3.34837 5.49929 3.54492 5.74219 3.54492ZM9.25781 3.54492C9.50071 3.54492 9.69727 3.34837 9.69727 3.10547V1.34766C9.69727 1.10476 9.50071 0.908203 9.25781 0.908203C9.01491 0.908203 8.81836 1.10476 8.81836 1.34766V3.10547C8.81836 3.34837 9.01491 3.54492 9.25781 3.54492ZM12.7734 3.54492C13.0163 3.54492 13.2129 3.34837 13.2129 3.10547V1.34766C13.2129 1.10476 13.0163 0.908203 12.7734 0.908203C12.5305 0.908203 12.334 1.10476 12.334 1.34766V3.10547C12.334 3.34837 12.5305 3.54492 12.7734 3.54492ZM0 4.42383V13.6523C0 13.895 0.196758 14.0918 0.439453 14.0918H14.5605C14.8032 14.0918 15 13.895 15 13.6523V4.42383H0ZM4.42383 11.8945C4.42383 12.1372 4.22707 12.334 3.98438 12.334H2.22656C1.98387 12.334 1.78711 12.1372 1.78711 11.8945V10.1367C1.78711 9.89402 1.98387 9.69727 2.22656 9.69727H3.98438C4.22707 9.69727 4.42383 9.89402 4.42383 10.1367V11.8945ZM4.42383 8.37891C4.42383 8.6216 4.22707 8.81836 3.98438 8.81836H2.22656C1.98387 8.81836 1.78711 8.6216 1.78711 8.37891V6.62109C1.78711 6.3784 1.98387 6.18164 2.22656 6.18164H3.98438C4.22707 6.18164 4.42383 6.3784 4.42383 6.62109V8.37891ZM8.81836 11.8945C8.81836 12.1372 8.6216 12.334 8.37891 12.334H6.62109C6.3784 12.334 6.18164 12.1372 6.18164 11.8945V10.1367C6.18164 9.89402 6.3784 9.69727 6.62109 9.69727H8.37891C8.6216 9.69727 8.81836 9.89402 8.81836 10.1367V11.8945ZM8.81836 8.37891C8.81836 8.6216 8.6216 8.81836 8.37891 8.81836H6.62109C6.3784 8.81836 6.18164 8.6216 6.18164 8.37891V6.62109C6.18164 6.3784 6.3784 6.18164 6.62109 6.18164H8.37891C8.6216 6.18164 8.81836 6.3784 8.81836 6.62109V8.37891ZM13.2129 11.8945C13.2129 12.1372 13.0161 12.334 12.7734 12.334H11.0156C10.7729 12.334 10.5762 12.1372 10.5
1600762 11.8945V10.1367C10.5762 9.89402 10.7729 9.69727 11.0156 9.69727H12.7734C13.0161 9.69727 13.2129 9.89402 13.2129 10.1367V11.8945ZM13.2129 8.37891C13.2129 8.6216 13.0161 8.81836 12.7734 8.81836H11.0156C10.7729 8.81836 10.5762 8.6216 10.5762 8.37891V6.62109C10.5762 6.3784 10.7729 6.18164 11.0156 6.18164H12.7734C13.0161 6.18164 13.2129 6.3784 13.2129 6.62109V8.37891Z" fill="url(#cal-6ac96c42a15fb-a)"/> 1601</g> 1602<defs> 1603<linearGradient id="cal-6ac96c42a15fb-p" x1="7.5" y1="1.78711" x2="7.5" y2="12.7734" gradientUnits="userSpaceOnUse"> 1604<stop stop-color="var(--color-primary, #FA6668)"/> 1605<stop offset="1" stop-color="var(--color-red-dark, #780F11)"/> 1606</linearGradient> 1607<linearGradient id="cal-6ac96c42a15fb-a" x1="7.5" y1="14.0918" x2="7.5" y2="0.9082" gradientUnits="userSpaceOnUse"> 1608<stop stop-color="var(--color-primary-lighter, #FFBD00)"/> 1609<stop offset="1" stop-color="var(--color-primary-lighter, #FFFF58)"/> 1610</linearGradient> 1611<clipPath id="clip-cal-6ac96c42a15fb"> 1612<rect width="15" height="15" fill="white"/> 1613</clipPath> 1614</defs> 1615</svg> 1616 <span>Ngà y mai</span> 1617 <span class="tomorrow-count text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm">0</span> 1618 </button> 1619 </div> 1620 <!-- Leagues Dropdown - Desktop --> 1621 <div class="relative ml-4 leagues-dropdown-desktop z-[140]" x-data="{ open: false }"> 1622 <button @click="open = !open" 1623 class="group flex items-center gap-2 px-4 py-2 bg-[#0c0c18] w-2xs border border-[rgba(var(--color-primary-rgb),0.1)] rounded-sm hover:border-primary/30 font-medium rounded-lg cursor-pointer"> 1624 <svg class="w-5 h-5" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 1625<g clip-path="url(#clip-gear-6ac96c42a16f1)"> 1626<path d="M16.502 7.0472H14.8102C14.6546 6.37307 14.388 5.72183 14.0262 5.12895L15.2207 3.93394C15.4153 3.7394 15.4153 3.4242 15.2207 3.22967L13.8122 1.82112C13.6176 1.62659 13.3024 1.62659 13.1079 1.82112L11.9221 3.00595C11.3278 2.63533 10.6731 2.36151 9.99414 2.20004V0.498047C9.99414 0.22276 9.77138 0 9.49609 0H7.50391C7.22862 0 7.00586 0.22276 7.00586 0.498047V2.20001C6.32689 2.36147 5.67222 2.6353 5.07789 3.00591L3.8921 1.82109C3.69757 1.62655 3.38237 1.62655 3.18783 1.82109L1.77929 3.22967C1.68592 3.32304 1.63336 3.44951 1.63336 3.58179C1.63336 3.71407 1.68589 3.84054 1.77929 3.93391L2.9748 5.12846C2.61295 5.72087 2.3464 6.37261 2.18978 7.0472H0.498047C0.22276 7.0472 0 7.26996 0 7.54524V9.53743C0 9.81272 0.22276 10.0355 0.498047 10.0355H2.20924C2.3717 10.6994 2.64211 11.3399 3.00591 11.9226L1.77929 13.1492C1.58475 13.3438 1.58475 13.659 1.77929 13.8535L3.18783 15.262C3.38237 15.4566 3.69757 15.4566 3.8921 15.262L5.12846 14.0257C5.70918 14.3803 6.34635 14.6434 7.00586 14.8V16.502C7.00586 16.7772 7.22862 17 7.50391 17H9.49609C9.77138 17 9.99414 16.7772 9.99414 16.502V14.8C10.6537 14.6434 11.2908 14.3802 11.8715 14.0257L13.1079 15.262C13.3024 15.4566 13.6176 15.4566 13.8122 15.262L15.2207 13.8535C15.4152 13.659 15.4152 13.3438 15.2207 13.1492L13.9941 11.9226C14.3579 11.3399 14.6283 10.6994 14.7908 10.0355H16.502C16.7772 10.0355 17 9.81272 17 9.53743V7.54524C17 7.26996 16.7772 7.0472 16.502 7.0472Z" fill="url(#gear-6ac96c42a16f1-p)"/> 1627<path d="M8.49805 4.01758C6.02777 4.01758 4.01562 6.02965 4.01562 8.5C4.01562 10.9703 6.02777 12.9824 8.49805 12.9824C10.9683 12.9824 12.9805 10.9703 12.9805 8.5C12.9805 6.02965 10.9683 4.01758 8.49805 4.01758ZM10.4902 8.99805H8.49805C8.21911 8.99805 8 8.77887 8 8.5V6.50781C8 6.22887 8.21911 6.00977 8.49805 6.00977C8.77699 6.00977 8.99609 6.22887 8.99609 6.50781V8.00195H10.4902C10.7692 8.00195 10.9883 8.22106 10.9883 8.5C10.9883 8.77887 10.7692 8.99805 10.4902 8.99805Z" fill="url(#gear-6ac96c42a16f1-a)"/> 1628</g> 1629<defs> 1630<linearGradient id="gear-6ac96c42a16f1-p" x1="8.5" y1="17" x2="8.5" y2="0" gradientUnits="userSpaceOnUse"> 1631<stop stop-color="var(--color-red-dark, #FD5900)"/> 1632<stop offset="1" stop-color="var(--color-primary, #FF3333)"/> 1633</linearGradient> 1634<linearGradient id="gear-6ac96c42a16f1-a" x1="8.49805" y1="12.9824" x2="8.49805" y2="4.01758" gradientUnits="userSpaceOnUse"> 1635<stop stop-color="#FFE59A"/> 1636<stop offset="1" stop-color="#FFFFD5"/> 1637</linearGradient> 1638<clipPath id="clip-gear-6ac96c42a16f1"> 1639<rect width="17" height="17" fill="white"/> 1640</clipPath> 1641</defs> 1642</svg>
1643 <span class="selected-league">Giải Äấu</span> 1644 <svg class="w-4 h-4 transition-transform duration-200 transform group-hover:rotate-180" 1645 fill="none" stroke="var(--color-primary, #FF0000)" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 1646 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> 1647 </svg> 1648 </button> 1649 <div x-show="open" 1650 @click.away="open = false" 1651 x-transition:enter="transition ease-out duration-100" 1652 x-transition:enter-start="transform opacity-0 scale-95" 1653 x-transition:enter-end="transform opacity-100 scale-100" 1654 x-transition:leave="transition ease-in duration-75" 1655 x-transition:leave-start="transform opacity-100 scale-100" 1656 x-transition:leave-end="transform opacity-0 scale-95" 1657 class="absolute right-0 mt-2 w-96 origin-top-right rounded-sm bg-[#0a0a14] shadow-lg border border-[rgba(var(--color-primary-rgb),0.1)] focus:outline-none z-[140] max-h-96 overflow-y-auto no-scrollbar" 1658 style="display:none; 1659 1660 " 1661 role="menu" 1662 aria-orientation="vertical" 1663 aria-labelledby="leagues-menu-button" 1664 tabindex="-1"> 1665 <div class="py-1" role="none"> 1666 <div class="px-4 py-2 text-base font-medium border-b border-divider uppercase">Chá»n giải Äấu</div> 1667 <div class="px-4 py-2 border-b border-divider"> 1668 <input 1669 type="text" 1670 placeholder="Search leagues..." 1671 class="w-full rounded-lg bg-dark-500 text-white px-4 py-2 text-sm focus:outline-none focus:ring-1 focus:ring-primary leagues-search-input border border-divider" 1672 autocomplete="off" 1673 /> 1674 </div> 1675 <div class="text-sm leagues-list divide-y divide-divider"> 1676 1677 </div> 1678 </div> 1679 </div> 1680 </div> 1681 </div> 1682 <!-- Mobile Layout - Full width leagues dropdown below scrollable tabs --> 1683 <div class="sm:hidden space-y-4"> 1684 <!-- Scrollable Filter Tabs - Mobile --> 1685 <div class="w-full overflow-x-auto no-scrollbar" style="-webkit-overflow-scrolling: touch;"> 1686 <div id="filterTabsMobile" 1687 class="inline-flex items-center space-x-4" 1688 data-tabs-toggle="#filterTabsContent" 1689 data-tabs-active-classes="!border-[rgb(var(--color-primary-rgb))] hover:!border-primary/30 bg-[#1C242D]" 1690 data-tabs-inactive-classes="hover:!border-primary/30 bg-[#1C242D]" 1691 role="tablist"> 1692 <!-- Live Tab --> 1693 <button id="live-tab-mobile" 1694 data-tabs-target="#live-content" 1695 type="button" 1696 role="tab" 1697 aria-controls="live-content" 1698 class="flex-shrink-0 flex items-center gap-2 px-4 py-2 border border-transparent font-medium rounded-sm tab-gradient cursor-pointer"> 1699 <svg class="w-12 h-5" width="50" height="18" viewBox="0 0 50 18" fill="none" xmlns="http://www.w3.org/2000/svg">
1700<path d="M11.962 14V4.77H13.756V12.427H18.462V14H11.962ZM19.5538 14V4.77H21.3478V14H19.5538ZM24.2225 4.77L26.7185 11.868L29.1885 4.77H31.0735L27.5765 14H25.8475L22.3375 4.77H24.2225ZM38.4677 12.427V14H32.0587V4.77H38.3507V6.343H33.8527V8.566H37.7397V10.022H33.8527V12.427H38.4677Z" fill="white"/> 1701<path d="M5.49408 14.1756C5.63601 14.3189 5.80017 14.402 5.98657 14.4248C6.17297 14.4477 6.3378 14.3937 6.48108 14.2627C6.54728 14.1862 6.6108 14.0988 6.67162 14.0003C6.73245 13.9019 6.76313 13.7978 6.76367 13.6881C6.764 13.6223 6.74792 13.5454 6.71543 13.4575C6.68295 13.3695 6.65034 13.309 6.61759 13.276C6.07221 12.626 5.66979 11.9108 5.41032 11.1306C5.13981 10.3613 5.00653 9.57617 5.01047 8.77528C5.01441 7.97438 5.15543 7.18515 5.43354 6.40755C5.70063 5.64086 6.11003 4.93523 6.66177 4.29063C6.8051 4.14871 6.86629 3.97621 6.84535 3.77313C6.8244 3.57006 6.74289 3.41332 6.6008 3.30291C6.45888 3.15958 6.28638 3.09839 6.08331 3.11933C5.88024 3.14028 5.72349 3.22179 5.61308 3.36388C4.93996 4.15051 4.43654 5.00927 4.10282 5.9402C3.75808 6.88205 3.58334 7.83295 3.57862 8.79292C3.5739 9.7529 3.72836 10.6944 4.04199 11.6176C4.36653 12.5517 4.85056 13.4044 5.49408
170114.1756ZM3.02467 0.964877C2.04268 2.0901 1.3015 3.33169 0.801108 4.68969C0.300715 6.04768 0.0470433 7.4343 0.0400831 8.84958C0.0331229 10.2649 0.273145 11.6539 0.760156 13.0167C1.24711 14.3906 1.97604 15.6394 2.94697 16.7632C3.0889 16.9066 3.25306 16.9897 3.43946 17.0125C3.62586 17.0354 3.79072 16.9759 3.93405 16.8339C4.04424 16.7357 4.11874 16.6456 4.15755 16.5635C4.19635 16.4814 4.21602 16.3855 4.21656 16.2758C4.21689 16.21 4.20356 16.1303 4.17659 16.037C4.14963 15.9436 4.11439 15.8584 4.07088 15.7814C3.1981 14.7787 2.54526 13.6728 2.11235 12.4639C1.67939 11.2658 1.46597 10.0442 1.47209 8.79902C1.47822 7.55379 1.70364 6.33435 2.14837 5.14065C2.59309 3.94696 3.25669 2.86407 4.13919 1.89195C4.28251 1.75003 4.34366 1.58576 4.32264 1.39914C4.30161 1.21253 4.22014 1.04756 4.07822 0.904229C3.90338 0.760741 3.71995 0.691269 3.52793 0.695811C3.33591 0.700353 3.16816 0.79004 3.02467 0.964877Z" fill="var(--color-primary, #FF3333)"/> 1702<path d="M44.5059 14.1756C44.364 14.3189 44.1998 14.402 44.0134 14.4248C43.827 14.4477 43.6622 14.3937 43.5189 14.2627C43.4527 14.1862 43.3892 14.0988 43.3284 14.0003C43.2675 13.9019 43.2369 13.7978 43.2363 13.6881C43.236 13.6223 43.2521 13.5454 43.2846 13.4575C43.317 13.3695 43.3497 13.309 43.3824 13.276C43.9278 12.626 44.3302 11.9108 44.5897 11.1306C44.8602 10.3613 44.9935 9.57617 44.9895 8.77528C44.9856 7.97438 44.8446 7.18515 44.5665 6.40755C44.2994 5.64086 43.89 4.93523 43.3382 4.29063C43.1949 4.14871 43.1337 3.97621 43.1547 3.77313C43.1756 3.57006 43.2571 3.41332 43.3992 3.30291C43.5411 3.15958 43.7136 3.09839 43.9167 3.11933C44.1198 3.14028 44.2765 3.22179 44.3869 3.36388C45.06 4.15051 45.5635 5.00927 45.8972 5.9402C46.2419 6.88205 46.4167 7.83295 46.4214 8.79292C46.4261 9.7529 46.2716 10.6944 45.958 11.6176C45.6335 12.5517 45.1494 13.4044 44.5059 14.1756ZM46.9753 0.964876C47.9573 2.0901 48.6985 3.33169 49.1989 4.68969C49.6993 6.04768 49.953 7.4343 49.9599 8.84958C49.9669 10.2649 49.7269 11.6539 49.2398 13.0167C48.7529 14.3906 48.024 15.6394 47.053 16.7632C46.9111 16.9066 46.7469 16.9897 46.5605 17.0125C46.3741 17.0354 46.2093 16.9759 46.066 16.8339C45.9558 16.7357 45.8813 16.6456 45.8425 16.5635C45.8036 16.4814 45.784 16.3855 45.7834 16.2758C45.7831 16.21 45.7964 16.1303 45.8234 16.037C45.8504 15.9436 45.8856 15.8584 45.9291 15.7814C46.8019 14.7787 47.4547 13.6728 47.8876 12.4639C48.3206 11.2658 48.534 10.0442 48.5279 8.79902C48.5218 7.55379 48.2964 6.33435 47.8516 5.14065C47.4069 3.94696 46.7433 2.86407 45.8608 1.89195C45.7175 1.75003 45.6563 1.58576 45.6774 1.39914C45.6984 1.21253 45.7799 1.04756 45.9218 0.904229C46.0966 0.760741 46.28 0.691268 46.4721 0.69581C46.6641 0.700352 46.8318 0.790039 46.9753 0.964876Z" fill="var(--color-primary, #FF3333)"/> 1703</svg> 1704 <span class="live-count text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm">16</span> 1705 </button> 1706 <!-- Upcoming Tab --> 1707 <button id="upcoming-tab-mobile" 1708 data-tabs-target="#upcoming-content" 1709 type="button" 1710 role="tab" 1711 aria-controls="upcoming-content" 1712 class="flex-shrink-0 flex items-center gap-2 px-4 py-2 border border-transparent font-medium rounded-sm tab-gradient cursor-pointer"> 1713 <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 1714<g clip-path="url(#clip-cal-6ac96c42a180a)"> 1715<path d="M1.31836 12.7734H13.6816V5.74219H1.31836V12.7734ZM13.6816 1.78711H1.31836C0.590244 1.78711 0 2.37735 0 3.10547V4.42383C0 4.90922 0.393486 5.30273 0.878906 5.30273H14.1211C14.6065 5.30273 15 4.90922 15 4.42383V3.10547C15 2.37735 14.4098 1.78711 13.6816 1.78711Z" fill="url(#cal-6ac96c42a180a-p)"/> 1716<path d="M2.22656 3.54492C2.46946 3.54492 2.66602 3.34837 2.66602 3.10547V1.34766C2.66602 1.10476 2.46946 0.908203 2.22656 0.908203C1.98366 0.908203 1.78711 1.10476 1.78711 1.34766V3.10547C1.78711 3.34837 1.98366 3.54492 2.22656 3.54492ZM5.74219 3.54492C5.98509 3.54492 6.18164 3.34837 6.18164 3.10547V1.34766C6.18164 1.10476 5.98509 0.908203 5.74219 0.908203C5.49929 0.908203 5.30273 1.10476 5.30273 1.34766V3.10547C5.30273 3.34837 5.49929 3.54492 5.74219 3.54492ZM9.25781 3.54492C9.50071 3.54492 9.69727 3.34837 9.69727 3.10547V1.34766C9.69727 1.10476 9.50071 0.908203 9.25781 0.908203C9.01491 0.908203 8.81836 1.10476 8.81836 1.34766V3.10547C8.81836 3.34837 9.01491 3.54492 9.25781 3.54492ZM12.7734 3.54492C13.0163 3.54492 13.2129 3.34837 13.2129 3.10547V1.34766C13.2129 1.10476 13.0163 0.908203 12.7734 0.908203C12.5305 0.908203 12.334 1.10476 12.334 1.34766V3.10547C12.334 3.34837 12.5305 3.54492 12.7734 3.54492ZM0 4.42383V13.6523C0 13.895 0.196758 14.0918 0.439453 14.0918H14.5605C14.8032 14.0918 15 13.895 15 13.6523V4.42383H0ZM4.42383 11.8945C4.42383 12.1372 4.22707 12.334 3.98438 12.334H2.22656C1.98387 12.334 1.78711 12.1372 1.78711 11.8945V10.1367C1.78711 9.89402 1.98387 9.69727 2.22656 9.69727H3.98438C4.22707 9.69727 4.42383 9.89402 4.42383 10.1367V11.8945ZM4.42383 8.37891C4.42383 8.6216 4.22707 8.81836 3.98438 8.81836H2.22656C1.98387 8.81836 1.78711 8.6216 1.78711 8.37891V6.62109C1.78711 6.3784 1.98387 6.18164 2.22656 6.18164H3.98438C4.22707 6.18164 4.42383 6.3784 4.42383 6.62109V8.37891ZM8.81836 11.8945C8.81836 12.1372 8.6216 12.334 8.37891 12.334H6.62109C6.3784 12.334 6.18164 12.1372 6.18164 11.8945V10.1367C6.18164 9.89402 6.3784 9.69727 6.62109 9.69727H8.37891C8.6216 9.69727 8.81836 9.89402 8.81836 10.1367V11.8945ZM8.81836 8.37891C8.81836 8.6216 8.6216 8.81836 8.37891 8.81836H6.62109C6.3784 8.81836 6.18164 8.6216 6.18164 8.37891V6.62109C6.18164 6.3784 6.3784 6.18164 6.62109 6.18164H8.37891C8.6216 6.18164 8.81836 6.3784 8.81836 6.62109V8.37891ZM13.2129 11.8945C13.2129 12.1372 13.0161 12.334 12.7734 12.334H11.0156C10.7729 12.334 10.5762 12.1372 10.5
1716762 11.8945V10.1367C10.5762 9.89402 10.7729 9.69727 11.0156 9.69727H12.7734C13.0161 9.69727 13.2129 9.89402 13.2129 10.1367V11.8945ZM13.2129 8.37891C13.2129 8.6216 13.0161 8.81836 12.7734 8.81836H11.0156C10.7729 8.81836 10.5762 8.6216 10.5762 8.37891V6.62109C10.5762 6.3784 10.7729 6.18164 11.0156 6.18164H12.7734C13.0161 6.18164 13.2129 6.3784 13.2129 6.62109V8.37891Z" fill="url(#cal-6ac96c42a180a-a)"/> 1717</g> 1718<defs> 1719<linearGradient id="cal-6ac96c42a180a-p" x1="7.5" y1="1.78711" x2="7.5" y2="12.7734" gradientUnits="userSpaceOnUse"> 1720<stop stop-color="var(--color-primary, #FA6668)"/> 1721<stop offset="1" stop-color="var(--color-red-dark, #780F11)"/> 1722</linearGradient> 1723<linearGradient id="cal-6ac96c42a180a-a" x1="7.5" y1="14.0918" x2="7.5" y2="0.9082" gradientUnits="userSpaceOnUse"> 1724<stop stop-color="var(--color-primary-lighter, #FFBD00)"/> 1725<stop offset="1" stop-color="var(--color-primary-lighter, #FFFF58)"/> 1726</linearGradient> 1727<clipPath id="clip-cal-6ac96c42a180a"> 1728<rect width="15" height="15" fill="white"/> 1729</clipPath> 1730</defs> 1731</svg> 1732 <span>Sắp tá»i</span> 1733 <span class="upcoming-count text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm">1260</span> 1734 </button> 1735 <!-- Hot Matches Tab --> 1736 <button id="hot-tab-mobile" 1737 data-tabs-target="#hot-content" 1738 type="button" 1739 role="tab" 1740 aria-controls="hot-content" 1741 class="flex-shrink-0 flex items-center gap-2 px-4 py-2 border border-transparent font-medium rounded-sm tab-gradient cursor-pointer"> 1742 <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 1743<path d="M11.6409 4.64024C11.5044 4.57717 11.3452 4.58789 11.2191 4.66772C11.0925 4.74841 11.0157 4.8883 11.0157 5.03851V5.77148C11.0157 6.01395 10.8187 6.21094 10.5762 6.21094C10.3591 6.21094 10.1754 6.05473 10.1398 5.8423C9.78223 3.62613 8.15402 0 7.5 0C6.84598 0 5.21777 3.62613 4.8607 5.83972C4.82467 6.05473 4.64098 6.21094 4.42383 6.21094C4.18137 6.21094 3.98438 6.01395 3.98438 5.77148V5.03848C3.98438 4.88827 3.90756 4.74838 3.78097 4.6677C3.65438 4.58786 3.496 4.57714 3.35912 4.64021C1.86308 5.33804 0.908203 8.37902 0.908203 10.166C0.908203 13.0121 3.61875 15 7.5 15C11.3812 15 14.0918 13.0121 14.0918 10.166C14.0918 8.37902 13.1369 5.33804 11.6409 4.64024Z" fill="url(#fire-6ac96c42a188d-p)"/> 1744<path d="M9.63161 9.05622C9.55137 8.92661 9.41016 8.84766 9.25781 8.84766H8.28279L7.92615 7.42287C7.88154 7.24433 7.73089 7.11258 7.54808 7.09243C7.3614 7.07312 7.18931 7.1688 7.1069 7.33275L5.34908 10.8484C5.28085 10.9844 5.28815 11.1462 5.36839 11.2758C5.44864 11.4054 5.58985 11.4844 5.74219 11.4844H6.71722L7.07385 12.9092C7.11847 13.0877 7.26911 13.2195 7.45193 13.2396C7.63998 13.2594 7.81248 13.1601 7.89311 12.9993L9.65092 9.48367C9.71915 9.34761 9.71186 9.18583 9.63161 9.05622Z" fill="url(#fire-6ac96c42a188d-a)"/> 1745<defs> 1746<linearGradient id="fire-6ac96c42a188d-p" x1="7.5" y1="0" x2="7.5" y2="15" gradientUnits="userSpaceOnUse"> 1747<stop stop-color="var(--color-primary, #FA6668)"/> 1748<stop offset="1" stop-color="var(--color-red-dark, #FF0500)"/> 1749</linearGradient> 1750<linearGradient id="fire-6ac96c42a188d-a" x1="7.5" y1="13.2421" x2="7.5" y2="7.08996" gradientUnits="userSpaceOnUse"> 1751<stop stop-color="#FFBD00"/> 1752<stop offset="1" stop-color="#FFFF58"/> 1753</linearGradient> 1754</defs> 1755</svg> 1756 <span>Tráºn Hot</span> 1757 <span class="hot-count text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm">106</span> 1758 </button> 1759 <!-- Commentator Tab --> 1760 <button id="commentator-tab-mobile" 1761 data-tabs-target="#commentator-content" 1762 type="button" 1763 role="tab" 1764 aria-controls="commentator-content" 1765 class="flex-shrink-0 flex items-center gap-2 px-4 py-2 border border-transparent font-medium rounded-sm tab-gradient cursor-pointer"> 1766 <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 1767<path d="M11.8945 5.27344C11.6516 5.27344 11.4551 5.46999 11.4551 5.71289V6.15234H10.1367C9.89382 6.15234 9.69727 6.3489 9.69727 6.5918C9.69727 6.8347 9.89382 7.03125 10.1367 7.03125H11.4551V9.28711C11.4551 10.9831 10.0749 12.3633 8.37891 12.3633H6.62109C4.92507 12.3633 3.54492 10.9831 3.54492 9.28711V7.03125H4.86328C5.10618 7.03125 5.30273 6.8347 5.30273 6.5918C5.30273 6.3489 5.10618 6.15234 4.86328 6.15234H3.54492V5.71289C3.54492 5.46999 3.34837 5.27344 3.10547 5.27344C2.86257 5.27344 2.66602 5.46999 2.66602 5.71289V9.28711C2.66602 11.4681 4.44015 13.2422 6.62109 13.2422H7.06055V14.5605C7.06055 14.8034 7.2571 15 7.5 15C7.7429 15 7.93945 14.8034 7.93945 14.5605V13.2422H8.37891C10.5599 13.2422 12.334 11.4681 12.334 9.28711V5.71289C12.334 5.46999 12.1374 5.27344 11.8945 5.27344ZM4.42383 7.4707V9.28711C4.42383 10.5 5.4082 11.4844 6.62109 11.4844H8.37891C9.5918 11.4844 10.5762 10.5 10.5762 9.28711V7.4707L7.67435 6.5918L4.42383 7.4707ZM5.74219 5.71289C5.74219 6.1974 6.13614 6.5918 6.62
1767109 6.5918C7.10604 6.5918 7.5 6.1974 7.5 5.71289C7.5 5.22838 7.10604 4.83398 6.62109 4.83398C6.13614 4.83398 5.74219 5.22838 5.74219 5.71289ZM7.5 5.71289C7.5 6.1974 7.89396 6.5918 8.37891 6.5918C8.86386 6.5918 9.25781 6.1974 9.25781 5.71289C9.25781 5.22838 8.86386 4.83398 8.37891 4.83398C7.89396 4.83398 7.5 5.22838 7.5 5.71289ZM7.5 3.95508C7.5 3.47057 7.10604 3.07617 6.62109 3.07617C6.13614 3.07617 5.74219 3.47057 5.74219 3.95508C5.74219 4.43959 6.13614 4.83398 6.62109 4.83398C7.10604 4.83398 7.5 4.43959 7.5 3.95508ZM7.5 3.95508C7.5 4.43959 7.89396 4.83398 8.37891 4.83398C8.86386 4.83398 9.25781 4.43959 9.25781 3.95508C9.25781 3.47057 8.86386 3.07617 8.37891 3.07617C7.89396 3.07617 7.5 3.47057 7.5 3.95508ZM7.5 2.19727C7.5 1.71275 7.10604 1.31836 6.62109 1.31836C6.13614 1.31836 5.74219 1.71275 5.74219 2.19727C5.74219 2.68178 6.13614 3.07617 6.62109 3.07617C7.10604 3.07617 7.5 2.68178 7.5 2.19727ZM8.37891 3.07617C8.86386 3.07617 9.25781 2.68178 9.25781 2.19727C9.25781 1.71275 8.86386 1.31836 8.37891 1.31836C7.89396 1.31836 7.5 1.71275 7.5 2.19727C7.5 2.68178 7.89396 3.07617 8.37891 3.07617Z" fill="url(#mic-6ac96c42a1906-a)"/> 1768<path d="M10.1367 14.1211H4.86328C4.62038 14.1211 4.42383 14.3176 4.42383 14.5605C4.42383 14.8034 4.62038 15 4.86328 15H10.1367C10.3796 15 10.5762 14.8034 10.5762 14.5605C10.5762 14.3176 10.3796 14.1211 10.1367 14.1211ZM8.37891 0H6.62109C5.4082 0 4.42383 0.984375 4.42383 2.19727V7.4707H10.5762V2.19727C10.5762 0.984375 9.5918 0 8.37891 0ZM6.62109 6.15234C6.3784 6.15234 6.18164 5.95559 6.18164 5.71289C6.18164 5.47014 6.3784 5.27344 6.62109 5.27344C6.86379 5.27344 7.06055 5.47014 7.06055 5.71289C7.06055 5.95559 6.86379 6.15234 6.62109 6.15234ZM6.62109 4.39453C6.3784 4.39453 6.18164 4.19777 6.18164 3.95508C6.18164 3.71232 6.3784 3.51562 6.62109 3.51562C6.86379 3.51562 7.06055 3.71232 7.06055 3.95508C7.06055 4.19777 6.86379 4.39453 6.62109 4.39453ZM6.62109 2.63672C6.3784 2.63672 6.18164 2.43996 6.18164 2.19727C6.18164 1.95451 6.3784 1.75781 6.62109 1.75781C6.86379 1.75781 7.06055 1.95451 7.06055 2.19727C7.06055 2.43996 6.86379 2.63672 6.62109 2.63672ZM8.37891 6.15234C8.13621 6.15234 7.93945 5.95559 7.93945 5.71289C7.93945 5.47014 8.13621 5.27344 8.37891 5.27344C8.6216 5.27344 8.81836 5.47014 8.81836 5.71289C8.81836 5.95559 8.6216 6.15234 8.37891 6.15234ZM8.37891 4.39453C8.13621 4.39453 7.93945 4.19777 7.93945 3.95508C7.93945 3.71232 8.13621 3.51562 8.37891 3.51562C8.6216 3.51562 8.81836 3.71232 8.81836 3.95508C8.81836 4.19777 8.6216 4.39453 8.37891 4.39453ZM8.37891 2.63672C8.13621 2.63672 7.93945 2.43996 7.93945 2.19727C7.93945 1.95451 8.13621 1.75781 8.37891 1.75781C8.6216 1.75781 8.81836 1.95451 8.81836 2.19727C8.81836 2.43996 8.6216 2.63672 8.37891 2.63672Z" fill="url(#mic-6ac96c42a1906-p)"/> 1769<defs> 1770<linearGradient id="mic-6ac96c42a1906-a" x1="7.5" y1="15" x2="7.5" y2="1.31836" gradientUnits="userSpaceOnUse"> 1771<stop stop-color="#FFBD00"/> 1772<stop offset="1" stop-color="#FFFF58"/> 1773</linearGradient> 1774<linearGradient id="mic-6ac96c42a1906-p" x1="7.5" y1="0" x2="7.5" y2="15" gradientUnits="userSpaceOnUse"> 1775<stop stop-color="var(--color-primary, #FA6668)"/> 1776<stop offset="1" stop-color="var(--color-red-dark, #FF0500)"/> 1777</linearGradient> 1778</defs> 1779</svg> 1780 <span>BLV Xoilac TV</span> 1781 <span class="commentator-count text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm">8</span> 1782 </button> 1783 <!-- Today's Matches Tab --> 1784 <button id="today-tab-mobile" 1785 data-tabs-target="#today-content" 1786 type="button" 1787 role="tab" 1788 aria-controls="today-content" 1789 aria-selected="true" 1790 class="flex-shrink-0 flex items-center gap-2 px-4 py-2 border border-transparent font-medium rounded-sm tab-gradient cursor-pointer"> 1791 <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 1792<g clip-path="url(#clip-cal-6ac96c42a1981)"> 1793<path d="M1.31836 12.7734H13.6816V5.74219H1.31836V12.7734ZM13.6816 1.78711H1.31836C0.590244 1.78711 0 2.37735 0 3.10547V4.42383C0 4.90922 0.393486 5.30273 0.878906 5.30273H14.1211C14.6065 5.30273 15 4.90922 15 4.42383V3.10547C15 2.37735 14.4098 1.78711 13.6816 1.78711Z" fill="url(#cal-6ac96c42a1981-p)"/> 1794<path d="M2.22656 3.54492C2.46946 3.54492 2.66602 3.34837 2.66602 3.10547V1.34766C2.66602 1.10476 2.46946 0.908203 2.22656 0.908203C1.98366 0.908203 1.78711 1.10476 1.78711 1.34766V3.10547C1.78711 3.34837 1.98366 3.54492 2.22656 3.54492ZM5.74219 3.54492C5.98509 3.54492 6.18164 3.34837 6.18164 3.10547V1.34766C6.18164 1.10476 5.98509 0.908203 5.74219 0.908203C5.49929 0.908203 5.30273 1.10476 5.30273 1.34766V3.10547C5.30273 3.34837 5.49929 3.54492 5.74219 3.54492ZM9.25781 3.54492C9.50071 3.54492 9.69727 3.34837 9.69727 3.10547V1.34766C9.69727 1.10476 9.50071 0.908203 9.25781 0.908203C9.01491 0.908203 8.81836 1.10476 8.81836 1.34766V3.10547C8.81836 3.34837 9.01491 3.54492 9.25781 3.54492ZM12.7734 3.54492C13.0163 3.54492 13.2129 3.34837 13.2129 3.10547V1.34766C13.2129 1.10476 13.0163 0.908203 12.7734 0.908203C12.5305 0.908203 12.334 1.10476 12.334 1.34766V3.10547C12.334 3.34837 12.5305 3.54492 12.7734 3.54492ZM0 4.42383V13.6523C0 13.895 0.196758 14.0918 0.439453 14.0918H14.5605C14.8032 14.0918 15 13.895 15 13.6523V4.42383H0ZM4.42383 11.8945C4.42383 12.1372 4.22707 12.334 3.98438 12.334H2.22656C1.98387 12.334 1.78711 12.1372 1.78711 11.8945V10.1367C1.78711 9.89402 1.98387 9.69727 2.22656 9.69727H3.98438C4.22707 9.69727 4.42383 9.89402 4.42383 10.1367V11.8945ZM4.42383 8.37891C4.42383 8.6216 4.22707 8.81836 3.98438 8.81836H2.22656C1.98387 8.81836 1.78711 8.6216 1.78711 8.37891V6.62109C1.78711 6.3784 1.98387 6.18164 2.22656 6.18164H3.98438C4.22707 6.18164 4.42383 6.3784 4.42383 6.62109V8.37891ZM8.81836 11.8945C8.81836 12.1372 8.6216 12.334 8.37891 12.334H6.62109C6.3784 12.334 6.18164 12.1372 6.18164 11.8945V10.1367C6.18164 9.89402 6.3784 9.69727 6.62109 9.69727H8.37891C8.6216 9.69727 8.81836 9.89402 8.81836 10.1367V11.8945ZM8.81836 8.37891C8.81836 8.6216 8.6216 8.81836 8.37891 8.81836H6.62109C6.3784 8.81836 6.18164 8.6216 6.18164 8.37891V6.62109C6.18164 6.3784 6.3784 6.18164 6.62109 6.18164H8.37891C8.6216 6.18164 8.81836 6.3784 8.81836 6.62109V8.37891ZM13.2129 11.8945C13.2129 12.1372 13.0161 12.334 12.7734 12.334H11.0156C10.7729 12.334 10.5762 12.1372 10.5
1794762 11.8945V10.1367C10.5762 9.89402 10.7729 9.69727 11.0156 9.69727H12.7734C13.0161 9.69727 13.2129 9.89402 13.2129 10.1367V11.8945ZM13.2129 8.37891C13.2129 8.6216 13.0161 8.81836 12.7734 8.81836H11.0156C10.7729 8.81836 10.5762 8.6216 10.5762 8.37891V6.62109C10.5762 6.3784 10.7729 6.18164 11.0156 6.18164H12.7734C13.0161 6.18164 13.2129 6.3784 13.2129 6.62109V8.37891Z" fill="url(#cal-6ac96c42a1981-a)"/> 1795</g> 1796<defs> 1797<linearGradient id="cal-6ac96c42a1981-p" x1="7.5" y1="1.78711" x2="7.5" y2="12.7734" gradientUnits="userSpaceOnUse"> 1798<stop stop-color="var(--color-primary, #FA6668)"/> 1799<stop offset="1" stop-color="var(--color-red-dark, #780F11)"/> 1800</linearGradient> 1801<linearGradient id="cal-6ac96c42a1981-a" x1="7.5" y1="14.0918" x2="7.5" y2="0.9082" gradientUnits="userSpaceOnUse"> 1802<stop stop-color="var(--color-primary-lighter, #FFBD00)"/> 1803<stop offset="1" stop-color="var(--color-primary-lighter, #FFFF58)"/> 1804</linearGradient> 1805<clipPath id="clip-cal-6ac96c42a1981"> 1806<rect width="15" height="15" fill="white"/> 1807</clipPath> 1808</defs> 1809</svg> 1810 <span>Hôm nay</span> 1811 <span class="today-count text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm">1312</span> 1812 </button> 1813 <button id="tomorrow-tab-mobile" 1814 data-tabs-target="#tomorrow-content" 1815 type="button" 1816 role="tab" 1817 aria-controls="tomorrow-content" 1818 data-date="2026-10-11" 1819 class="tomorrow-tab flex-shrink-0 flex items-center gap-2 px-4 py-2 border border-transparent font-medium rounded-sm tab-gradient 1820 cursor-pointer hover:[background-image:var(--gradient-red-shadow)]"> 1821 <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 1822<g clip-path="url(#clip-cal-6ac96c42a1a18)"> 1823<path d="M1.31836 12.7734H13.6816V5.74219H1.31836V12.7734ZM13.6816 1.78711H1.31836C0.590244 1.78711 0 2.37735 0 3.10547V4.42383C0 4.90922 0.393486 5.30273 0.878906 5.30273H14.1211C14.6065 5.30273 15 4.90922 15 4.42383V3.10547C15 2.37735 14.4098 1.78711 13.6816 1.78711Z" fill="url(#cal-6ac96c42a1a18-p)"/> 1824<path d="M2.22656 3.54492C2.46946 3.54492 2.66602 3.34837 2.66602 3.10547V1.34766C2.66602 1.10476 2.46946 0.908203 2.22656 0.908203C1.98366 0.908203 1.78711 1.10476 1.78711 1.34766V3.10547C1.78711 3.34837 1.98366 3.54492 2.22656 3.54492ZM5.74219 3.54492C5.98509 3.54492 6.18164 3.34837 6.18164 3.10547V1.34766C6.18164 1.10476 5.98509 0.908203 5.74219 0.908203C5.49929 0.908203 5.30273 1.10476 5.30273 1.34766V3.10547C5.30273 3.34837 5.49929 3.54492 5.74219 3.54492ZM9.25781 3.54492C9.50071 3.54492 9.69727 3.34837 9.69727 3.10547V1.34766C9.69727 1.10476 9.50071 0.908203 9.25781 0.908203C9.01491 0.908203 8.81836 1.10476 8.81836 1.34766V3.10547C8.81836 3.34837 9.01491 3.54492 9.25781 3.54492ZM12.7734 3.54492C13.0163 3.54492 13.2129 3.34837 13.2129 3.10547V1.34766C13.2129 1.10476 13.0163 0.908203 12.7734 0.908203C12.5305 0.908203 12.334 1.10476 12.334 1.34766V3.10547C12.334 3.34837 12.5305 3.54492 12.7734 3.54492ZM0 4.42383V13.6523C0 13.895 0.196758 14.0918 0.439453 14.0918H14.5605C14.8032 14.0918 15 13.895 15 13.6523V4.42383H0ZM4.42383 11.8945C4.42383 12.1372 4.22707 12.334 3.98438 12.334H2.22656C1.98387 12.334 1.78711 12.1372 1.78711 11.8945V10.1367C1.78711 9.89402 1.98387 9.69727 2.22656 9.69727H3.98438C4.22707 9.69727 4.42383 9.89402 4.42383 10.1367V11.8945ZM4.42383 8.37891C4.42383 8.6216 4.22707 8.81836 3.98438 8.81836H2.22656C1.98387 8.81836 1.78711 8.6216 1.78711 8.37891V6.62109C1.78711 6.3784 1.98387 6.18164 2.22656 6.18164H3.98438C4.22707 6.18164 4.42383 6.3784 4.42383 6.62109V8.37891ZM8.81836 11.8945C8.81836 12.1372 8.6216 12.334 8.37891 12.334H6.62109C6.3784 12.334 6.18164 12.1372 6.18164 11.8945V10.1367C6.18164 9.89402 6.3784 9.69727 6.62109 9.69727H8.37891C8.6216 9.69727 8.81836 9.89402 8.81836 10.1367V11.8945ZM8.81836 8.37891C8.81836 8.6216 8.6216 8.81836 8.37891 8.81836H6.62109C6.3784 8.81836 6.18164 8.6216 6.18164 8.37891V6.62109C6.18164 6.3784 6.3784 6.18164 6.62109 6.18164H8.37891C8.6216 6.18164 8.81836 6.3784 8.81836 6.62109V8.37891ZM13.2129 11.8945C13.2129 12.1372 13.0161 12.334 12.7734 12.334H11.0156C10.7729 12.334 10.5762 12.1372 10.5
1824762 11.8945V10.1367C10.5762 9.89402 10.7729 9.69727 11.0156 9.69727H12.7734C13.0161 9.69727 13.2129 9.89402 13.2129 10.1367V11.8945ZM13.2129 8.37891C13.2129 8.6216 13.0161 8.81836 12.7734 8.81836H11.0156C10.7729 8.81836 10.5762 8.6216 10.5762 8.37891V6.62109C10.5762 6.3784 10.7729 6.18164 11.0156 6.18164H12.7734C13.0161 6.18164 13.2129 6.3784 13.2129 6.62109V8.37891Z" fill="url(#cal-6ac96c42a1a18-a)"/> 1825</g> 1826<defs> 1827<linearGradient id="cal-6ac96c42a1a18-p" x1="7.5" y1="1.78711" x2="7.5" y2="12.7734" gradientUnits="userSpaceOnUse"> 1828<stop stop-color="var(--color-primary, #FA6668)"/> 1829<stop offset="1" stop-color="var(--color-red-dark, #780F11)"/> 1830</linearGradient> 1831<linearGradient id="cal-6ac96c42a1a18-a" x1="7.5" y1="14.0918" x2="7.5" y2="0.9082" gradientUnits="userSpaceOnUse"> 1832<stop stop-color="var(--color-primary-lighter, #FFBD00)"/> 1833<stop offset="1" stop-color="var(--color-primary-lighter, #FFFF58)"/> 1834</linearGradient> 1835<clipPath id="clip-cal-6ac96c42a1a18"> 1836<rect width="15" height="15" fill="white"/> 1837</clipPath> 1838</defs> 1839</svg> 1840 <span>Ngà y mai</span> 1841 <span class="tomorrow-count text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm">0</span> 1842 </button> 1843 </div> 1844 </div> 1845 <!-- Leagues Dropdown - Mobile --> 1846 <div class="relative group w-full leagues-dropdown-mobile z-[140]" x-data="{ open: false }"> 1847 <button @click="open = !open" 1848 class="w-full flex items-center justify-between gap-2 px-4 py-2 bg-[#0c0c18] w-2xs border border-[rgba(var(--color-primary-rgb),0.1)] rounded-sm hover:border-primary/30 font-medium rounded-lg cursor-pointer"> 1849 <div class="flex items-center gap-2"> 1850 <svg class="w-5 h-5" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 1851<g clip-path="url(#clip-gear-6ac96c42a1a94)"> 1852<path d="M16.502 7.0472H14.8102C14.6546 6.37307 14.388 5.72183 14.0262 5.12895L15.2207 3.93394C15.4153 3.7394 15.4153 3.4242 15.2207 3.22967L13.8122 1.82112C13.6176 1.62659 13.3024 1.62659 13.1079 1.82112L11.9221 3.00595C11.3278 2.63533 10.6731 2.36151 9.99414 2.20004V0.498047C9.99414 0.22276 9.77138 0 9.49609 0H7.50391C7.22862 0 7.00586 0.22276 7.00586 0.498047V2.20001C6.32689 2.36147 5.67222 2.6353 5.07789 3.00591L3.8921 1.82109C3.69757 1.62655 3.38237 1.62655 3.18783 1.82109L1.77929 3.22967C1.68592 3.32304 1.63336 3.44951 1.63336 3.58179C1.63336 3.71407 1.68589 3.84054 1.77929 3.93391L2.9748 5.12846C2.61295 5.72087 2.3464 6.37261 2.18978 7.0472H0.498047C0.22276 7.0472 0 7.26996 0 7.54524V9.53743C0 9.81272 0.22276 10.0355 0.498047 10.0355H2.20924C2.3717 10.6994 2.64211 11.3399 3.00591 11.9226L1.77929 13.1492C1.58475 13.3438 1.58475 13.659 1.77929 13.8535L3.18783 15.262C3.38237 15.4566 3.69757 15.4566 3.8921 15.262L5.12846 14.0257C5.70918 14.3803 6.34635 14.6434 7.00586 14.8V16.502C7.00586 16.7772 7.22862 17 7.50391 17H9.49609C9.77138 17 9.99414 16.7772 9.99414 16.502V14.8C10.6537 14.6434 11.2908 14.3802 11.8715 14.0257L13.1079 15.262C13.3024 15.4566 13.6176 15.4566 13.8122 15.262L15.2207 13.8535C15.4152 13.659 15.4152 13.3438 15.2207 13.1492L13.9941 11.9226C14.3579 11.3399 14.6283 10.6994 14.7908 10.0355H16.502C16.7772 10.0355 17 9.81272 17 9.53743V7.54524C17 7.26996 16.7772 7.0472 16.502 7.0472Z" fill="url(#gear-6ac96c42a1a94-p)"/> 1853<path d="M8.49805 4.01758C6.02777 4.01758 4.01562 6.02965 4.01562 8.5C4.01562 10.9703 6.02777 12.9824 8.49805 12.9824C10.9683 12.9824 12.9805 10.9703 12.9805 8.5C12.9805 6.02965 10.9683 4.01758 8.49805 4.01758ZM10.4902 8.99805H8.49805C8.21911 8.99805 8 8.77887 8 8.5V6.50781C8 6.22887 8.21911 6.00977 8.49805 6.00977C8.77699 6.00977 8.99609 6.22887 8.99609 6.50781V8.00195H10.4902C10.7692 8.00195 10.9883 8.22106 10.9883 8.5C10.9883 8.77887 10.7692 8.99805 10.4902 8.99805Z" fill="url(#gear-6ac96c42a1a94-a)"/> 1854</g> 1855<defs> 1856<linearGradient id="gear-6ac96c42a1a94-p" x1="8.5" y1="17" x2="8.5" y2="0" gradientUnits="userSpaceOnUse"> 1857<stop stop-color="var(--color-red-dark, #FD5900)"/> 1858<stop offset="1" stop-color="var(--color-primary, #FF3333)"/> 1859</linearGradient> 1860<linearGradient id="gear-6ac96c42a1a94-a" x1="8.49805" y1="12.9824" x2="8.49805" y2="4.01758" gradientUnits="userSpaceOnUse"> 1861<stop stop-color="#FFE59A"/> 1862<stop offset="1" stop-color="#FFFFD5"/> 1863</linearGradient> 1864<clipPath id="clip-gear-6ac96c42a1a94"> 1865<rect width="17" height="17" fill="white"/> 1866</clipPath> 1867</defs> 1868</svg>
1869 <span class="selected-league" >Giải Äấu</span> 1870 </div> 1871 <svg class="w-4 h-4 transition-transform duration-200 transform group-hover:rotate-180" 1872 fill="none" stroke="var(--color-primary, #FF0000)" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 1873 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> 1874 </svg> 1875 </button> 1876 <div x-show="open" 1877 @click.away="open = false" 1878 x-transition:enter="transition ease-out duration-100" 1879 x-transition:enter-start="transform opacity-0 scale-95" 1880 x-transition:enter-end="transform opacity-100 scale-100" 1881 x-transition:leave="transition ease-in duration-75" 1882 x-transition:leave-start="transform opacity-100 scale-100" 1883 x-transition:leave-end="transform opacity-0 scale-95" 1884 class="absolute left-0 right-0 mt-2 w-full rounded-sm bg-[#0a0a14] shadow-lg border border-[rgba(var(--color-primary-rgb),0.1)] focus:outline-none z-[140] max-h-96 overflow-y-auto no-scrollbar" 1885 style="display:none; 1886 1887 " 1888 role="menu" 1889 aria-orientation="vertical" 1890 aria-labelledby="leagues-menu-button-mobile" 1891 tabindex="-1"> 1892 <div class="py-1" role="none"> 1893 <div class="px-4 py-2 text-base uppercase font-medium border-b border-divider">Chá»n giải Äấu</div> 1894 <div class="px-4 py-2 border-b border-divider"> 1895 <input 1896 type="text" 1897 placeholder="Search leagues..." 1898 class="w-full rounded-lg bg-dark-500 text-white px-4 py-2 text-sm focus:outline-none focus:ring-1 focus:ring-primary leagues-search-input border border-divider" 1899 autocomplete="off" 1900 /> 1901 </div> 1902 <div class="text-sm leagues-list divide-y divide-divider"> 1903 1904 </div> 1905 </div> 1906 </div> 1907 </div> 1908 </div> 1909 </div> 1910 <!-- Filter Tab Contents --> 1911 <div id="filterTabsContent" class="mt-2 relative z-[80] overflow-visible" x-show="!isLoading && !showLiveScore"> 1912 <!-- Live Content (lazy: cards fetched on first tab activation) --> 1913 <div class="hidden match-container" id="live-content" role="tabpanel" aria-labelledby="live-tab" 1914 data-tab="live" data-loaded="false"> 1915 </div> 1916 1917 <!-- Upcoming Content (lazy) --> 1918 <div class="hidden match-container" id="upcoming-content" role="tabpanel" aria-labelledby="upcoming-tab" 1919 data-tab="upcoming" data-loaded="false"> 1920 </div> 1921 1922 <!-- Hot Matches Content (lazy) --> 1923 <div class="hidden match-container" id="hot-content" role="tabpanel" aria-labelledby="hot-tab" 1924 data-tab="hot" data-loaded="false"> 1925 </div> 1926 1927 <!-- Commentator Content --> 1928 <div class="hidden match-container" id="commentator-content" role="tabpanel" aria-labelledby="commentator-tab" data-loaded="true"> 1929 <!-- Commentator matches will be loaded here --> 1930 <div class="streamer-scroller relative mb-4"> 1931 1932 <div class="streamer-fade streamer-fade-left pointer-events-none absolute inset-y-0 left-0 w-12 z-10 bg-gradient-to-r from-[#121212] to-transparent opacity-0 transition-opacity duration-200"></div> 1933 <button type="button" aria-label="Xem các streamer trưá»c" 1934 class="streamer-arrow streamer-arrow-left hidden md:flex absolute left-0 top-1/2 -translate-y-1/2 z-20 items-center justify-center h-8 w-8 rounded-full bg-dark-
1934500/90 border border-divider text-white shadow-lg opacity-0 pointer-events-none transition-opacity duration-200 hover:bg-primary cursor-pointer"> 1935 <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z"/></svg> </button> 1936 <div class="streamer-scroll w-full overflow-x-auto no-scrollbar" style="-webkit-overflow-scrolling: touch;"> 1937 <div id="streamer-buttons" class="inline-flex items-center space-x-4 px-3"> 1938 1939 <button type="button" class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 border-b border-transparent font-medium rounded-md cursor-pointer 1940 bg-dark-500 hover:[background-image:var(--gradient-red-shadow)] hover:border-primary 1941 focus:[background-image:var(--gradient-red-shadow)] focus:border-primary" 1942 data-streamer-id="all"> 1943 <span>Tất cả</span> 1944 <span class="streamer-match-count text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold">8</span> 1945 </button> 1946 1947 <button type="button" class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 border-b border-transparent font-medium rounded-md cursor-pointer 1948 bg-dark-500 hover:[background-image:var(--gradient-red-shadow)] hover:border-primary 1949 focus:[background-image:var(--gradient-red-shadow)] focus:border-primary" 1950 data-streamer-id="69b8e6f43bcf2231c35d5144"> 1951 <img loading="lazy" decoding="async" src="https://bucket.antlive.pro/cafc255dc6e263fb0fd6ab2824ff5e08-1773731703855-photo_2026-03-10_09-54-33.jpg" 1952 alt="KAYTI Logo" class="h-6 w-6 rounded-full border-2 border-primary object-cover " /> 1953 <span class="uppercase">KAYTI</span> 1954 <span 1955 class="streamer-match-count text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold">2</span> 1956 </button> 1957 <button type="button" class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 border-b border-transparent font-medium rounded-md cursor-pointer 1958 bg-dark-500 hover:[background-image:var(--gradient-red-shadow)] hover:border-primary 1959 focus:[background-image:var(--gradient-red-shadow)] focus:border-primary" 1960 data-streamer-id="6a2a59b347bbddd62a8dc4e4"> 1961 <img loading="lazy" decoding="async" src="https://bucket.antlive.pro/9a378fe717baf2b868bb0df595f85842-1788685114524-avt.jpg" 1962 alt="SiêU QuáºY Logo" class="h-6 w-6 rounded-full border-2 border-primary object-cover " /> 1963 <span class="uppercase">SiêU</span> 1964 <span 1965 class="streamer-match-count text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold">1</span> 1966 </button> 1967 <button type="button" class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 border-b border-transparent font-medium rounded-md cursor-pointer 1968 bg-dark-500 hover:[background-image:var(--gradient-red-shadow)] hover:border-primary 1969 focus:[background-image:var(--gradient-red-shadow)] focus:border-primary" 1970 data-streamer-id="69a1aaa7230584579e2d5ce1"> 1971 <img loading="lazy" decoding="async" src="https://bucket.antlive.pro/7f48cb6be263b855a4ef00efe73c08fa-1772263379587-photo_2026-02-28_13-24-03.jpg" 1972 alt="cá» tư nghiêm Logo" class="h-6 w-6 rounded-full border-2 border-primary object-cover " /> 1973 <span class="uppercase">cá»</span> 1974 <span 1975 class="streamer-match-count text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold">2</span> 1976 </button> 1977 <button type="button" class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 border-b border-transparent font-medium rounded-md cursor-pointer
1978 bg-dark-500 hover:[background-image:var(--gradient-red-shadow)] hover:border-primary 1979 focus:[background-image:var(--gradient-red-shadow)] focus:border-primary" 1980 data-streamer-id="69be75e0a0a45974afb67776"> 1981 <img loading="lazy" decoding="async" src="https://bucket.antlive.pro/dcc2fccecd101c8d70f03c4e813b6173-1785843264669-cropped_gettyimages-2500781-612x612.jpg" 1982 alt="MeoMeo Logo" class="h-6 w-6 rounded-full border-2 border-primary object-cover " /> 1983 <span class="uppercase">MeoMeo</span> 1984 <span 1985 class="streamer-match-count text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold">1</span> 1986 </button> 1987 <button type="button" class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 border-b border-transparent font-medium rounded-md cursor-pointer 1988 bg-dark-500 hover:[background-image:var(--gradient-red-shadow)] hover:border-primary 1989 focus:[background-image:var(--gradient-red-shadow)] focus:border-primary" 1990 data-streamer-id="69f42e961f739deff81510c0"> 1991 <img loading="lazy" decoding="async" src="https://bucket.antlive.pro/365e54adb02839332a5c321d84c79130-1777610746206-cropped_SaitamaWikipediapage.png" 1992 alt="SAITAMA Logo" class="h-6 w-6 rounded-full border-2 border-primary object-cover " /> 1993 <span class="uppercase">SAITAMA</span> 1994 <span 1995 class="streamer-match-count text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold">1</span> 1996 </button> 1997 <button type="button" class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 border-b border-transparent font-medium rounded-md cursor-pointer 1998 bg-dark-500 hover:[background-image:var(--gradient-red-shadow)] hover:border-primary 1999 focus:[background-image:var(--gradient-red-shadow)] focus:border-primary" 2000 data-streamer-id="6a439a7fb89dded67b208b87"> 2001 <img loading="lazy" decoding="async" src="https://bucket.antlive.pro/96e9f8e9ea8cffc6edf19ed89a20aff4-1784158626608-cropped_IMG_0054.jpeg" 2002 alt="NGƯá»I KIẾN Logo" class="h-6 w-6 rounded-full border-2 border-primary object-cover " /> 2003 <span class="uppercase">NGƯá»I</span> 2004 <span 2005 class="streamer-match-count text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold">1</span> 2006 </button> 2007 </div> 2008 </div> 2009 2010 2011 <div class="streamer-fade streamer-fade-right pointer-events-none absolute inset-y-0 right-0 w-12 z-10 bg-gradient-to-l from-[#121212] to-transparent opacity-0 transition-opacity duration-200"></div> 2012 <button type="button" aria-label="Xem thêm streamer" 2013 class="streamer-arrow streamer-arrow-right hidden md:flex absolute right-0 top-1/2 -translate-y-1/2 z-20 items-center justify-center h-8 w-8 rounded-full bg-dark-500/90 border border-divider text-white shadow-lg opacity-0 pointer-events-none transition-opacity duration-200 hover:bg-primary cursor-pointer"> 2014 <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"/></svg> </button> 2015 </div> 2016 2017 <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 with-stream-matches-grid"> 2018 <div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 2019 bals-upcoming-match" 2020 data-accent="hot" 2021 data-template="chroma" data-match-id="vjxm8gheow4pr6o" data-match-time="1791594000" 2022 data-home-team-id="kdj2ryoh66gq1zp" data-away-team-id="zp5rzghjkxvq82w" 2023 data-competition-id="9k82rekhp6repzj" x-data="{ 2024 activeCount: 0, 2025 showModal: false, 2026 showStreamers: false, 2027 view: 'timeline', 2028 hoverTimer: null, 2029 closeTimer: null, 2030 openModal() { 2031 clearTimeout(this.closeTimer); 2032 this.hoverTimer = setTimeout(() => { 2033 this.showModal = true; 2034 }, 500); 2035 }, 2036 closeModal() { 2037 clearTimeout(this.hoverTimer); 2038 clearTimeout(this.closeTimer); 2039 this.closeTimer = setTimeout(() => { 2040 this.showModal = false;
2041 }, 300); 2042 } 2043 }" 2044 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 2045 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 2046 data-streamer-ids="["69b8e6f43bcf2231c35d5144"]" 2047 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 2048 <div class="block relative group"> 2049 <a href="https://toptrader.io/truc-tiep/puebla-vs-club-leon-ngay-10-10-2026/" class="absolute inset-0 z-0" 2050 data-tooltip="Puebla vs Club Leon lúc 08:00 ngà y 10/10/2026" 2051 data-title="Puebla vs Club Leon lúc 08:00 ngà y 10/10/2026"></a> 2052 <div class="chroma-signal-lock" aria-hidden="true"></div> 2053 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 2054 2055 <div class="flex items-center justify-between sm:mb-0 mb-2"> 2056 2057 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 2058 <img src="https://img.thesports.com/football/competition/324d7a463a24c4cd35ef83456a1b8d05.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 2059 loading="lazy" /> 2060 <span class="truncate tracking-wide bals-competition-name">Mexico Liga MX</span> 2061 </div> 2062 2063 <div 2064 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 2065 <span> 08:00 </span> 2066 <span class="text-gray-400 leading-none text-base">â¢</span> 2067 2068 <span>10/10</span> 2069 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 2070 <span 2071 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 2072 </div> 2073 </div> 2074 2075 <div class="relative"> 2076 2077 <div 2078 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 2079 <span class="bals-status-name mr-1">NS</span> : 2080 <span class="ml-1 bals-elapsed-time"> - </span> </div> 2081 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 2082 2083 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 2084 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 2085 Puebla 2086 </div> 2087 <img data-src="https://static.sportsfeed.pro/football/team/a98bd615308472b65dc82bcc3a2d54fb.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Puebla Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 2088 2089 <div 2090 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto" 2091 > 2092 <div 2093 class="bals-score-track bals-score-track--vs"> 2094 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 2095 <span 2096 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 2097 0 2098 </span>
2099 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 2100 <span 2101 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 2102 0 2103 </span> 2104 </div> 2105 </div> 2106 2107 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 2108 <img data-src="https://static.sportsfeed.pro/football/team/4695f653aca6ac49ff2baa4a961fa67b.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Club Leon Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 2109 Club Leon 2110 </div> 2111 </div> 2112 </div> 2113 2114 <div 2115 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 2116 </div> 2117 2118 2119 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" style="display:none" > 2120 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 2121 <!-- HT Score --> 2122 <div class="flex items-center gap-1"> 2123 <span class="text-primary font-semibold">HT</span> 2124 <span class="text-gray-400 bals-ht-score">0-0</span> 2125 </div> 2126 <!-- Corner --> 2127 <div class="flex items-center gap-1"> 2128 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 2129<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 2130<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 2131</svg> 2132 <span class="text-gray-400 bals-corners">0-0</span> 2133 </div> 2134 <!-- Yellow Card --> 2135 <div class="flex items-center gap-1"> 2136 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 2137 <span class="text-gray-400 bals-yellow-cards">0-0</span> 2138 </div> 2139 </div> 2140 </div> 2141 </div> 2142 2143 2144 <div class="space-y-3"> 2145 <div class="h-px w-full border-t-gradient-silver-fade"></div> 2146 <div class="relative"> 2147 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 2148 2149 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 2150 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" style="display:none" > 2151 <!-- HT Score --> 2152 <div class="flex items-center gap-1"> 2153 <span class="text-primary font-semibold">HT</span> 2154 <span class="text-gray-400 bals-ht-score">0-0</span> 2155 </div> 2156 <!-- Corner --> 2157 <div class="flex items-center gap-1"> 2158 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 2159<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 2160<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 2161</svg>
2162 <span class="text-gray-400 bals-corners">0-0</span> 2163 </div> 2164 <!-- Yellow Card --> 2165 <div class="flex items-center gap-1"> 2166 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 2167 class="h-3 w-3" /> 2168 <span 2169 class="text-gray-400 bals-yellow-cards">0-0</span> 2170 </div> 2171 </div> 2172 </div> 2173 2174 2175 <div class="flex-1 min-w-0 flex sm:justify-center justify-start"> 2176 2177 <div class="sm:hidden flex items-center relative pointer-events-auto" 2178 :class="{ 'z-[100]': showStreamers }"> 2179 2180 2181 <div class="flex items-center gap-1.5 text-xs text-gray-light"> 2182 <img data-src="https://bucket.antlive.pro/cafc255dc6e263fb0fd6ab2824ff5e08-1773731703855-photo_2026-03-10_09-54-33.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-5 w-5 rounded-full object-cover border border-green/60" alt="KAYTI" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <span class="truncate max-w-[70px]">KAYTI</span> 2183 </div> 2184 </div> 2185 2186 <div class="hidden sm:flex items-center gap-1.5 relative pointer-events-auto"> 2187 <div class="chroma-commentator-chip"> 2188 <div class="chroma-commentator-frame"> 2189 <img data-src="https://bucket.antlive.pro/cafc255dc6e263fb0fd6ab2824ff5e08-1773731703855-photo_2026-03-10_09-54-33.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton " alt="KAYTI" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 2190 <span class="chroma-commentator-name truncate">KAYTI</span> 2191 </div> 2192 </div> 2193 </div> 2194 2195 2196 <div class="flex-shrink-0 flex items-center"> 2197 <div class="w-[120px] sm:w-[125px] min-w-0"> 2198 <div class="text-right mr-1.5 bals-odds"> 2199 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 2200 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.9</div> 2201 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.4</div> 2202 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.45</div> 2203 </div> 2204 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 2205 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.75</div> 2206 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-0.25</div> 2207 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.05</div> 2208 </div> 2209 </div> 2210 </div> 2211 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 2212 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 2213 </a> 2214 </div> 2215 </div> 2216 </div> 2217 </div> 2218 </div> 2219 </div> 2220 2221 2222 </div> 2223<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 2224 bals-upcoming-match" 2225 data-accent="hot" 2226 data-template="chroma" data-match-id="y0or5jh8dol0qwz" data-match-time="1791601200" 2227 data-home-team-id="ednm9whk9g2ryox" data-away-team-id="z318q66h9p6qo9j" 2228 data-competition-id="9k82rekhp6repzj" x-data="{ 2229 activeCount: 0, 2230 showModal: false, 2231 showStreamers: false, 2232 view: 'timeline', 2233 hoverTimer: null, 2234 closeTimer: null, 2235 openModal() { 2236 clearTimeout(this.closeTimer); 2237 this.hoverTimer = setTimeout(() => { 2238 this.showModal = true; 2239 }, 500); 2240 }, 2241 closeModal() { 2242 clearTimeout(this.hoverTimer); 2243 clearTimeout(this.closeTimer); 2244 this.closeTimer = setTimeout(() => { 2245 this.showModal = false;
2246 }, 300); 2247 } 2248 }" 2249 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 2250 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 2251 data-streamer-ids="["6a2a59b347bbddd62a8dc4e4"]" 2252 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 2253 <div class="block relative group"> 2254 <a href="https://toptrader.io/truc-tiep/tigres-uanl-vs-toluca-ngay-10-10-2026/" class="absolute inset-0 z-0" 2255 data-tooltip="Tigres UANL vs Toluca lúc 10:00 ngà y 10/10/2026" 2256 data-title="Tigres UANL vs Toluca lúc 10:00 ngà y 10/10/2026"></a> 2257 <div class="chroma-signal-lock" aria-hidden="true"></div> 2258 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 2259 2260 <div class="flex items-center justify-between sm:mb-0 mb-2"> 2261 2262 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 2263 <img src="https://img.thesports.com/football/competition/324d7a463a24c4cd35ef83456a1b8d05.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 2264 loading="lazy" /> 2265 <span class="truncate tracking-wide bals-competition-name">Mexico Liga MX</span> 2266 </div> 2267 2268 <div 2269 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 2270 <span> 10:00 </span> 2271 <span class="text-gray-400 leading-none text-base">â¢</span> 2272 2273 <span>10/10</span> 2274 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 2275 <span 2276 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 2277 </div> 2278 </div> 2279 2280 <div class="relative"> 2281 2282 <div 2283 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 2284 <span class="bals-status-name mr-1">NS</span> : 2285 <span class="ml-1 bals-elapsed-time"> - </span> </div> 2286 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 2287 2288 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 2289 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 2290 Tigres UANL 2291 </div> 2292 <img data-src="https://static.sportsfeed.pro/football/team/a7df6424c12ac9b7a6e5ca3ff953d5b3.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Tigres UANL Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 2293 2294 <div 2295 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto" 2296 > 2297 <div 2298 class="bals-score-track bals-score-track--vs"> 2299 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 2300 <span 2301 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 2302 0 2303 </span>
2304 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 2305 <span 2306 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 2307 0 2308 </span> 2309 </div> 2310 </div> 2311 2312 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 2313 <img data-src="https://static.sportsfeed.pro/football/team/725ccd5793be6b4f8dd917170dd17d04.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Toluca Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 2314 Toluca 2315 </div> 2316 </div> 2317 </div> 2318 2319 <div 2320 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 2321 </div> 2322 2323 2324 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" style="display:none" > 2325 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 2326 <!-- HT Score --> 2327 <div class="flex items-center gap-1"> 2328 <span class="text-primary font-semibold">HT</span> 2329 <span class="text-gray-400 bals-ht-score">0-0</span> 2330 </div> 2331 <!-- Corner --> 2332 <div class="flex items-center gap-1"> 2333 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 2334<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 2335<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 2336</svg> 2337 <span class="text-gray-400 bals-corners">0-0</span> 2338 </div> 2339 <!-- Yellow Card --> 2340 <div class="flex items-center gap-1"> 2341 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 2342 <span class="text-gray-400 bals-yellow-cards">0-0</span> 2343 </div> 2344 </div> 2345 </div> 2346 </div> 2347 2348 2349 <div class="space-y-3"> 2350 <div class="h-px w-full border-t-gradient-silver-fade"></div> 2351 <div class="relative"> 2352 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 2353 2354 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 2355 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" style="display:none" > 2356 <!-- HT Score --> 2357 <div class="flex items-center gap-1"> 2358 <span class="text-primary font-semibold">HT</span> 2359 <span class="text-gray-400 bals-ht-score">0-0</span> 2360 </div> 2361 <!-- Corner --> 2362 <div class="flex items-center gap-1"> 2363 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 2364<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 2365<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 2366</svg>
2367 <span class="text-gray-400 bals-corners">0-0</span> 2368 </div> 2369 <!-- Yellow Card --> 2370 <div class="flex items-center gap-1"> 2371 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 2372 class="h-3 w-3" /> 2373 <span 2374 class="text-gray-400 bals-yellow-cards">0-0</span> 2375 </div> 2376 </div> 2377 </div> 2378 2379 2380 <div class="flex-1 min-w-0 flex sm:justify-center justify-start"> 2381 2382 <div class="sm:hidden flex items-center relative pointer-events-auto" 2383 :class="{ 'z-[100]': showStreamers }"> 2384 2385 2386 <div class="flex items-center gap-1.5 text-xs text-gray-light"> 2387 <img data-src="https://bucket.antlive.pro/9a378fe717baf2b868bb0df595f85842-1788685114524-avt.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-5 w-5 rounded-full object-cover border border-green/60" alt="SiêU" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <span class="truncate max-w-[70px]">SiêU</span> 2388 </div> 2389 </div> 2390 2391 <div class="hidden sm:flex items-center gap-1.5 relative pointer-events-auto"> 2392 <div class="chroma-commentator-chip"> 2393 <div class="chroma-commentator-frame"> 2394 <img data-src="https://bucket.antlive.pro/9a378fe717baf2b868bb0df595f85842-1788685114524-avt.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton " alt="SiêU" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 2395 <span class="chroma-commentator-name truncate">SiêU</span> 2396 </div> 2397 </div> 2398 </div> 2399 2400 2401 <div class="flex-shrink-0 flex items-center"> 2402 <div class="w-[120px] sm:w-[125px] min-w-0"> 2403 <div class="text-right mr-1.5 bals-odds"> 2404 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 2405 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.9</div> 2406 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.6</div> 2407 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.25</div> 2408 </div> 2409 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 2410 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.85</div> 2411 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-0.25</div> 2412 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.95</div> 2413 </div> 2414 </div> 2415 </div> 2416 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 2417 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 2418 </a> 2419 </div> 2420 </div> 2421 </div> 2422 </div> 2423 </div> 2424 </div> 2425 2426 2427 </div> 2428<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 2429 bals-live-match" 2430 data-accent="" 2431 data-template="chroma" data-match-id="8yomo4h16xykq0j" data-match-time="1791579600" 2432 data-home-team-id="yl5ergphjd4r8k0" data-away-team-id="n54qllh2gjpqvy9" 2433 data-competition-id="p3glrw7hevqdyjv" x-data="{ 2434 activeCount: 0, 2435 showModal: false, 2436 showStreamers: false, 2437 view: 'timeline', 2438 hoverTimer: null, 2439 closeTimer: null, 2440 openModal() { 2441 clearTimeout(this.closeTimer); 2442 this.hoverTimer = setTimeout(() => { 2443 this.showModal = true; 2444 }, 500); 2445 }, 2446 closeModal() { 2447 clearTimeout(this.hoverTimer); 2448 clearTimeout(this.closeTimer); 2449 this.closeTimer = setTimeout(() => { 2450 this.showModal = false;
2451 }, 300); 2452 } 2453 }" 2454 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 2455 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 2456 data-streamer-ids="["69a1aaa7230584579e2d5ce1"]" 2457 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 2458 <div class="block relative group"> 2459 <a href="https://toptrader.io/truc-tiep/gimnasia-la-plata-vs-atletico-tucuman-ngay-10-10-2026/" class="absolute inset-0 z-0" 2460 data-tooltip="Gimnasia La Plata vs Atletico Tucuman lúc 04:00 ngà y 10/10/2026" 2461 data-title="Gimnasia La Plata vs Atletico Tucuman lúc 04:00 ngà y 10/10/2026"></a> 2462 <div class="chroma-signal-lock" aria-hidden="true"></div> 2463 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 2464 2465 <div class="flex items-center justify-between sm:mb-0 mb-2"> 2466 2467 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 2468 <img src="https://img.thesports.com/football/competition/0276a00c0277c8f1cba7b63bd59e281d.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 2469 loading="lazy" /> 2470 <span class="truncate tracking-wide bals-competition-name">Argentine Division 1</span> 2471 </div> 2472 2473 <div 2474 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 2475 <span> 04:00 </span> 2476 <span class="text-gray-400 leading-none text-base">â¢</span> 2477 2478 <span>10/10</span> 2479 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 2480 <span 2481 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 2482 </div> 2483 </div> 2484 2485 <div class="relative"> 2486 2487 <div 2488 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 2489 <span class="bals-status-name mr-1">Hiá»p 2</span> : 2490 <span class="ml-1 bals-elapsed-time">79'</span> </div> 2491 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 2492 2493 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 2494 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 2495 Gimnasia La Plata 2496 </div> 2497 <img data-src="https://static.sportsfeed.pro/football/team/f323884c2481d25aa4b316a43583b733.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Gimnasia La Plata Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 2498 2499 <div 2500 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto" 2501 @mouseenter="openModal()" @mouseleave="closeModal()" > 2502 <div 2503 class="bals-score-track "> 2504 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 2505 <span 2506 class="bals-score-box text-sm sm:text-base bals-home-score" > 2507 0 2508 </span>
2509 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 2510 <span 2511 class="bals-score-box text-sm sm:text-base bals-away-score" > 2512 0 2513 </span> 2514 </div> 2515 </div> 2516 2517 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 2518 <img data-src="https://static.sportsfeed.pro/football/team/2d87cf3b426597f02435e2c72e8def93.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Atletico Tucuman Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 2519 Atletico Tucuman 2520 </div> 2521 </div> 2522 </div> 2523 2524 <div 2525 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 2526 </div> 2527 2528 2529 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" > 2530 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 2531 <!-- HT Score --> 2532 <div class="flex items-center gap-1"> 2533 <span class="text-primary font-semibold">HT</span> 2534 <span class="text-gray-400 bals-ht-score">0-0</span> 2535 </div> 2536 <!-- Corner --> 2537 <div class="flex items-center gap-1"> 2538 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 2539<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 2540<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 2541</svg> 2542 <span class="text-gray-400 bals-corners">9-3</span> 2543 </div> 2544 <!-- Yellow Card --> 2545 <div class="flex items-center gap-1"> 2546 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 2547 <span class="text-gray-400 bals-yellow-cards">2-3</span> 2548 </div> 2549 </div> 2550 </div> 2551 </div> 2552 2553 2554 <div class="space-y-3"> 2555 <div class="h-px w-full border-t-gradient-silver-fade"></div> 2556 <div class="relative"> 2557 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 2558 2559 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 2560 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" > 2561 <!-- HT Score --> 2562 <div class="flex items-center gap-1"> 2563 <span class="text-primary font-semibold">HT</span> 2564 <span class="text-gray-400 bals-ht-score">0-0</span> 2565 </div> 2566 <!-- Corner --> 2567 <div class="flex items-center gap-1"> 2568 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 2569<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 2570<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 2571</svg>
2572 <span class="text-gray-400 bals-corners">9-3</span> 2573 </div> 2574 <!-- Yellow Card --> 2575 <div class="flex items-center gap-1"> 2576 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 2577 class="h-3 w-3" /> 2578 <span 2579 class="text-gray-400 bals-yellow-cards">2-3</span> 2580 </div> 2581 </div> 2582 </div> 2583 2584 2585 <div class="flex-1 min-w-0 flex sm:justify-center justify-start"> 2586 2587 <div class="sm:hidden flex items-center relative pointer-events-auto" 2588 :class="{ 'z-[100]': showStreamers }"> 2589 2590 2591 <div class="flex items-center gap-1.5 text-xs text-gray-light"> 2592 <img data-src="https://bucket.antlive.pro/7f48cb6be263b855a4ef00efe73c08fa-1772263379587-photo_2026-02-28_13-24-03.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-5 w-5 rounded-full object-cover border border-green/60" alt="cá»" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <span class="truncate max-w-[70px]">cá»</span> 2593 </div> 2594 </div> 2595 2596 <div class="hidden sm:flex items-center gap-1.5 relative pointer-events-auto"> 2597 <div class="chroma-commentator-chip"> 2598 <div class="chroma-commentator-frame"> 2599 <img data-src="https://bucket.antlive.pro/7f48cb6be263b855a4ef00efe73c08fa-1772263379587-photo_2026-02-28_13-24-03.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton " alt="cá»" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 2600 <span class="chroma-commentator-name truncate">cá»</span> 2601 </div> 2602 </div> 2603 </div> 2604 2605 2606 <div class="flex-shrink-0 flex items-center"> 2607 <div class="w-[120px] sm:w-[125px] min-w-0"> 2608 <div class="text-right mr-1.5 bals-odds"> 2609 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 2610 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.6</div> 2611 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.53</div> 2612 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">7.5</div> 2613 </div> 2614 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 2615 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.5</div> 2616 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.25</div> 2617 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.5</div> 2618 </div> 2619 </div> 2620 </div> 2621 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 2622 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 2623 </a> 2624 </div> 2625 </div> 2626 </div> 2627 </div> 2628 </div> 2629 </div> 2630 2631 2632 <div x-show="showModal" 2633 @mouseenter="clearTimeout(closeTimer)" 2634 @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)" 2635 x-effect=" 2636 if (showModal && !$el.dataset.modalLoaded) { 2637 $el.dataset.modalLoaded = '1'; 2638 if (typeof loadMatchModal === 'function') loadMatchModal($el); 2639 } 2640 " 2641 data-match-id="8yomo4h16xykq0j" 2642 class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]" 2643 x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95" 2644 x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100" 2645 x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" 2646 style="display: none;" 2647 :style="{ 2648 top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto', 2649 bottom: $el.getBoundingClientRect().top >
2649= 300 ? 'calc(100% - 10px)' : 'auto', 2650 left: '50%', 2651 transform: 'translateX(-50%)' 2652 }"> 2653 <div class="modal-content"> 2654 <div class="p-6 text-center text-gray-400 text-xs">Loading...</div> 2655 </div> 2656 </div> 2657</div> 2658<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 2659 bals-live-match" 2660 data-accent="" 2661 data-template="chroma" data-match-id="pxwrxlhy0eljryk" data-match-time="1791585000" 2662 data-home-team-id="gx7lm7ph40vm2wd" data-away-team-id="z8yomo4hj31q0j6" 2663 data-competition-id="p3glrw7hevqdyjv" x-data="{ 2664 activeCount: 0, 2665 showModal: false, 2666 showStreamers: false, 2667 view: 'timeline', 2668 hoverTimer: null, 2669 closeTimer: null, 2670 openModal() { 2671 clearTimeout(this.closeTimer); 2672 this.hoverTimer = setTimeout(() => { 2673 this.showModal = true; 2674 }, 500); 2675 }, 2676 closeModal() { 2677 clearTimeout(this.hoverTimer); 2678 clearTimeout(this.closeTimer); 2679 this.closeTimer = setTimeout(() => { 2680 this.showModal = false; 2681 }, 300); 2682 } 2683 }" 2684 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 2685 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 2686 data-streamer-ids="["69b8e6f43bcf2231c35d5144"]" 2687 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 2688 <div class="block relative group"> 2689 <a href="https://toptrader.io/truc-tiep/instituto-de-cordoba-vs-boca-juniors-ngay-10-10-2026/" class="absolute inset-0 z-0" 2690 data-tooltip="Instituto vs Boca Juniors lúc 05:30 ngà y 10/10/2026" 2691 data-title="Instituto vs Boca Juniors lúc 05:30 ngà y 10/10/2026"></a> 2692 <div class="chroma-signal-lock" aria-hidden="true"></div> 2693 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 2694 2695 <div class="flex items-center justify-between sm:mb-0 mb-2"> 2696 2697 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 2698 <img src="https://img.thesports.com/football/competition/0276a00c0277c8f1cba7b63bd59e281d.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 2699 loading="lazy" /> 2700 <span class="truncate tracking-wide bals-competition-name">Argentine Division 1</span> 2701 </div> 2702 2703 <div 2704 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 2705 <span> 05:30 </span> 2706 <span class="text-gray-400 leading-none text-base">â¢</span> 2707 2708 <span>10/10</span> 2709 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 2710 <span 2711 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 2712 </div> 2713 </div> 2714 2715 <div class="relative"> 2716 2717 <div 2718 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 2719 <span class="bals-status-name mr-1">Hiá»p 1</span> : 2720 <span class="ml-1 bals-elapsed-time">1'</span> </div> 2721 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 2722 2723 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 2724 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 2725 Instituto 2726 </div> 2727 <img data-src="https://static.sportsfeed.pro/football/team/a01279fdf6589b3c11529ca1ab4201fc.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Instituto Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 2728 2729 <div 2730 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto" 2731 > 2732 <div 2733 class="bals-score-track ">
2734 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 2735 <span 2736 class="bals-score-box text-sm sm:text-base bals-home-score" > 2737 0 2738 </span> 2739 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 2740 <span 2741 class="bals-score-box text-sm sm:text-base bals-away-score" > 2742 0 2743 </span> 2744 </div> 2745 </div> 2746 2747 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 2748 <img data-src="https://static.sportsfeed.pro/football/team/9ed2c4f6adc51975cdbd2a93093e6a43.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Boca Juniors Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 2749 Boca Juniors 2750 </div> 2751 </div> 2752 </div> 2753 2754 <div 2755 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 2756 </div> 2757 2758 2759 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" > 2760 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 2761 <!-- HT Score --> 2762 <div class="flex items-center gap-1"> 2763 <span class="text-primary font-semibold">HT</span> 2764 <span class="text-gray-400 bals-ht-score">0-0</span> 2765 </div> 2766 <!-- Corner --> 2767 <div class="flex items-center gap-1"> 2768 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 2769<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 2770<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 2771</svg> 2772 <span class="text-gray-400 bals-corners">0-0</span> 2773 </div> 2774 <!-- Yellow Card --> 2775 <div class="flex items-center gap-1"> 2776 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 2777 <span class="text-gray-400 bals-yellow-cards">0-0</span> 2778 </div> 2779 </div> 2780 </div> 2781 </div> 2782 2783 2784 <div class="space-y-3"> 2785 <div class="h-px w-full border-t-gradient-silver-fade"></div> 2786 <div class="relative"> 2787 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 2788 2789 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 2790 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" > 2791 <!-- HT Score --> 2792 <div class="flex items-center gap-1"> 2793 <span class="text-primary font-semibold">HT</span> 2794 <span class="text-gray-400 bals-ht-score">0-0</span> 2795 </div> 2796 <!-- Corner --> 2797 <div class="flex items-center gap-1"> 2798 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 2799<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 2800<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 2801</svg>
2802 <span class="text-gray-400 bals-corners">0-0</span> 2803 </div> 2804 <!-- Yellow Card --> 2805 <div class="flex items-center gap-1"> 2806 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 2807 class="h-3 w-3" /> 2808 <span 2809 class="text-gray-400 bals-yellow-cards">0-0</span> 2810 </div> 2811 </div> 2812 </div> 2813 2814 2815 <div class="flex-1 min-w-0 flex sm:justify-center justify-start"> 2816 2817 <div class="sm:hidden flex items-center relative pointer-events-auto" 2818 :class="{ 'z-[100]': showStreamers }"> 2819 2820 2821 <div class="flex items-center gap-1.5 text-xs text-gray-light"> 2822 <img data-src="https://bucket.antlive.pro/cafc255dc6e263fb0fd6ab2824ff5e08-1773731703855-photo_2026-03-10_09-54-33.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-5 w-5 rounded-full object-cover border border-green/60" alt="KAYTI" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <span class="truncate max-w-[70px]">KAYTI</span> 2823 </div> 2824 </div> 2825 2826 <div class="hidden sm:flex items-center gap-1.5 relative pointer-events-auto"> 2827 <div class="chroma-commentator-chip"> 2828 <div class="chroma-commentator-frame"> 2829 <img data-src="https://bucket.antlive.pro/cafc255dc6e263fb0fd6ab2824ff5e08-1773731703855-photo_2026-03-10_09-54-33.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton " alt="KAYTI" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 2830 <span class="chroma-commentator-name truncate">KAYTI</span> 2831 </div> 2832 </div> 2833 </div> 2834 2835 2836 <div class="flex-shrink-0 flex items-center"> 2837 <div class="w-[120px] sm:w-[125px] min-w-0"> 2838 <div class="text-right mr-1.5 bals-odds"> 2839 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 2840 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.25</div> 2841 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3</div> 2842 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.45</div> 2843 </div> 2844 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 2845 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.77</div> 2846 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-0.25</div> 2847 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.02</div> 2848 </div> 2849 </div> 2850 </div> 2851 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 2852 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 2853 </a> 2854 </div> 2855 </div> 2856 </div> 2857 </div> 2858 </div> 2859 </div> 2860 2861 2862 </div> 2863<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 2864 bals-upcoming-match" 2865 data-accent="" 2866 data-template="chroma" data-match-id="1l4rjnhnyd50m7v" data-match-time="1791586800" 2867 data-home-team-id="zp5rzghjevlq82w" data-away-team-id="x7lm7phkp28m2wd" 2868 data-competition-id="v2y8m4zhydql074" x-data="{ 2869 activeCount: 0, 2870 showModal: false, 2871 showStreamers: false, 2872 view: 'timeline', 2873 hoverTimer: null, 2874 closeTimer: null, 2875 openModal() { 2876 clearTimeout(this.closeTimer); 2877 this.hoverTimer = setTimeout(() => { 2878 this.showModal = true; 2879 }, 500); 2880 }, 2881 closeModal() { 2882 clearTimeout(this.hoverTimer); 2883 clearTimeout(this.closeTimer); 2884 this.closeTimer = setTimeout(() => { 2885 this.showModal = false;
2886 }, 300); 2887 } 2888 }" 2889 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 2890 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 2891 data-streamer-ids="["69be75e0a0a45974afb67776"]" 2892 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 2893 <div class="block relative group"> 2894 <a href="https://toptrader.io/truc-tiep/deportivo-maldonado-vs-liverpool-uru-ngay-10-10-2026/" class="absolute inset-0 z-0" 2895 data-tooltip="Deportivo Maldonado vs Liverpool URU lúc 06:00 ngà y 10/10/2026" 2896 data-title="Deportivo Maldonado vs Liverpool URU lúc 06:00 ngà y 10/10/2026"></a> 2897 <div class="chroma-signal-lock" aria-hidden="true"></div> 2898 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 2899 2900 <div class="flex items-center justify-between sm:mb-0 mb-2"> 2901 2902 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 2903 <img src="https://img.thesports.com/football/competition/57bb4f7957510c2da5fd076e75618f5f.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 2904 loading="lazy" /> 2905 <span class="truncate tracking-wide bals-competition-name">Uruguay Primera Division</span> 2906 </div> 2907 2908 <div 2909 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 2910 <span> 06:00 </span> 2911 <span class="text-gray-400 leading-none text-base">â¢</span> 2912 2913 <span>10/10</span> 2914 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 2915 <span 2916 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 2917 </div> 2918 </div> 2919 2920 <div class="relative"> 2921 2922 <div 2923 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 2924 <span class="bals-status-name mr-1">NS</span> : 2925 <span class="ml-1 bals-elapsed-time"> - </span> </div> 2926 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 2927 2928 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 2929 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 2930 Deportivo Maldonado 2931 </div> 2932 <img data-src="https://static.sportsfeed.pro/football/team/932f3790a25e5c4f40ae328ad9060055.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Deportivo Maldonado Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 2933 2934 <div 2935 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto" 2936 > 2937 <div 2938 class="bals-score-track bals-score-track--vs"> 2939 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
2940 <span 2941 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 2942 0 2943 </span> 2944 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 2945 <span 2946 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 2947 0 2948 </span> 2949 </div> 2950 </div> 2951 2952 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 2953 <img data-src="https://static.sportsfeed.pro/football/team/051be0a9b61dedb583315fb75eaa8308.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Liverpool URU Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 2954 Liverpool URU 2955 </div> 2956 </div> 2957 </div> 2958 2959 <div 2960 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 2961 </div> 2962 2963 2964 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" style="display:none" > 2965 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 2966 <!-- HT Score --> 2967 <div class="flex items-center gap-1"> 2968 <span class="text-primary font-semibold">HT</span> 2969 <span class="text-gray-400 bals-ht-score">0-0</span> 2970 </div> 2971 <!-- Corner --> 2972 <div class="flex items-center gap-1"> 2973 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 2974<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 2975<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 2976</svg> 2977 <span class="text-gray-400 bals-corners">0-0</span> 2978 </div> 2979 <!-- Yellow Card --> 2980 <div class="flex items-center gap-1"> 2981 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 2982 <span class="text-gray-400 bals-yellow-cards">0-0</span> 2983 </div> 2984 </div> 2985 </div> 2986 </div> 2987 2988 2989 <div class="space-y-3"> 2990 <div class="h-px w-full border-t-gradient-silver-fade"></div> 2991 <div class="relative"> 2992 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 2993 2994 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 2995 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" style="display:none" > 2996 <!-- HT Score --> 2997 <div class="flex items-center gap-1"> 2998 <span class="text-primary font-semibold">HT</span> 2999 <span class="text-gray-400 bals-ht-score">0-0</span> 3000 </div> 3001 <!-- Corner --> 3002 <div class="flex items-center gap-1"> 3003 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 3004<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 3005<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 3006</svg>
3007 <span class="text-gray-400 bals-corners">0-0</span> 3008 </div> 3009 <!-- Yellow Card --> 3010 <div class="flex items-center gap-1"> 3011 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 3012 class="h-3 w-3" /> 3013 <span 3014 class="text-gray-400 bals-yellow-cards">0-0</span> 3015 </div> 3016 </div> 3017 </div> 3018 3019 3020 <div class="flex-1 min-w-0 flex sm:justify-center justify-start"> 3021 3022 <div class="sm:hidden flex items-center relative pointer-events-auto" 3023 :class="{ 'z-[100]': showStreamers }"> 3024 3025 3026 <div class="flex items-center gap-1.5 text-xs text-gray-light"> 3027 <img data-src="https://bucket.antlive.pro/dcc2fccecd101c8d70f03c4e813b6173-1785843264669-cropped_gettyimages-2500781-612x612.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-5 w-5 rounded-full object-cover border border-green/60" alt="MeoMeo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <span class="truncate max-w-[70px]">MeoMeo</span> 3028 </div> 3029 </div> 3030 3031 <div class="hidden sm:flex items-center gap-1.5 relative pointer-events-auto"> 3032 <div class="chroma-commentator-chip"> 3033 <div class="chroma-commentator-frame"> 3034 <img data-src="https://bucket.antlive.pro/dcc2fccecd101c8d70f03c4e813b6173-1785843264669-cropped_gettyimages-2500781-612x612.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton " alt="MeoMeo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 3035 <span class="chroma-commentator-name truncate">MeoMeo</span> 3036 </div> 3037 </div> 3038 </div> 3039 3040 3041 <div class="flex-shrink-0 flex items-center"> 3042 <div class="w-[120px] sm:w-[125px] min-w-0"> 3043 <div class="text-right mr-1.5 bals-odds"> 3044 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 3045 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.35</div> 3046 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3</div> 3047 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.75</div> 3048 </div> 3049 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 3050 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.05</div> 3051 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.25</div> 3052 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.75</div> 3053 </div> 3054 </div> 3055 </div> 3056 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 3057 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 3058 </a> 3059 </div> 3060 </div> 3061 </div> 3062 </div> 3063 </div> 3064 </div> 3065 3066 3067 </div> 3068<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 3069 bals-upcoming-match" 3070 data-accent="" 3071 data-template="chroma" data-match-id="4jwq2ghn5pgnm0v" data-match-time="1791593100" 3072 data-home-team-id="k82rekhvojwrepz" data-away-team-id="8y39mp1h8xnmojx" 3073 data-competition-id="p3glrw7hevqdyjv" x-data="{ 3074 activeCount: 0, 3075 showModal: false, 3076 showStreamers: false, 3077 view: 'timeline', 3078 hoverTimer: null, 3079 closeTimer: null, 3080 openModal() { 3081 clearTimeout(this.closeTimer); 3082 this.hoverTimer = setTimeout(() => { 3083 this.showModal = true; 3084 }, 500); 3085 }, 3086 closeModal() { 3087 clearTimeout(this.hoverTimer); 3088 clearTimeout(this.closeTimer); 3089 this.closeTimer = setTimeout(() => { 3090 this.showModal = false;
3091 }, 300); 3092 } 3093 }" 3094 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 3095 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 3096 data-streamer-ids="["69a1aaa7230584579e2d5ce1"]" 3097 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 3098 <div class="block relative group"> 3099 <a href="https://toptrader.io/truc-tiep/club-atletico-union-vs-defensa-y-justicia-ngay-10-10-2026/" class="absolute inset-0 z-0" 3100 data-tooltip="Union Santa Fe vs Defensa Y Justicia lúc 07:45 ngà y 10/10/2026" 3101 data-title="Union Santa Fe vs Defensa Y Justicia lúc 07:45 ngà y 10/10/2026"></a> 3102 <div class="chroma-signal-lock" aria-hidden="true"></div> 3103 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 3104 3105 <div class="flex items-center justify-between sm:mb-0 mb-2"> 3106 3107 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 3108 <img src="https://img.thesports.com/football/competition/0276a00c0277c8f1cba7b63bd59e281d.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 3109 loading="lazy" /> 3110 <span class="truncate tracking-wide bals-competition-name">Argentine Division 1</span> 3111 </div> 3112 3113 <div 3114 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 3115 <span> 07:45 </span> 3116 <span class="text-gray-400 leading-none text-base">â¢</span> 3117 3118 <span>10/10</span> 3119 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 3120 <span 3121 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 3122 </div> 3123 </div> 3124 3125 <div class="relative"> 3126 3127 <div 3128 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 3129 <span class="bals-status-name mr-1">NS</span> : 3130 <span class="ml-1 bals-elapsed-time"> - </span> </div> 3131 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 3132 3133 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 3134 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 3135 Union Santa Fe 3136 </div> 3137 <img data-src="https://static.sportsfeed.pro/football/team/c5d75265caa6875d9ea84f36027312d5.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Union Santa Fe Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 3138 3139 <div 3140 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto" 3141 > 3142 <div 3143 class="bals-score-track bals-score-track--vs"> 3144 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 3145 <span 3146 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 3147 0 3148 </span>
3149 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 3150 <span 3151 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 3152 0 3153 </span> 3154 </div> 3155 </div> 3156 3157 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 3158 <img data-src="https://static.sportsfeed.pro/football/team/49a35dd00c51fc958ebf44054bce4c48.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Defensa Y Justicia Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 3159 Defensa Y Justicia 3160 </div> 3161 </div> 3162 </div> 3163 3164 <div 3165 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 3166 </div> 3167 3168 3169 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" style="display:none" > 3170 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 3171 <!-- HT Score --> 3172 <div class="flex items-center gap-1"> 3173 <span class="text-primary font-semibold">HT</span> 3174 <span class="text-gray-400 bals-ht-score">0-0</span> 3175 </div> 3176 <!-- Corner --> 3177 <div class="flex items-center gap-1"> 3178 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 3179<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 3180<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 3181</svg> 3182 <span class="text-gray-400 bals-corners">0-0</span> 3183 </div> 3184 <!-- Yellow Card --> 3185 <div class="flex items-center gap-1"> 3186 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 3187 <span class="text-gray-400 bals-yellow-cards">0-0</span> 3188 </div> 3189 </div> 3190 </div> 3191 </div> 3192 3193 3194 <div class="space-y-3"> 3195 <div class="h-px w-full border-t-gradient-silver-fade"></div> 3196 <div class="relative"> 3197 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 3198 3199 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 3200 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" style="display:none" > 3201 <!-- HT Score --> 3202 <div class="flex items-center gap-1"> 3203 <span class="text-primary font-semibold">HT</span> 3204 <span class="text-gray-400 bals-ht-score">0-0</span> 3205 </div> 3206 <!-- Corner --> 3207 <div class="flex items-center gap-1"> 3208 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 3209<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 3210<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 3211</svg>
3212 <span class="text-gray-400 bals-corners">0-0</span> 3213 </div> 3214 <!-- Yellow Card --> 3215 <div class="flex items-center gap-1"> 3216 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 3217 class="h-3 w-3" /> 3218 <span 3219 class="text-gray-400 bals-yellow-cards">0-0</span> 3220 </div> 3221 </div> 3222 </div> 3223 3224 3225 <div class="flex-1 min-w-0 flex sm:justify-center justify-start"> 3226 3227 <div class="sm:hidden flex items-center relative pointer-events-auto" 3228 :class="{ 'z-[100]': showStreamers }"> 3229 3230 3231 <div class="flex items-center gap-1.5 text-xs text-gray-light"> 3232 <img data-src="https://bucket.antlive.pro/7f48cb6be263b855a4ef00efe73c08fa-1772263379587-photo_2026-02-28_13-24-03.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-5 w-5 rounded-full object-cover border border-green/60" alt="cá»" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <span class="truncate max-w-[70px]">cá»</span> 3233 </div> 3234 </div> 3235 3236 <div class="hidden sm:flex items-center gap-1.5 relative pointer-events-auto"> 3237 <div class="chroma-commentator-chip"> 3238 <div class="chroma-commentator-frame"> 3239 <img data-src="https://bucket.antlive.pro/7f48cb6be263b855a4ef00efe73c08fa-1772263379587-photo_2026-02-28_13-24-03.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton " alt="cá»" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 3240 <span class="chroma-commentator-name truncate">cá»</span> 3241 </div> 3242 </div> 3243 </div> 3244 3245 3246 <div class="flex-shrink-0 flex items-center"> 3247 <div class="w-[120px] sm:w-[125px] min-w-0"> 3248 <div class="text-right mr-1.5 bals-odds"> 3249 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 3250 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.1</div> 3251 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3</div> 3252 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.6</div> 3253 </div> 3254 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 3255 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.85</div> 3256 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.25</div> 3257 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.95</div> 3258 </div> 3259 </div> 3260 </div> 3261 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 3262 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 3263 </a> 3264 </div> 3265 </div> 3266 </div> 3267 </div> 3268 </div> 3269 </div> 3270 3271 3272 </div> 3273<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 3274 bals-finished-match" 3275 data-accent="featured" 3276 data-template="chroma" data-match-id="y39mp1h6np32moj" data-match-time="1791563400" 3277 data-home-team-id="n54qllh261zqvy9" data-away-team-id="9k82rekh463repz" 3278 data-competition-id="kn54qllhjzqvy9d" x-data="{ 3279 activeCount: 0, 3280 showModal: false, 3281 showStreamers: false, 3282 view: 'timeline', 3283 hoverTimer: null, 3284 closeTimer: null, 3285 openModal() { 3286 clearTimeout(this.closeTimer); 3287 this.hoverTimer = setTimeout(() => { 3288 this.showModal = true; 3289 }, 500); 3290 }, 3291 closeModal() { 3292 clearTimeout(this.hoverTimer); 3293 clearTimeout(this.closeTimer); 3294 this.closeTimer = setTimeout(() => { 3295 this.showModal = false;
3296 }, 300); 3297 } 3298 }" 3299 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 3300 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 3301 data-streamer-ids="["69f42e961f739deff81510c0"]" 3302 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 3303 <div class="block relative group"> 3304 <a href="https://toptrader.io/truc-tiep/1-fc-heidenheim-1846-vs-1-fc-kaiserslautern-ngay-09-10-2026/" class="absolute inset-0 z-0" 3305 data-tooltip="Heidenheim vs Kaiserslautern lúc 23:30 ngà y 09/10/2026" 3306 data-title="Heidenheim vs Kaiserslautern lúc 23:30 ngà y 09/10/2026"></a> 3307 <div class="chroma-signal-lock" aria-hidden="true"></div> 3308 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 3309 3310 <div class="flex items-center justify-between sm:mb-0 mb-2"> 3311 3312 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 3313 <img src="https://img.thesports.com/football/competition/eab6e349cf5811408c0628a774724869.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 3314 loading="lazy" /> 3315 <span class="truncate tracking-wide bals-competition-name">German Bundesliga 2</span> 3316 </div> 3317 3318 <div 3319 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 3320 <span> 23:30 </span> 3321 <span class="text-gray-400 leading-none text-base">â¢</span> 3322 3323 <span>09/10</span> 3324 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 3325 <span 3326 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 3327 </div> 3328 </div> 3329 3330 <div class="relative"> 3331 3332 <div 3333 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 3334 <span class="bals-status-name mr-1">Kết Thúc</span> </div> 3335 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 3336 3337 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 3338 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 3339 Heidenheim 3340 </div> 3341 <img data-src="https://static.sportsfeed.pro/football/team/65ee743f20fa7db286fdeda4d33c6980.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Heidenheim Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 3342 3343 <div 3344 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto" 3345 @mouseenter="openModal()" @mouseleave="closeModal()" > 3346 <div 3347 class="bals-score-track "> 3348 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 3349 <span 3350 class="bals-score-box text-sm sm:text-base bals-home-score" > 3351 0 3352 </span>
3353 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 3354 <span 3355 class="bals-score-box text-sm sm:text-base bals-away-score" > 3356 0 3357 </span> 3358 </div> 3359 </div> 3360 3361 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 3362 <img data-src="https://static.sportsfeed.pro/football/team/6544eff3f60d98faf65649c8bf1c81eb.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Kaiserslautern Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 3363 Kaiserslautern 3364 </div> 3365 </div> 3366 </div> 3367 3368 <div 3369 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 3370 </div> 3371 3372 3373 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" > 3374 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 3375 <!-- HT Score --> 3376 <div class="flex items-center gap-1"> 3377 <span class="text-primary font-semibold">HT</span> 3378 <span class="text-gray-400 bals-ht-score">0-0</span> 3379 </div> 3380 <!-- Corner --> 3381 <div class="flex items-center gap-1"> 3382 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 3383<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 3384<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 3385</svg> 3386 <span class="text-gray-400 bals-corners">7-8</span> 3387 </div> 3388 <!-- Yellow Card --> 3389 <div class="flex items-center gap-1"> 3390 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 3391 <span class="text-gray-400 bals-yellow-cards">0-0</span> 3392 </div> 3393 </div> 3394 </div> 3395 </div> 3396 3397 3398 <div class="space-y-3"> 3399 <div class="h-px w-full border-t-gradient-silver-fade"></div> 3400 <div class="relative"> 3401 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 3402 3403 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 3404 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" > 3405 <!-- HT Score --> 3406 <div class="flex items-center gap-1"> 3407 <span class="text-primary font-semibold">HT</span> 3408 <span class="text-gray-400 bals-ht-score">0-0</span> 3409 </div> 3410 <!-- Corner --> 3411 <div class="flex items-center gap-1"> 3412 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 3413<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 3414<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 3415</svg>
3416 <span class="text-gray-400 bals-corners">7-8</span> 3417 </div> 3418 <!-- Yellow Card --> 3419 <div class="flex items-center gap-1"> 3420 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 3421 class="h-3 w-3" /> 3422 <span 3423 class="text-gray-400 bals-yellow-cards">0-0</span> 3424 </div> 3425 </div> 3426 </div> 3427 3428 3429 <div class="flex-1 min-w-0 flex sm:justify-center justify-start"> 3430 3431 <div class="sm:hidden flex items-center relative pointer-events-auto" 3432 :class="{ 'z-[100]': showStreamers }"> 3433 3434 3435 <div class="flex items-center gap-1.5 text-xs text-gray-light"> 3436 <img data-src="https://bucket.antlive.pro/365e54adb02839332a5c321d84c79130-1777610746206-cropped_SaitamaWikipediapage.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-5 w-5 rounded-full object-cover border border-green/60" alt="SAITAMA" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <span class="truncate max-w-[70px]">SAITAMA</span> 3437 </div> 3438 </div> 3439 3440 <div class="hidden sm:flex items-center gap-1.5 relative pointer-events-auto"> 3441 <div class="chroma-commentator-chip"> 3442 <div class="chroma-commentator-frame"> 3443 <img data-src="https://bucket.antlive.pro/365e54adb02839332a5c321d84c79130-1777610746206-cropped_SaitamaWikipediapage.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton " alt="SAITAMA" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 3444 <span class="chroma-commentator-name truncate">SAITAMA</span> 3445 </div> 3446 </div> 3447 </div> 3448 3449 3450 <div class="flex-shrink-0 flex items-center"> 3451 <div class="w-[120px] sm:w-[125px] min-w-0"> 3452 <div class="text-right mr-1.5 bals-odds"> 3453 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 3454 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">21</div> 3455 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.01</div> 3456 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">23</div> 3457 </div> 3458 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 3459 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.67</div> 3460 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0</div> 3461 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.15</div> 3462 </div> 3463 </div> 3464 </div> 3465 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 3466 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 3467 </a> 3468 </div> 3469 </div> 3470 </div> 3471 </div> 3472 </div> 3473 </div> 3474 3475 3476 <div x-show="showModal" 3477 @mouseenter="clearTimeout(closeTimer)" 3478 @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)" 3479 x-effect=" 3480 if (showModal && !$el.dataset.modalLoaded) { 3481 $el.dataset.modalLoaded = '1'; 3482 if (typeof loadMatchModal === 'function') loadMatchModal($el); 3483 } 3484 " 3485 data-match-id="y39mp1h6np32moj" 3486 class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]" 3487 x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95" 3488 x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100" 3489 x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" 3490 style="display: none;" 3491 :style="{ 3492 top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto', 3493 bottom: $el.getBoundingClientRect().top >
3493= 300 ? 'calc(100% - 10px)' : 'auto', 3494 left: '50%', 3495 transform: 'translateX(-50%)' 3496 }"> 3497 <div class="modal-content"> 3498 <div class="p-6 text-center text-gray-400 text-xs">Loading...</div> 3499 </div> 3500 </div> 3501</div> 3502<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 3503 bals-finished-match" 3504 data-accent="featured" 3505 data-template="chroma" data-match-id="vjxm8ghe69v5r6o" data-match-time="1791563400" 3506 data-home-team-id="z8yomo4hjwvq0j6" data-away-team-id="9dn1m1ghylzmoep" 3507 data-competition-id="kn54qllhjzqvy9d" x-data="{ 3508 activeCount: 0, 3509 showModal: false, 3510 showStreamers: false, 3511 view: 'timeline', 3512 hoverTimer: null, 3513 closeTimer: null, 3514 openModal() { 3515 clearTimeout(this.closeTimer); 3516 this.hoverTimer = setTimeout(() => { 3517 this.showModal = true; 3518 }, 500); 3519 }, 3520 closeModal() { 3521 clearTimeout(this.hoverTimer); 3522 clearTimeout(this.closeTimer); 3523 this.closeTimer = setTimeout(() => { 3524 this.showModal = false; 3525 }, 300); 3526 } 3527 }" 3528 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 3529 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 3530 data-streamer-ids="["6a439a7fb89dded67b208b87"]" 3531 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 3532 <div class="block relative group"> 3533 <a href="https://toptrader.io/truc-tiep/eintracht-braunschweig-vs-holstein-kiel-ngay-09-10-2026/" class="absolute inset-0 z-0" 3534 data-tooltip="Eintracht Braunschweig vs Holstein Kiel lúc 23:30 ngà y 09/10/2026" 3535 data-title="Eintracht Braunschweig vs Holstein Kiel lúc 23:30 ngà y 09/10/2026"></a> 3536 <div class="chroma-signal-lock" aria-hidden="true"></div> 3537 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 3538 3539 <div class="flex items-center justify-between sm:mb-0 mb-2"> 3540 3541 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 3542 <img src="https://img.thesports.com/football/competition/eab6e349cf5811408c0628a774724869.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 3543 loading="lazy" /> 3544 <span class="truncate tracking-wide bals-competition-name">German Bundesliga 2</span> 3545 </div> 3546 3547 <div 3548 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 3549 <span> 23:30 </span> 3550 <span class="text-gray-400 leading-none text-base">â¢</span> 3551 3552 <span>09/10</span> 3553 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 3554 <span 3555 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 3556 </div> 3557 </div> 3558 3559 <div class="relative"> 3560 3561 <div 3562 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 3563 <span class="bals-status-name mr-1">Kết Thúc</span> </div> 3564 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 3565 3566 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 3567 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 3568 Eintracht Braunschweig 3569 </div> 3570 <img data-src="https://static.sportsfeed.pro/football/team/0a38b45c20a019398526a4944553f8e6.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Eintracht Braunschweig Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 3571 3572 <div 3573 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
3574 @mouseenter="openModal()" @mouseleave="closeModal()" > 3575 <div 3576 class="bals-score-track "> 3577 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 3578 <span 3579 class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-home-score" > 3580 1 3581 </span> 3582 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 3583 <span 3584 class="bals-score-box text-sm sm:text-base bals-away-score" > 3585 0 3586 </span> 3587 </div> 3588 </div> 3589 3590 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 3591 <img data-src="https://static.sportsfeed.pro/football/team/a285cb29d36e8d0e6fb35def1fbf442c.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Holstein Kiel Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 3592 Holstein Kiel 3593 </div> 3594 </div> 3595 </div> 3596 3597 <div 3598 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 3599 </div> 3600 3601 3602 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" > 3603 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 3604 <!-- HT Score --> 3605 <div class="flex items-center gap-1"> 3606 <span class="text-primary font-semibold">HT</span> 3607 <span class="text-gray-400 bals-ht-score">1-0</span> 3608 </div> 3609 <!-- Corner --> 3610 <div class="flex items-center gap-1"> 3611 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 3612<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 3613<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 3614</svg> 3615 <span class="text-gray-400 bals-corners">2-3</span> 3616 </div> 3617 <!-- Yellow Card --> 3618 <div class="flex items-center gap-1"> 3619 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 3620 <span class="text-gray-400 bals-yellow-cards">4-3</span> 3621 </div> 3622 </div> 3623 </div> 3624 </div> 3625 3626 3627 <div class="space-y-3"> 3628 <div class="h-px w-full border-t-gradient-silver-fade"></div> 3629 <div class="relative"> 3630 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 3631 3632 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 3633 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" > 3634 <!-- HT Score --> 3635 <div class="flex items-center gap-1">
3636 <span class="text-primary font-semibold">HT</span> 3637 <span class="text-gray-400 bals-ht-score">1-0</span> 3638 </div> 3639 <!-- Corner --> 3640 <div class="flex items-center gap-1"> 3641 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 3642<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 3643<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 3644</svg> 3645 <span class="text-gray-400 bals-corners">2-3</span> 3646 </div> 3647 <!-- Yellow Card --> 3648 <div class="flex items-center gap-1"> 3649 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 3650 class="h-3 w-3" /> 3651 <span 3652 class="text-gray-400 bals-yellow-cards">4-3</span> 3653 </div> 3654 </div> 3655 </div> 3656 3657 3658 <div class="flex-1 min-w-0 flex sm:justify-center justify-start"> 3659 3660 <div class="sm:hidden flex items-center relative pointer-events-auto" 3661 :class="{ 'z-[100]': showStreamers }"> 3662 3663 3664 <div class="flex items-center gap-1.5 text-xs text-gray-light"> 3665 <img data-src="https://bucket.antlive.pro/96e9f8e9ea8cffc6edf19ed89a20aff4-1784158626608-cropped_IMG_0054.jpeg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-5 w-5 rounded-full object-cover border border-green/60" alt="NGƯá»I" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <span class="truncate max-w-[70px]">NGƯá»I</span> 3666 </div> 3667 </div> 3668 3669 <div class="hidden sm:flex items-center gap-1.5 relative pointer-events-auto"> 3670 <div class="chroma-commentator-chip"> 3671 <div class="chroma-commentator-frame"> 3672 <img data-src="https://bucket.antlive.pro/96e9f8e9ea8cffc6edf19ed89a20aff4-1784158626608-cropped_IMG_0054.jpeg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton " alt="NGƯá»I" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 3673 <span class="chroma-commentator-name truncate">NGƯá»I</span> 3674 </div> 3675 </div> 3676 </div> 3677 3678 3679 <div class="flex-shrink-0 flex items-center"> 3680 <div class="w-[120px] sm:w-[125px] min-w-0"> 3681 <div class="text-right mr-1.5 bals-odds"> 3682 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 3683 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.01</div> 3684 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">23</div> 3685 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">501</div> 3686 </div> 3687 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 3688 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.2</div> 3689 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0</div> 3690 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.65</div> 3691 </div> 3692 </div> 3693 </div> 3694 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 3695 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 3696 </a> 3697 </div> 3698 </div> 3699 </div> 3700 </div> 3701 </div> 3702 </div> 3703 3704 3705 <div x-show="showModal" 3706 @mouseenter="clearTimeout(closeTimer)" 3707 @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)" 3708 x-effect=" 3709 if (showModal && !$el.dataset.modalLoaded) { 3710 $el.dataset.modalLoaded = '1'; 3711 if (typeof loadMatchModal === 'function') loadMatchModal($el); 3712 } 3713 " 3714 data-match-id="vjxm8ghe69v5r6o" 3715 class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]" 3716 x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95" 3717 x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100" 3718 x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" 3719 style="display: none;" 3720 :style="{ 3721 top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto', 3722 bottom: $el.getBoundingClientRect().top >
3722= 300 ? 'calc(100% - 10px)' : 'auto', 3723 left: '50%', 3724 transform: 'translateX(-50%)' 3725 }"> 3726 <div class="modal-content"> 3727 <div class="p-6 text-center text-gray-400 text-xs">Loading...</div> 3728 </div> 3729 </div> 3730</div> 3731 3732 </div> 3733 3734 </div> 3735 3736 <!-- Today's Matches Content --> 3737 <div class="match-container" id="today-content" role="tabpanel" aria-labelledby="today-tab" data-loaded="true"> 3738 <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 all-matches-grid"> 3739 <style> 3740 [data-template="chroma"]:not([data-sport="basketball"]).match-card { 3741 3742 isolation: isolate; 3743 background: 3744 radial-gradient(circle at 50% 0%, rgba(var(--color-primary-rgb), 0.16) 0%, rgba(var(--color-primary-rgb), 0.08) 26%, transparent 58%), 3745 radial-gradient(circle at 14% 50%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 34%), 3746 linear-gradient(180deg, #0d1d18 0%, #0a1814 55%, #081310 100%); 3747 border: 1px solid rgba(var(--color-primary-rgb), 0.34); 3748 box-shadow: 3749 inset 0 1px 0 rgba(255,255,255,0.04), 3750 0 18px 40px -18px rgba(0,0,0,0.72); 3751 } 3752 3753 /** Code Review Fixes **/ 3754 [data-template="chroma"]:not([data-sport="basketball"]) .block.relative.group { 3755 overflow: hidden; 3756 } 3757 3758 [data-template="chroma"]:not([data-sport="basketball"]).match-card::before { 3759 content: ''; 3760 position: absolute; 3761 inset: 0; 3762 z-index: 1; 3763 pointer-events: none; 3764 background-image: var(--chroma-line-image); 3765 background-repeat: no-repeat; 3766 background-position: center; 3767 background-size: cover; 3768 opacity: 0.18; 3769 mix-blend-mode: screen; 3770 filter: grayscale(1) brightness(1.35) contrast(1.25); 3771 } 3772 3773 [data-template="chroma"]:not([data-sport="basketball"]).match-card::after { 3774 content: ''; 3775 position: absolute; 3776 inset: 0; 3777 z-index: 2; 3778 pointer-events: none; 3779 background: 3780 linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, transparent 30%, transparent 70%, rgba(0, 0, 0, 0.12) 100%), 3781 radial-gradient(circle at 50% 0%, rgba(var(--color-primary-rgb), 0.08) 0%, transparent 48%); 3782 } 3783 3784 [data-template="chroma"]:not([data-sport="basketball"]) .chroma-signal-lock { 3785 position: absolute; 3786 inset: 0; 3787 z-index: 2; 3788 pointer-events: none; 3789 opacity: 0; 3790 } 3791 3792 [data-template="chroma"]:not([data-sport="basketball"]) .chroma-signal-lock::before, 3793 [data-template="chroma"]:not([data-sport="basketball"]) .chroma-signal-lock::after { 3794 content: ''; 3795 position: absolute; 3796 left: 50%; 3797 top: 50%; 3798 transform: translate(-50%, -50%); 3799 pointer-events: none; 3800 } 3801 3802 [data-template="chroma"]:not([data-sport="basketball"]) .chroma-signal-lock::before { 3803 width: 38%; 3804 height: 64%; 3805 border-radius: 999px; 3806 background: 3807 radial-gradient(circle, rgba(var(--color-primary-rgb), 0.22) 0%, rgba(var(--color-primary-rgb), 0.1) 28%, transparent 68%); 3808 filter: blur(18px); 3809 } 3810 3811 [data-template="chroma"]:not([data-sport="basketball"]) .chroma-signal-lock::after { 3812 width: 46%; 3813 height: 1px; 3814 background: linear-gradient(90deg, transparent 0%, rgba(var(--color-primary-rgb), 0.0) 10%, rgba(var(--color-primary-rgb), 0.65) 50%, rgba(var(--color-primary-rgb), 0.0) 90%, transparent 100%); 3815 box-shadow: 0 0 12px rgba(var(--color-primary-rgb), 0.28); 3816 } 3817 3818 @media(prefers-reduced-motion: no-preference) { 3819 [data-template="chroma"]:not([data-sport="basketball"]).bals-live-match::before { 3820 animation: chroma-line-drift 8s ease-in-out infinite; 3821 } 3822 3823 [data-template="chroma"]:not([data-sport="basketball"]).bals-live-match .chroma-signal-lock { 3824 animation: chroma-signal-lock 4.6s cubic-bezier(0.22, 1, 0.36, 1) infinite; 3825 } 3826 3827 [data-template="chroma"]:not([data-sport="basketball"]).bals-live-match .bals-score-track { 3828 animation: chroma-score-focus 4.6s cubic-bezier(0.22, 1, 0.36, 1) infinite; 3829 } 3830 } 3831 3832 @keyframes chroma-line-drift { 3833 3834 0%, 3835 100% { 3836 background-position: center; 3837 transform: scale(1); 3838 opacity: 0.16; 3839 } 3840 3841 50% { 3842 background-position: center 4px; 3843 transform: scale(1.015); 3844 opacity: 0.24; 3845 } 3846 } 3847 3848 @keyframes chroma-signal-lock { 3849 3850 0%, 3851 100% { 3852 opacity: 0; 3853 } 3854 3855 18% { 3856 opacity: 0; 3857 } 3858 3859 34% { 3860 opacity: 0.35; 3861 } 3862 3863 52% { 3864 opacity: 0.8; 3865 } 3866 3867 70% { 3868 opacity: 0.18; 3869 } 3870 } 3871 3872 @keyframes chroma-score-focus { 3873 3874 0%, 3875 100% { 3876 box-shadow: 3877 inset 0 1px 0 rgba(255, 255, 255, 0.04), 3878 0 0 0 1px rgba(var(--color-primary-rgb), 0.06); 3879 } 3880 3881 30% { 3882 box-shadow: 3883 inset 0 1px 0 rgba(255, 255, 255, 0.05), 3884 0 0 0 1px rgba(var(--color-primary-rgb), 0.12), 3885 0 0 18px rgba(var(--color-primary-rgb), 0.12); 3886 } 3887 3888 52% { 3889 box-shadow: 3890 inset 0 1px 0 rgba(255, 255, 255, 0.06), 3891 0 0 0 1px rgba(var(--color-primary-rgb), 0.18), 3892 0 0 22px rgba(var(--color-primary-rgb), 0.18); 3893 } 3894 3895 74% { 3896 box-shadow: 3897 inset 0 1px 0 rgba(255, 255, 255, 0.04), 3898 0 0 0 1px rgba(var(--color-primary-rgb), 0.08); 3899 } 3900 } 3901 3902 [data-template="chroma"]:not([data-sport="basketball"]) .block.relative.group, 3903 [data-template="chroma"]:not([data-sport="basketball"]) .block.relative.group>.flex { 3904 position: relative; 3905 z-index: 3; 3906 } 3907 3908 [data-template="chroma"]:not([data-sport="basketball"]) .bals-score-track { 3909 display: inline-flex; 3910 align-items: center; 3911 justify-content: center; 3912 gap: 0.26rem; 3913 min-width: auto; 3914 padding: 0.07rem 0.13rem 0.07rem 0.07rem; 3915 border-radius: 999px; 3916 border: 1px solid rgba(var(--color-primary-rgb), 0.36); 3917 background: 3918 linear-gradient(180deg, rgba(8, 18, 15, 0.94) 0%, rgba(6, 15, 13,
39180.98) 100%), 3919 radial-gradient(circle at 18% 50%, rgba(var(--color-primary-rgb), 0.16) 0%, rgba(var(--color-primary-rgb), 0.06) 34%, transparent 64%); 3920 box-shadow: 3921 inset 0 1px 0 rgba(255, 255, 255, 0.04), 3922 0 0 0 1px rgba(var(--color-primary-rgb), 0.06); 3923 box-sizing: border-box; 3924 } 3925 3926 [data-template="chroma"]:not([data-sport="basketball"]) .bals-score-box { 3927 width: 2.2rem; 3928 min-width: 2.2rem; 3929 height: 1.82rem; 3930 padding: 0; 3931 display: inline-flex; 3932 align-items: center; 3933 justify-content: center; 3934 background: transparent; 3935 color: #fff; 3936 font-weight: 800; 3937 font-size: 0.95rem; 3938 line-height: 1; 3939 text-shadow: none; 3940 box-shadow: none; 3941 box-sizing: border-box; 3942 font-variant-numeric: tabular-nums; 3943 flex-shrink: 0; 3944 } 3945 3946 [data-template="chroma"]:not([data-sport="basketball"]) .bals-home-score.bg-gradient-red-bright { 3947 border: 1px solid rgba(var(--color-primary-rgb), 0.92); 3948 border-radius: 999px 0 0 999px; 3949 background: 3950 linear-gradient(180deg, rgba(var(--color-primary-rgb), 0.18) 0%, rgba(var(--color-primary-rgb), 0.08) 100%), 3951 rgba(255, 255, 255, 0.01); 3952 } 3953 3954 [data-template="chroma"]:not([data-sport="basketball"]) .bals-away-score.bg-gradient-red-bright { 3955 width: 2.2rem; 3956 min-width: 2.2rem; 3957 height: 1.82rem; 3958 padding: 0; 3959 border: 1px solid rgba(var(--color-primary-rgb), 0.92); 3960 border-radius: 0 999px 999px 0; 3961 background: 3962 linear-gradient(180deg, rgba(var(--color-primary-rgb), 0.18) 0%, rgba(var(--color-primary-rgb), 0.08) 100%), 3963 rgba(255, 255, 255, 0.01); 3964 } 3965 3966 [data-template="chroma"]:not([data-sport="basketball"]) .bals-score-divider { 3967 width: 0.2rem; 3968 height: 0.2rem; 3969 border-radius: 999px; 3970 background: rgba(236, 255, 242, 0.9); 3971 box-shadow: none; 3972 font-size: 0; 3973 flex-shrink: 0; 3974 align-self: center; 3975 transform: translateY(0.5px); 3976 } 3977 3978 [data-template="chroma"]:not([data-sport="basketball"]) .bals-vs-box { 3979 min-width: 2.2rem; 3980 height: 1.82rem; 3981 padding: 0 0.75rem; 3982 display: inline-flex; 3983 align-items: center; 3984 justify-content: center; 3985 border-radius: 999px; 3986 background: 3987 linear-gradient(180deg, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 100%), 3988 rgba(8, 18, 15, 0.9); 3989 border: 1px solid rgba(var(--color-primary-rgb), 0.86); 3990 color: #fff; 3991 font-weight: 800; 3992 font-size: 0.9rem; 3993 letter-spacing: 0; 3994 line-height: 1; 3995 text-shadow: none; 3996 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04); 3997 font-variant-numeric: tabular-nums; 3998 } 3999 4000 [data-template="chroma"]:not([data-sport="basketball"]) .bals-score-track--vs { 4001 padding: 0; 4002 border: 0; 4003 background: transparent; 4004 } 4005 4006 [data-template="chroma"]:not([data-sport="basketball"]) .bals-time-pill { 4007 display: inline-flex; 4008 align-items: center; 4009 justify-content: center; 4010 gap: 0.35rem; 4011 padding: 0.28rem 0.5rem; 4012 border-radius: 8px; 4013 background: rgba(255, 255, 255, 0.06); 4014 border: 1px solid rgba(255, 255, 255, 0.05); 4015 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03); 4016 backdrop-filter: blur(4px); 4017 -webkit-backdrop-filter: blur(4px); 4018 } 4019 4020 [data-template="chroma"]:not([data-sport="basketball"]) .chroma-commentator-chip { 4021 display: inline-flex; 4022 align-items: center; 4023 gap: 0.4rem; 4024 min-width: 0; 4025 } 4026 4027 [data-template="chroma"]:not([data-sport="basketball"]) .chroma-commentator-frame { 4028 width: 1rem; 4029 height: 1rem; 4030 flex-shrink: 0; 4031 display: inline-flex; 4032 align-items: center; 4033 justify-content: center; 4034 padding: 1px; 4035 border-radius: 999px; 4036 background: 4037 radial-gradient(circle at 30% 28%, rgba(255, 212, 153, 0.4) 0%, rgba(255, 212, 153, 0.08) 34%, transparent 60%), 4038 linear-gradient(180deg, #ffb35b 0%, #ff7a19 100%); 4039 box-shadow: 4040 0 0 0 1px rgba(255, 140, 36, 0.22), 4041 0 4px 10px rgba(0, 0, 0, 0.22); 4042 } 4043 4044 [data-template="chroma"]:not([data-sport="basketball"]) .chroma-commentator-frame img { 4045 width: 100%; 4046 height: 100%; 4047 object-fit: cover; 4048 display: block; 4049 background: #0f1217; 4050 border-radius: 999px; 4051 } 4052 4053 [data-template="chroma"]:not([data-sport="basketball"]) .chroma-commentator-name { 4054 min-width: 0; 4055 color: rgba(255, 255, 255, 0.92); 4056 font-size: 0.8125rem; 4057 font-weight: 500; 4058 line-height: 1; 4059 letter-spacing: 0; 4060 text-transform: none; 4061 text-shadow: 0 1px 4px rgba(0, 0, 0, 0.22); 4062 } 4063 4064 [data-template="chroma"]:not([data-sport="basketball"])[data-accent="featured"] { 4065 border: 2px solid #E97519; 4066 } 4067 4068 [data-template="chroma"]:not([data-sport="basketball"])[data-accent="hot"] { 4069 border: 1px solid #960B12; 4070 } 4071 4072 @media(min-width: 640px) { 4073 4074 [data-template="chroma"]:not([data-sport="basketball"]) .bals-score-box, 4075 [data-template="chroma"]:not([data-sport="basketball"]) .bals-vs-box { 4076 width: 2.35rem; 4077 min-width: 2.35rem; 4078 height: 1.96rem; 4079 } 4080 4081 [data-template="chroma"]:not([data-sport="basketball"]) .bals-away-score.bg-gradient-red-bright { 4082 width: 2.35rem; 4083 min-width: 2.35rem; 4084 height: 1.96rem; 4085 } 4086 4087 [data-template="chroma"]:not([data-sport="basketball"]) .bals-score-track { 4088 gap: 0.3rem; 4089 padding: 0.08rem 0.15rem 0.08rem 0.08rem; 4090 } 4091 4092 [data-template="chroma"]:not([data-sport="basketball"]) .chroma-commentator-chip { 4093 gap: 0.45rem; 4094 } 4095 4096 [data-template="chroma"]:not([data-sport="basketball"]) .chroma-commentator-frame { 4097 width: 1.15rem; 4098 height: 1.15rem; 4099 } 4100 4101 [data-template="chroma"]:not([data-sport="basketball"]) .chroma-commentator-name { 4102 font-size: 0.875rem; 4103 } 4104 } 4105 </style> 4106 4107<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 4108 bals-live-match" 4109 data-accent="" 4110 data-template="chroma" data-match-id="8yomo4h16xykq0j" data-match-time="1791579600" 4111 data-home-team-id="yl5ergphjd4r8k0" data-away-team-id="n54qllh2gjpqvy9" 4112 data-competition-id="p3glrw7hevqdyjv" x-data="{ 4113 activeCount: 0, 4114 showModal: false, 4115 showStreamers: false, 4116 view: 'timeline', 4117 hoverTimer: null, 4118 closeTimer: null, 4119 openModal() { 4120 clearTimeout(this.closeTimer); 4121 this.hoverTimer = setTimeout(() => { 4122 this.showModal = true; 4123 }, 500); 4124 }, 4125 closeModal() { 4126 clearTimeout(this.hoverTimer); 4127 clearTimeout(this.closeTimer); 4128 this.closeTimer = setTimeout(() => { 4129 this.showModal = false;
4130 }, 300); 4131 } 4132 }" 4133 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 4134 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 4135 data-streamer-ids="["69a1aaa7230584579e2d5ce1"]" 4136 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 4137 <div class="block relative group"> 4138 <a href="https://toptrader.io/truc-tiep/gimnasia-la-plata-vs-atletico-tucuman-ngay-10-10-2026/" class="absolute inset-0 z-0" 4139 data-tooltip="Gimnasia La Plata vs Atletico Tucuman lúc 04:00 ngà y 10/10/2026" 4140 data-title="Gimnasia La Plata vs Atletico Tucuman lúc 04:00 ngà y 10/10/2026"></a> 4141 <div class="chroma-signal-lock" aria-hidden="true"></div> 4142 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 4143 4144 <div class="flex items-center justify-between sm:mb-0 mb-2"> 4145 4146 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 4147 <img src="https://img.thesports.com/football/competition/0276a00c0277c8f1cba7b63bd59e281d.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 4148 loading="lazy" /> 4149 <span class="truncate tracking-wide bals-competition-name">Argentine Division 1</span> 4150 </div> 4151 4152 <div 4153 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 4154 <span> 04:00 </span> 4155 <span class="text-gray-400 leading-none text-base">â¢</span> 4156 4157 <span>10/10</span> 4158 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 4159 <span 4160 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 4161 </div> 4162 </div> 4163 4164 <div class="relative"> 4165 4166 <div 4167 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 4168 <span class="bals-status-name mr-1">Hiá»p 2</span> : 4169 <span class="ml-1 bals-elapsed-time">79'</span> </div> 4170 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 4171 4172 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 4173 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 4174 Gimnasia La Plata 4175 </div> 4176 <img data-src="https://static.sportsfeed.pro/football/team/f323884c2481d25aa4b316a43583b733.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Gimnasia La Plata Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 4177 4178 <div 4179 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto" 4180 @mouseenter="openModal()" @mouseleave="closeModal()" > 4181 <div 4182 class="bals-score-track "> 4183 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 4184 <span 4185 class="bals-score-box text-sm sm:text-base bals-home-score" > 4186 0 4187 </span>
4188 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 4189 <span 4190 class="bals-score-box text-sm sm:text-base bals-away-score" > 4191 0 4192 </span> 4193 </div> 4194 </div> 4195 4196 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 4197 <img data-src="https://static.sportsfeed.pro/football/team/2d87cf3b426597f02435e2c72e8def93.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Atletico Tucuman Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 4198 Atletico Tucuman 4199 </div> 4200 </div> 4201 </div> 4202 4203 <div 4204 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 4205 </div> 4206 4207 4208 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" > 4209 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 4210 <!-- HT Score --> 4211 <div class="flex items-center gap-1"> 4212 <span class="text-primary font-semibold">HT</span> 4213 <span class="text-gray-400 bals-ht-score">0-0</span> 4214 </div> 4215 <!-- Corner --> 4216 <div class="flex items-center gap-1"> 4217 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 4218<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 4219<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 4220</svg> 4221 <span class="text-gray-400 bals-corners">9-3</span> 4222 </div> 4223 <!-- Yellow Card --> 4224 <div class="flex items-center gap-1"> 4225 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 4226 <span class="text-gray-400 bals-yellow-cards">2-3</span> 4227 </div> 4228 </div> 4229 </div> 4230 </div> 4231 4232 4233 <div class="space-y-3"> 4234 <div class="h-px w-full border-t-gradient-silver-fade"></div> 4235 <div class="relative"> 4236 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 4237 4238 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 4239 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" > 4240 <!-- HT Score --> 4241 <div class="flex items-center gap-1"> 4242 <span class="text-primary font-semibold">HT</span> 4243 <span class="text-gray-400 bals-ht-score">0-0</span> 4244 </div> 4245 <!-- Corner --> 4246 <div class="flex items-center gap-1"> 4247 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 4248<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 4249<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 4250</svg>
4251 <span class="text-gray-400 bals-corners">9-3</span> 4252 </div> 4253 <!-- Yellow Card --> 4254 <div class="flex items-center gap-1"> 4255 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 4256 class="h-3 w-3" /> 4257 <span 4258 class="text-gray-400 bals-yellow-cards">2-3</span> 4259 </div> 4260 </div> 4261 </div> 4262 4263 4264 <div class="flex-1 min-w-0 flex sm:justify-center justify-start"> 4265 4266 <div class="sm:hidden flex items-center relative pointer-events-auto" 4267 :class="{ 'z-[100]': showStreamers }"> 4268 4269 4270 <div class="flex items-center gap-1.5 text-xs text-gray-light"> 4271 <img data-src="https://bucket.antlive.pro/7f48cb6be263b855a4ef00efe73c08fa-1772263379587-photo_2026-02-28_13-24-03.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-5 w-5 rounded-full object-cover border border-green/60" alt="cá»" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <span class="truncate max-w-[70px]">cá»</span> 4272 </div> 4273 </div> 4274 4275 <div class="hidden sm:flex items-center gap-1.5 relative pointer-events-auto"> 4276 <div class="chroma-commentator-chip"> 4277 <div class="chroma-commentator-frame"> 4278 <img data-src="https://bucket.antlive.pro/7f48cb6be263b855a4ef00efe73c08fa-1772263379587-photo_2026-02-28_13-24-03.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton " alt="cá»" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 4279 <span class="chroma-commentator-name truncate">cá»</span> 4280 </div> 4281 </div> 4282 </div> 4283 4284 4285 <div class="flex-shrink-0 flex items-center"> 4286 <div class="w-[120px] sm:w-[125px] min-w-0"> 4287 <div class="text-right mr-1.5 bals-odds"> 4288 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 4289 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.6</div> 4290 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.53</div> 4291 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">7.5</div> 4292 </div> 4293 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 4294 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.5</div> 4295 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.25</div> 4296 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.5</div> 4297 </div> 4298 </div> 4299 </div> 4300 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 4301 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 4302 </a> 4303 </div> 4304 </div> 4305 </div> 4306 </div> 4307 </div> 4308 </div> 4309 4310 4311 <div x-show="showModal" 4312 @mouseenter="clearTimeout(closeTimer)" 4313 @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)" 4314 x-effect=" 4315 if (showModal && !$el.dataset.modalLoaded) { 4316 $el.dataset.modalLoaded = '1'; 4317 if (typeof loadMatchModal === 'function') loadMatchModal($el); 4318 } 4319 " 4320 data-match-id="8yomo4h16xykq0j" 4321 class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]" 4322 x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95" 4323 x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100" 4324 x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" 4325 style="display: none;" 4326 :style="{ 4327 top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto', 4328 bottom: $el.getBoundingClientRect().top >
4328= 300 ? 'calc(100% - 10px)' : 'auto', 4329 left: '50%', 4330 transform: 'translateX(-50%)' 4331 }"> 4332 <div class="modal-content"> 4333 <div class="p-6 text-center text-gray-400 text-xs">Loading...</div> 4334 </div> 4335 </div> 4336</div> 4337<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 4338 bals-live-match" 4339 data-accent="" 4340 data-template="chroma" data-match-id="pxwrxlhy0eljryk" data-match-time="1791585000" 4341 data-home-team-id="gx7lm7ph40vm2wd" data-away-team-id="z8yomo4hj31q0j6" 4342 data-competition-id="p3glrw7hevqdyjv" x-data="{ 4343 activeCount: 0, 4344 showModal: false, 4345 showStreamers: false, 4346 view: 'timeline', 4347 hoverTimer: null, 4348 closeTimer: null, 4349 openModal() { 4350 clearTimeout(this.closeTimer); 4351 this.hoverTimer = setTimeout(() => { 4352 this.showModal = true; 4353 }, 500); 4354 }, 4355 closeModal() { 4356 clearTimeout(this.hoverTimer); 4357 clearTimeout(this.closeTimer); 4358 this.closeTimer = setTimeout(() => { 4359 this.showModal = false; 4360 }, 300); 4361 } 4362 }" 4363 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 4364 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 4365 data-streamer-ids="["69b8e6f43bcf2231c35d5144"]" 4366 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 4367 <div class="block relative group"> 4368 <a href="https://toptrader.io/truc-tiep/instituto-de-cordoba-vs-boca-juniors-ngay-10-10-2026/" class="absolute inset-0 z-0" 4369 data-tooltip="Instituto vs Boca Juniors lúc 05:30 ngà y 10/10/2026" 4370 data-title="Instituto vs Boca Juniors lúc 05:30 ngà y 10/10/2026"></a> 4371 <div class="chroma-signal-lock" aria-hidden="true"></div> 4372 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 4373 4374 <div class="flex items-center justify-between sm:mb-0 mb-2"> 4375 4376 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 4377 <img src="https://img.thesports.com/football/competition/0276a00c0277c8f1cba7b63bd59e281d.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 4378 loading="lazy" /> 4379 <span class="truncate tracking-wide bals-competition-name">Argentine Division 1</span> 4380 </div> 4381 4382 <div 4383 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 4384 <span> 05:30 </span> 4385 <span class="text-gray-400 leading-none text-base">â¢</span> 4386 4387 <span>10/10</span> 4388 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 4389 <span 4390 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 4391 </div> 4392 </div> 4393 4394 <div class="relative"> 4395 4396 <div 4397 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 4398 <span class="bals-status-name mr-1">Hiá»p 1</span> : 4399 <span class="ml-1 bals-elapsed-time">1'</span> </div> 4400 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 4401 4402 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 4403 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 4404 Instituto 4405 </div> 4406 <img data-src="https://static.sportsfeed.pro/football/team/a01279fdf6589b3c11529ca1ab4201fc.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Instituto Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 4407 4408 <div 4409 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto" 4410 > 4411 <div 4412 class="bals-score-track ">
4413 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 4414 <span 4415 class="bals-score-box text-sm sm:text-base bals-home-score" > 4416 0 4417 </span> 4418 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 4419 <span 4420 class="bals-score-box text-sm sm:text-base bals-away-score" > 4421 0 4422 </span> 4423 </div> 4424 </div> 4425 4426 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 4427 <img data-src="https://static.sportsfeed.pro/football/team/9ed2c4f6adc51975cdbd2a93093e6a43.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Boca Juniors Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 4428 Boca Juniors 4429 </div> 4430 </div> 4431 </div> 4432 4433 <div 4434 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 4435 </div> 4436 4437 4438 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" > 4439 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 4440 <!-- HT Score --> 4441 <div class="flex items-center gap-1"> 4442 <span class="text-primary font-semibold">HT</span> 4443 <span class="text-gray-400 bals-ht-score">0-0</span> 4444 </div> 4445 <!-- Corner --> 4446 <div class="flex items-center gap-1"> 4447 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 4448<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 4449<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 4450</svg> 4451 <span class="text-gray-400 bals-corners">0-0</span> 4452 </div> 4453 <!-- Yellow Card --> 4454 <div class="flex items-center gap-1"> 4455 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 4456 <span class="text-gray-400 bals-yellow-cards">0-0</span> 4457 </div> 4458 </div> 4459 </div> 4460 </div> 4461 4462 4463 <div class="space-y-3"> 4464 <div class="h-px w-full border-t-gradient-silver-fade"></div> 4465 <div class="relative"> 4466 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 4467 4468 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 4469 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" > 4470 <!-- HT Score --> 4471 <div class="flex items-center gap-1"> 4472 <span class="text-primary font-semibold">HT</span> 4473 <span class="text-gray-400 bals-ht-score">0-0</span> 4474 </div> 4475 <!-- Corner --> 4476 <div class="flex items-center gap-1"> 4477 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 4478<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 4479<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 4480</svg>
4481 <span class="text-gray-400 bals-corners">0-0</span> 4482 </div> 4483 <!-- Yellow Card --> 4484 <div class="flex items-center gap-1"> 4485 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 4486 class="h-3 w-3" /> 4487 <span 4488 class="text-gray-400 bals-yellow-cards">0-0</span> 4489 </div> 4490 </div> 4491 </div> 4492 4493 4494 <div class="flex-1 min-w-0 flex sm:justify-center justify-start"> 4495 4496 <div class="sm:hidden flex items-center relative pointer-events-auto" 4497 :class="{ 'z-[100]': showStreamers }"> 4498 4499 4500 <div class="flex items-center gap-1.5 text-xs text-gray-light"> 4501 <img data-src="https://bucket.antlive.pro/cafc255dc6e263fb0fd6ab2824ff5e08-1773731703855-photo_2026-03-10_09-54-33.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-5 w-5 rounded-full object-cover border border-green/60" alt="KAYTI" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <span class="truncate max-w-[70px]">KAYTI</span> 4502 </div> 4503 </div> 4504 4505 <div class="hidden sm:flex items-center gap-1.5 relative pointer-events-auto"> 4506 <div class="chroma-commentator-chip"> 4507 <div class="chroma-commentator-frame"> 4508 <img data-src="https://bucket.antlive.pro/cafc255dc6e263fb0fd6ab2824ff5e08-1773731703855-photo_2026-03-10_09-54-33.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton " alt="KAYTI" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 4509 <span class="chroma-commentator-name truncate">KAYTI</span> 4510 </div> 4511 </div> 4512 </div> 4513 4514 4515 <div class="flex-shrink-0 flex items-center"> 4516 <div class="w-[120px] sm:w-[125px] min-w-0"> 4517 <div class="text-right mr-1.5 bals-odds"> 4518 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 4519 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.25</div> 4520 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3</div> 4521 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.45</div> 4522 </div> 4523 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 4524 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.77</div> 4525 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-0.25</div> 4526 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.02</div> 4527 </div> 4528 </div> 4529 </div> 4530 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 4531 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 4532 </a> 4533 </div> 4534 </div> 4535 </div> 4536 </div> 4537 </div> 4538 </div> 4539 4540 4541 </div> 4542<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 4543 bals-live-match" 4544 data-accent="" 4545 data-template="chroma" data-match-id="y0or5jh9xd9lqwz" data-match-time="1791579600" 4546 data-home-team-id="6ypq3nhl9x1md7o" data-away-team-id="dn1m1gh86wpmoep" 4547 data-competition-id="jednm9whk0ryox8" x-data="{ 4548 activeCount: 0, 4549 showModal: false, 4550 showStreamers: false, 4551 view: 'timeline', 4552 hoverTimer: null, 4553 closeTimer: null, 4554 openModal() { 4555 clearTimeout(this.closeTimer); 4556 this.hoverTimer = setTimeout(() => { 4557 this.showModal = true; 4558 }, 500); 4559 }, 4560 closeModal() { 4561 clearTimeout(this.hoverTimer); 4562 clearTimeout(this.closeTimer); 4563 this.closeTimer = setTimeout(() => { 4564 this.showModal = false;
4565 }, 300); 4566 } 4567 }" 4568 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 4569 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 4570 4571 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 4572 <div class="block relative group"> 4573 <a href="https://toptrader.io/truc-tiep/belize-u16-vs-honduras-u16-ngay-10-10-2026/" class="absolute inset-0 z-0" 4574 data-tooltip="Belize U16 vs Honduras U16 lúc 04:00 ngà y 10/10/2026" 4575 data-title="Belize U16 vs Honduras U16 lúc 04:00 ngà y 10/10/2026"></a> 4576 <div class="chroma-signal-lock" aria-hidden="true"></div> 4577 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 4578 4579 <div class="flex items-center justify-between sm:mb-0 mb-2"> 4580 4581 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 4582 <img src="https://img.thesports.com/football/competition/4e7c9460ee862d47c2ce6debfef6aace.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 4583 loading="lazy" /> 4584 <span class="truncate tracking-wide bals-competition-name">International Friendly</span> 4585 </div> 4586 4587 <div 4588 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 4589 <span> 04:00 </span> 4590 <span class="text-gray-400 leading-none text-base">â¢</span> 4591 4592 <span>10/10</span> 4593 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 4594 <span 4595 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 4596 </div> 4597 </div> 4598 4599 <div class="relative"> 4600 4601 <div 4602 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 4603 <span class="bals-status-name mr-1">Hiá»p 2</span> : 4604 <span class="ml-1 bals-elapsed-time">77'</span> </div> 4605 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 4606 4607 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 4608 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 4609 Belize U16 4610 </div> 4611 <img data-src="https://static.sportsfeed.pro/football/team/b56201c63800e5c2212950bfba3d31ec.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Belize U16 Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 4612 4613 <div 4614 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto" 4615 @mouseenter="openModal()" @mouseleave="closeModal()" > 4616 <div 4617 class="bals-score-track "> 4618 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 4619 <span 4620 class="bals-score-box text-sm sm:text-base bals-home-score" > 4621 0 4622 </span>
4623 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 4624 <span 4625 class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-away-score" > 4626 4 4627 </span> 4628 </div> 4629 </div> 4630 4631 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 4632 <img data-src="https://img.thesports.com/football/team/9519855212c30807d261433d45efac38.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Honduras U16 Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 4633 Honduras U16 4634 </div> 4635 </div> 4636 </div> 4637 4638 <div 4639 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 4640 </div> 4641 4642 4643 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" > 4644 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 4645 <!-- HT Score --> 4646 <div class="flex items-center gap-1"> 4647 <span class="text-primary font-semibold">HT</span> 4648 <span class="text-gray-400 bals-ht-score">0-1</span> 4649 </div> 4650 <!-- Corner --> 4651 <div class="flex items-center gap-1"> 4652 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 4653<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 4654<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 4655</svg> 4656 <span class="text-gray-400 bals-corners">0-0</span> 4657 </div> 4658 <!-- Yellow Card --> 4659 <div class="flex items-center gap-1"> 4660 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 4661 <span class="text-gray-400 bals-yellow-cards">0-0</span> 4662 </div> 4663 </div> 4664 </div> 4665 </div> 4666 4667 4668 <div class="space-y-3"> 4669 <div class="h-px w-full border-t-gradient-silver-fade"></div> 4670 <div class="relative"> 4671 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 4672 4673 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 4674 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" > 4675 <!-- HT Score --> 4676 <div class="flex items-center gap-1"> 4677 <span class="text-primary font-semibold">HT</span> 4678 <span class="text-gray-400 bals-ht-score">0-1</span> 4679 </div> 4680 <!-- Corner --> 4681 <div class="flex items-center gap-1"> 4682 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 4683<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 4684<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 4685</svg>
4686 <span class="text-gray-400 bals-corners">0-0</span> 4687 </div> 4688 <!-- Yellow Card --> 4689 <div class="flex items-center gap-1"> 4690 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 4691 class="h-3 w-3" /> 4692 <span 4693 class="text-gray-400 bals-yellow-cards">0-0</span> 4694 </div> 4695 </div> 4696 </div> 4697 4698 4699 <div class="flex-1 min-w-0"></div> 4700 4701 4702 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 4703 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 4704 </a></div> 4705 </div> 4706 </div> 4707 </div> 4708 </div> 4709 </div> 4710 4711 4712 <div x-show="showModal" 4713 @mouseenter="clearTimeout(closeTimer)" 4714 @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)" 4715 x-effect=" 4716 if (showModal && !$el.dataset.modalLoaded) { 4717 $el.dataset.modalLoaded = '1'; 4718 if (typeof loadMatchModal === 'function') loadMatchModal($el); 4719 } 4720 " 4721 data-match-id="y0or5jh9xd9lqwz" 4722 class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]" 4723 x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95" 4724 x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100" 4725 x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" 4726 style="display: none;" 4727 :style="{ 4728 top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto', 4729 bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto', 4730 left: '50%', 4731 transform: 'translateX(-50%)' 4732 }"> 4733 <div class="modal-content"> 4734 <div class="p-6 text-center text-gray-400 text-xs">Loading...</div> 4735 </div> 4736 </div> 4737</div> 4738<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 4739 bals-live-match" 4740 data-accent="" 4741 data-template="chroma" data-match-id="vjxm8gheyevvr6o" data-match-time="1791579600" 4742 data-home-team-id="2y8m4zhj048ql07" data-away-team-id="ednm9whk02eryox" 4743 data-competition-id="4zp5rzghkzq82w1" x-data="{ 4744 activeCount: 0, 4745 showModal: false, 4746 showStreamers: false, 4747 view: 'timeline', 4748 hoverTimer: null, 4749 closeTimer: null, 4750 openModal() { 4751 clearTimeout(this.closeTimer); 4752 this.hoverTimer = setTimeout(() => { 4753 this.showModal = true; 4754 }, 500); 4755 }, 4756 closeModal() { 4757 clearTimeout(this.hoverTimer); 4758 clearTimeout(this.closeTimer); 4759 this.closeTimer = setTimeout(() => { 4760 this.showModal = false; 4761 }, 300); 4762 } 4763 }" 4764 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 4765 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 4766 4767 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 4768 <div class="block relative group"> 4769 <a href="https://toptrader.io/truc-tiep/platense-vs-juticalpa-ngay-10-10-2026/" class="absolute inset-0 z-0" 4770 data-tooltip="Platense vs Juticalpa lúc 04:00 ngà y 10/10/2026" 4771 data-title="Platense vs Juticalpa lúc 04:00 ngà y 10/10/2026"></a> 4772 <div class="chroma-signal-lock" aria-hidden="true"></div> 4773 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 4774 4775 <div class="flex items-center justify-between sm:mb-0 mb-2"> 4776 4777 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 4778 <img src="https://img.thesports.com/football/competition/9aff290c0f76a087fb44a4f2a981e0fd.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 4779 loading="lazy" />
4780 <span class="truncate tracking-wide bals-competition-name">Honduras Primera Division</span> 4781 </div> 4782 4783 <div 4784 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 4785 <span> 04:00 </span> 4786 <span class="text-gray-400 leading-none text-base">â¢</span> 4787 4788 <span>10/10</span> 4789 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 4790 <span 4791 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 4792 </div> 4793 </div> 4794 4795 <div class="relative"> 4796 4797 <div 4798 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 4799 <span class="bals-status-name mr-1">Hiá»p 2</span> : 4800 <span class="ml-1 bals-elapsed-time">65'</span> </div> 4801 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 4802 4803 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 4804 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 4805 Platense 4806 </div> 4807 <img data-src="https://static.sportsfeed.pro/football/team/c2c2c063f8d335619da7a1b322317ed6.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Platense Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 4808 4809 <div 4810 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto" 4811 @mouseenter="openModal()" @mouseleave="closeModal()" > 4812 <div 4813 class="bals-score-track "> 4814 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 4815 <span 4816 class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-home-score" > 4817 2 4818 </span> 4819 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 4820 <span 4821 class="bals-score-box text-sm sm:text-base bals-away-score" > 4822 1 4823 </span> 4824 </div> 4825 </div> 4826 4827 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 4828 <img data-src="https://static.sportsfeed.pro/football/team/95528a653730e4118bed5f060739ebf2.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Juticalpa Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 4829 Juticalpa 4830 </div> 4831 </div> 4832 </div> 4833 4834 <div 4835 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 4836 </div> 4837 4838 4839 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" > 4840 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 4841 <!-- HT Score --> 4842 <div class="flex items-center gap-1">
4843 <span class="text-primary font-semibold">HT</span> 4844 <span class="text-gray-400 bals-ht-score">1-1</span> 4845 </div> 4846 <!-- Corner --> 4847 <div class="flex items-center gap-1"> 4848 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 4849<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 4850<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 4851</svg> 4852 <span class="text-gray-400 bals-corners">3-7</span> 4853 </div> 4854 <!-- Yellow Card --> 4855 <div class="flex items-center gap-1"> 4856 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 4857 <span class="text-gray-400 bals-yellow-cards">1-2</span> 4858 </div> 4859 </div> 4860 </div> 4861 </div> 4862 4863 4864 <div class="space-y-3"> 4865 <div class="h-px w-full border-t-gradient-silver-fade"></div> 4866 <div class="relative"> 4867 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 4868 4869 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 4870 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" > 4871 <!-- HT Score --> 4872 <div class="flex items-center gap-1"> 4873 <span class="text-primary font-semibold">HT</span> 4874 <span class="text-gray-400 bals-ht-score">1-1</span> 4875 </div> 4876 <!-- Corner --> 4877 <div class="flex items-center gap-1"> 4878 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 4879<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 4880<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 4881</svg> 4882 <span class="text-gray-400 bals-corners">3-7</span> 4883 </div> 4884 <!-- Yellow Card --> 4885 <div class="flex items-center gap-1"> 4886 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 4887 class="h-3 w-3" /> 4888 <span 4889 class="text-gray-400 bals-yellow-cards">1-2</span> 4890 </div> 4891 </div> 4892 </div> 4893 4894 4895 <div class="flex-1 min-w-0"></div> 4896 4897 4898 <div class="flex-shrink-0 flex items-center"> 4899 <div class="w-[120px] sm:w-[125px] min-w-0"> 4900 <div class="text-right mr-1.5 bals-odds"> 4901 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 4902 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.5</div> 4903 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.1</div> 4904 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">4.75</div> 4905 </div> 4906 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 4907 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.97</div> 4908 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.25</div> 4909 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.82</div> 4910 </div> 4911 </div> 4912 </div> 4913 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 4914 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 4915 </a> 4916 </div> 4917 </div> 4918 </div> 4919 </div> 4920 </div> 4921 </div> 4922 4923 4924 <div x-show="showModal" 4925 @mouseenter="clearTimeout(closeTimer)" 4926 @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)" 4927 x-effect=" 4928 if (showModal && !$el.dataset.modalLoaded) { 4929 $el.dataset.modalLoaded = '1'; 4930 if (typeof loadMatchModal === 'function') loadMatchModal($el); 4931 } 4932 " 4933 data-match-id="vjxm8gheyevvr6o" 4934 class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]" 4935 x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95" 4936 x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100" 4937 x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" 4938 style="display: none;" 4939 :style="{ 4940 top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto', 4941 bottom: $el.getBoundingClientRect().top >
4941= 300 ? 'calc(100% - 10px)' : 'auto', 4942 left: '50%', 4943 transform: 'translateX(-50%)' 4944 }"> 4945 <div class="modal-content"> 4946 <div class="p-6 text-center text-gray-400 text-xs">Loading...</div> 4947 </div> 4948 </div> 4949</div> 4950<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 4951 bals-live-match" 4952 data-accent="" 4953 data-template="chroma" data-match-id="2y8m4zhv09e0ql0" data-match-time="1791579600" 4954 data-home-team-id="318q66hk3dgqo9j" data-away-team-id="vjxm8ghxnedr6od" 4955 data-competition-id="kn54qllhjxdqvy9" x-data="{ 4956 activeCount: 0, 4957 showModal: false, 4958 showStreamers: false, 4959 view: 'timeline', 4960 hoverTimer: null, 4961 closeTimer: null, 4962 openModal() { 4963 clearTimeout(this.closeTimer); 4964 this.hoverTimer = setTimeout(() => { 4965 this.showModal = true; 4966 }, 500); 4967 }, 4968 closeModal() { 4969 clearTimeout(this.hoverTimer); 4970 clearTimeout(this.closeTimer); 4971 this.closeTimer = setTimeout(() => { 4972 this.showModal = false; 4973 }, 300); 4974 } 4975 }" 4976 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 4977 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 4978 4979 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 4980 <div class="block relative group"> 4981 <a href="https://toptrader.io/truc-tiep/neo-pipil-san-juan-nonualco-vs-ad-san-rafael-ngay-10-10-2026/" class="absolute inset-0 z-0" 4982 data-tooltip="NEO Pipil San Juan Nonualco vs AD San Rafael lúc 04:00 ngà y 10/10/2026" 4983 data-title="NEO Pipil San Juan Nonualco vs AD San Rafael lúc 04:00 ngà y 10/10/2026"></a> 4984 <div class="chroma-signal-lock" aria-hidden="true"></div> 4985 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 4986 4987 <div class="flex items-center justify-between sm:mb-0 mb-2"> 4988 4989 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 4990 <img src="https://img.thesports.com/football/competition/3322c76c681dd7c62fe74f184769475b.jpg" alt="League" class="h-4 sm:h-5 w-auto object-contain" 4991 loading="lazy" /> 4992 <span class="truncate tracking-wide bals-competition-name">El Salvador Segunda Division</span> 4993 </div> 4994 4995 <div 4996 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 4997 <span> 04:00 </span> 4998 <span class="text-gray-400 leading-none text-base">â¢</span> 4999 5000 <span>10/10</span> 5001 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 5002 <span 5003 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 5004 </div> 5005 </div> 5006 5007 <div class="relative"> 5008 5009 <div 5010 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 5011 <span class="bals-status-name mr-1">Hiá»p 2</span> : 5012 <span class="ml-1 bals-elapsed-time">73'</span> </div> 5013 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 5014 5015 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 5016 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 5017 NEO Pipil San Juan Nonualco 5018 </div> 5019 <img data-src="https://static.sportsfeed.pro/football/team/559a63da35c465e82da3e3a31a6a6ab0.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="NEO Pipil San Juan Nonualco Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 5020 5021 <div 5022 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
5023 @mouseenter="openModal()" @mouseleave="closeModal()" > 5024 <div 5025 class="bals-score-track "> 5026 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 5027 <span 5028 class="bals-score-box text-sm sm:text-base bals-home-score" > 5029 0 5030 </span> 5031 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 5032 <span 5033 class="bals-score-box text-sm sm:text-base bals-away-score" > 5034 0 5035 </span> 5036 </div> 5037 </div> 5038 5039 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 5040 <img data-src="https://static.sportsfeed.pro/football/team/52aee054844e39be88d4317fe67745b2.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="AD San Rafael Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 5041 AD San Rafael 5042 </div> 5043 </div> 5044 </div> 5045 5046 <div 5047 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 5048 </div> 5049 5050 5051 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" > 5052 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 5053 <!-- HT Score --> 5054 <div class="flex items-center gap-1"> 5055 <span class="text-primary font-semibold">HT</span> 5056 <span class="text-gray-400 bals-ht-score">0-0</span> 5057 </div> 5058 <!-- Corner --> 5059 <div class="flex items-center gap-1"> 5060 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 5061<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 5062<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 5063</svg> 5064 <span class="text-gray-400 bals-corners">4-4</span> 5065 </div> 5066 <!-- Yellow Card --> 5067 <div class="flex items-center gap-1"> 5068 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 5069 <span class="text-gray-400 bals-yellow-cards">1-0</span> 5070 </div> 5071 </div> 5072 </div> 5073 </div> 5074 5075 5076 <div class="space-y-3"> 5077 <div class="h-px w-full border-t-gradient-silver-fade"></div> 5078 <div class="relative"> 5079 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 5080 5081 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 5082 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" > 5083 <!-- HT Score --> 5084 <div class="flex items-center gap-1">
5085 <span class="text-primary font-semibold">HT</span> 5086 <span class="text-gray-400 bals-ht-score">0-0</span> 5087 </div> 5088 <!-- Corner --> 5089 <div class="flex items-center gap-1"> 5090 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 5091<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 5092<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 5093</svg> 5094 <span class="text-gray-400 bals-corners">4-4</span> 5095 </div> 5096 <!-- Yellow Card --> 5097 <div class="flex items-center gap-1"> 5098 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 5099 class="h-3 w-3" /> 5100 <span 5101 class="text-gray-400 bals-yellow-cards">1-0</span> 5102 </div> 5103 </div> 5104 </div> 5105 5106 5107 <div class="flex-1 min-w-0"></div> 5108 5109 5110 <div class="flex-shrink-0 flex items-center"> 5111 <div class="w-[120px] sm:w-[125px] min-w-0"> 5112 <div class="text-right mr-1.5 bals-odds"> 5113 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 5114 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">4</div> 5115 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.83</div> 5116 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.2</div> 5117 </div> 5118 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 5119 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.15</div> 5120 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0</div> 5121 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.67</div> 5122 </div> 5123 </div> 5124 </div> 5125 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 5126 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 5127 </a> 5128 </div> 5129 </div> 5130 </div> 5131 </div> 5132 </div> 5133 </div> 5134 5135 5136 <div x-show="showModal" 5137 @mouseenter="clearTimeout(closeTimer)" 5138 @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)" 5139 x-effect=" 5140 if (showModal && !$el.dataset.modalLoaded) { 5141 $el.dataset.modalLoaded = '1'; 5142 if (typeof loadMatchModal === 'function') loadMatchModal($el); 5143 } 5144 " 5145 data-match-id="2y8m4zhv09e0ql0" 5146 class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]" 5147 x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95" 5148 x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100" 5149 x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" 5150 style="display: none;" 5151 :style="{ 5152 top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto', 5153 bottom: $el.getBoundingClientRect().top >
5153= 300 ? 'calc(100% - 10px)' : 'auto', 5154 left: '50%', 5155 transform: 'translateX(-50%)' 5156 }"> 5157 <div class="modal-content"> 5158 <div class="p-6 text-center text-gray-400 text-xs">Loading...</div> 5159 </div> 5160 </div> 5161</div> 5162<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 5163 bals-live-match" 5164 data-accent="" 5165 data-template="chroma" data-match-id="318q66h8zyovqo9" data-match-time="1791579600" 5166 data-home-team-id="3glrw7hoxn5qdyj" data-away-team-id="1l4rjnhe9xym7vx" 5167 data-competition-id="p3glrw7hz2xqdyj" x-data="{ 5168 activeCount: 0, 5169 showModal: false, 5170 showStreamers: false, 5171 view: 'timeline', 5172 hoverTimer: null, 5173 closeTimer: null, 5174 openModal() { 5175 clearTimeout(this.closeTimer); 5176 this.hoverTimer = setTimeout(() => { 5177 this.showModal = true; 5178 }, 500); 5179 }, 5180 closeModal() { 5181 clearTimeout(this.hoverTimer); 5182 clearTimeout(this.closeTimer); 5183 this.closeTimer = setTimeout(() => { 5184 this.showModal = false; 5185 }, 300); 5186 } 5187 }" 5188 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 5189 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 5190 5191 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 5192 <div class="block relative group"> 5193 <a href="https://toptrader.io/truc-tiep/real-tm-vs-dragones-toluca-ii-ngay-10-10-2026/" class="absolute inset-0 z-0" 5194 data-tooltip="Real TM vs Dragones Toluca II lúc 04:00 ngà y 10/10/2026" 5195 data-title="Real TM vs Dragones Toluca II lúc 04:00 ngà y 10/10/2026"></a> 5196 <div class="chroma-signal-lock" aria-hidden="true"></div> 5197 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 5198 5199 <div class="flex items-center justify-between sm:mb-0 mb-2"> 5200 5201 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 5202 <img src="https://img.thesports.com/football/competition/0f30f046ff820225afa535697ba464e4.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 5203 loading="lazy" /> 5204 <span class="truncate tracking-wide bals-competition-name">Mexican TDP League</span> 5205 </div> 5206 5207 <div 5208 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 5209 <span> 04:00 </span> 5210 <span class="text-gray-400 leading-none text-base">â¢</span> 5211 5212 <span>10/10</span> 5213 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 5214 <span 5215 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 5216 </div> 5217 </div> 5218 5219 <div class="relative"> 5220 5221 <div 5222 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 5223 <span class="bals-status-name mr-1">Hiá»p 2</span> : 5224 <span class="ml-1 bals-elapsed-time">74'</span> </div> 5225 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 5226 5227 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 5228 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 5229 Real TM 5230 </div> 5231 <img data-src="https://static.sportsfeed.pro/football/team/b26c50dfbbe83255a2fe51542bee75a4.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Real TM Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 5232 5233 <div 5234 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
5235 @mouseenter="openModal()" @mouseleave="closeModal()" > 5236 <div 5237 class="bals-score-track "> 5238 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 5239 <span 5240 class="bals-score-box text-sm sm:text-base bals-home-score" > 5241 1 5242 </span> 5243 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 5244 <span 5245 class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-away-score" > 5246 2 5247 </span> 5248 </div> 5249 </div> 5250 5251 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 5252 <img data-src="https://static.sportsfeed.pro/football/team/ccb00bcac03fcadcc5e350dbaf5edbc0.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Dragones Toluca II Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 5253 Dragones Toluca II 5254 </div> 5255 </div> 5256 </div> 5257 5258 <div 5259 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 5260 </div> 5261 5262 5263 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" > 5264 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 5265 <!-- HT Score --> 5266 <div class="flex items-center gap-1"> 5267 <span class="text-primary font-semibold">HT</span> 5268 <span class="text-gray-400 bals-ht-score">1-0</span> 5269 </div> 5270 <!-- Corner --> 5271 <div class="flex items-center gap-1"> 5272 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 5273<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 5274<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 5275</svg> 5276 <span class="text-gray-400 bals-corners">6-5</span> 5277 </div> 5278 <!-- Yellow Card --> 5279 <div class="flex items-center gap-1"> 5280 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 5281 <span class="text-gray-400 bals-yellow-cards">1-1</span> 5282 </div> 5283 </div> 5284 </div> 5285 </div> 5286 5287 5288 <div class="space-y-3"> 5289 <div class="h-px w-full border-t-gradient-silver-fade"></div> 5290 <div class="relative"> 5291 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 5292 5293 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 5294 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" > 5295 <!-- HT Score --> 5296 <div class="flex items-center gap-1">
5297 <span class="text-primary font-semibold">HT</span> 5298 <span class="text-gray-400 bals-ht-score">1-0</span> 5299 </div> 5300 <!-- Corner --> 5301 <div class="flex items-center gap-1"> 5302 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 5303<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 5304<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 5305</svg> 5306 <span class="text-gray-400 bals-corners">6-5</span> 5307 </div> 5308 <!-- Yellow Card --> 5309 <div class="flex items-center gap-1"> 5310 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 5311 class="h-3 w-3" /> 5312 <span 5313 class="text-gray-400 bals-yellow-cards">1-1</span> 5314 </div> 5315 </div> 5316 </div> 5317 5318 5319 <div class="flex-1 min-w-0"></div> 5320 5321 5322 <div class="flex-shrink-0 flex items-center"> 5323 <div class="w-[120px] sm:w-[125px] min-w-0"> 5324 <div class="text-right mr-1.5 bals-odds"> 5325 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 5326 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">11</div> 5327 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">4.75</div> 5328 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.25</div> 5329 </div> 5330 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 5331 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.15</div> 5332 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0</div> 5333 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.67</div> 5334 </div> 5335 </div> 5336 </div> 5337 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 5338 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 5339 </a> 5340 </div> 5341 </div> 5342 </div> 5343 </div> 5344 </div> 5345 </div> 5346 5347 5348 <div x-show="showModal" 5349 @mouseenter="clearTimeout(closeTimer)" 5350 @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)" 5351 x-effect=" 5352 if (showModal && !$el.dataset.modalLoaded) { 5353 $el.dataset.modalLoaded = '1'; 5354 if (typeof loadMatchModal === 'function') loadMatchModal($el); 5355 } 5356 " 5357 data-match-id="318q66h8zyovqo9" 5358 class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]" 5359 x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95" 5360 x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100" 5361 x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" 5362 style="display: none;" 5363 :style="{ 5364 top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto', 5365 bottom: $el.getBoundingClientRect().top >
5365= 300 ? 'calc(100% - 10px)' : 'auto', 5366 left: '50%', 5367 transform: 'translateX(-50%)' 5368 }"> 5369 <div class="modal-content"> 5370 <div class="p-6 text-center text-gray-400 text-xs">Loading...</div> 5371 </div> 5372 </div> 5373</div> 5374<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 5375 bals-live-match" 5376 data-accent="" 5377 data-template="chroma" data-match-id="dn1m1gh9vy43moe" data-match-time="1791579600" 5378 data-home-team-id="n54qllhj549qvy9" data-away-team-id="zp5rzghxx51q82w" 5379 data-competition-id="p3glrw7hz2xqdyj" x-data="{ 5380 activeCount: 0, 5381 showModal: false, 5382 showStreamers: false, 5383 view: 'timeline', 5384 hoverTimer: null, 5385 closeTimer: null, 5386 openModal() { 5387 clearTimeout(this.closeTimer); 5388 this.hoverTimer = setTimeout(() => { 5389 this.showModal = true; 5390 }, 500); 5391 }, 5392 closeModal() { 5393 clearTimeout(this.hoverTimer); 5394 clearTimeout(this.closeTimer); 5395 this.closeTimer = setTimeout(() => { 5396 this.showModal = false; 5397 }, 300); 5398 } 5399 }" 5400 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 5401 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 5402 5403 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 5404 <div class="block relative group"> 5405 <a href="https://toptrader.io/truc-tiep/cd-pioneros-junior-vs-mons-calpe-sc-yucatan-ngay-10-10-2026/" class="absolute inset-0 z-0" 5406 data-tooltip="CD Pioneros Junior vs Mons Calpe SC Yucatan lúc 04:00 ngà y 10/10/2026" 5407 data-title="CD Pioneros Junior vs Mons Calpe SC Yucatan lúc 04:00 ngà y 10/10/2026"></a> 5408 <div class="chroma-signal-lock" aria-hidden="true"></div> 5409 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 5410 5411 <div class="flex items-center justify-between sm:mb-0 mb-2"> 5412 5413 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 5414 <img src="https://img.thesports.com/football/competition/0f30f046ff820225afa535697ba464e4.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 5415 loading="lazy" /> 5416 <span class="truncate tracking-wide bals-competition-name">Mexican TDP League</span> 5417 </div> 5418 5419 <div 5420 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 5421 <span> 04:00 </span> 5422 <span class="text-gray-400 leading-none text-base">â¢</span> 5423 5424 <span>10/10</span> 5425 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 5426 <span 5427 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 5428 </div> 5429 </div> 5430 5431 <div class="relative"> 5432 5433 <div 5434 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 5435 <span class="bals-status-name mr-1">Hiá»p 2</span> : 5436 <span class="ml-1 bals-elapsed-time">59'</span> </div> 5437 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 5438 5439 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 5440 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 5441 CD Pioneros Junior 5442 </div> 5443 <img data-src="https://static.sportsfeed.pro/football/team/e62dc5659efc9be293d983c3b1b00f99.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="CD Pioneros Junior Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 5444 5445 <div 5446 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
5447 @mouseenter="openModal()" @mouseleave="closeModal()" > 5448 <div 5449 class="bals-score-track "> 5450 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 5451 <span 5452 class="bals-score-box text-sm sm:text-base bals-home-score" > 5453 1 5454 </span> 5455 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 5456 <span 5457 class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-away-score" > 5458 2 5459 </span> 5460 </div> 5461 </div> 5462 5463 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 5464 <img data-src="https://static.sportsfeed.pro/football/team/d7379af7c2a186a6db98973ceaad9b2d.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Mons Calpe SC Yucatan Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 5465 Mons Calpe SC Yucatan 5466 </div> 5467 </div> 5468 </div> 5469 5470 <div 5471 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 5472 </div> 5473 5474 5475 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" > 5476 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 5477 <!-- HT Score --> 5478 <div class="flex items-center gap-1"> 5479 <span class="text-primary font-semibold">HT</span> 5480 <span class="text-gray-400 bals-ht-score">1-2</span> 5481 </div> 5482 <!-- Corner --> 5483 <div class="flex items-center gap-1"> 5484 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 5485<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 5486<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 5487</svg> 5488 <span class="text-gray-400 bals-corners">4-1</span> 5489 </div> 5490 <!-- Yellow Card --> 5491 <div class="flex items-center gap-1"> 5492 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 5493 <span class="text-gray-400 bals-yellow-cards">1-0</span> 5494 </div> 5495 </div> 5496 </div> 5497 </div> 5498 5499 5500 <div class="space-y-3"> 5501 <div class="h-px w-full border-t-gradient-silver-fade"></div> 5502 <div class="relative"> 5503 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 5504 5505 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 5506 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" > 5507 <!-- HT Score --> 5508 <div class="flex items-center gap-1">
5509 <span class="text-primary font-semibold">HT</span> 5510 <span class="text-gray-400 bals-ht-score">1-2</span> 5511 </div> 5512 <!-- Corner --> 5513 <div class="flex items-center gap-1"> 5514 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 5515<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 5516<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 5517</svg> 5518 <span class="text-gray-400 bals-corners">4-1</span> 5519 </div> 5520 <!-- Yellow Card --> 5521 <div class="flex items-center gap-1"> 5522 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 5523 class="h-3 w-3" /> 5524 <span 5525 class="text-gray-400 bals-yellow-cards">1-0</span> 5526 </div> 5527 </div> 5528 </div> 5529 5530 5531 <div class="flex-1 min-w-0"></div> 5532 5533 5534 <div class="flex-shrink-0 flex items-center"> 5535 <div class="w-[120px] sm:w-[125px] min-w-0"> 5536 <div class="text-right mr-1.5 bals-odds"> 5537 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 5538 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.87</div> 5539 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3</div> 5540 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.5</div> 5541 </div> 5542 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 5543 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.02</div> 5544 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1</div> 5545 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.77</div> 5546 </div> 5547 </div> 5548 </div> 5549 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 5550 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 5551 </a> 5552 </div> 5553 </div> 5554 </div> 5555 </div> 5556 </div> 5557 </div> 5558 5559 5560 <div x-show="showModal" 5561 @mouseenter="clearTimeout(closeTimer)" 5562 @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)" 5563 x-effect=" 5564 if (showModal && !$el.dataset.modalLoaded) { 5565 $el.dataset.modalLoaded = '1'; 5566 if (typeof loadMatchModal === 'function') loadMatchModal($el); 5567 } 5568 " 5569 data-match-id="dn1m1gh9vy43moe" 5570 class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]" 5571 x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95" 5572 x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100" 5573 x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" 5574 style="display: none;" 5575 :style="{ 5576 top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto', 5577 bottom: $el.getBoundingClientRect().top >
5577= 300 ? 'calc(100% - 10px)' : 'auto', 5578 left: '50%', 5579 transform: 'translateX(-50%)' 5580 }"> 5581 <div class="modal-content"> 5582 <div class="p-6 text-center text-gray-400 text-xs">Loading...</div> 5583 </div> 5584 </div> 5585</div> 5586<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 5587 bals-live-match" 5588 data-accent="" 5589 data-template="chroma" data-match-id="x7lm7phxgy51m2w" data-match-time="1791579600" 5590 data-home-team-id="l5ergphp9xkr8k0" data-away-team-id="1l4rjnhe43vm7vx" 5591 data-competition-id="gx7lm7ph9jxm2wd" x-data="{ 5592 activeCount: 0, 5593 showModal: false, 5594 showStreamers: false, 5595 view: 'timeline', 5596 hoverTimer: null, 5597 closeTimer: null, 5598 openModal() { 5599 clearTimeout(this.closeTimer); 5600 this.hoverTimer = setTimeout(() => { 5601 this.showModal = true; 5602 }, 500); 5603 }, 5604 closeModal() { 5605 clearTimeout(this.hoverTimer); 5606 clearTimeout(this.closeTimer); 5607 this.closeTimer = setTimeout(() => { 5608 this.showModal = false; 5609 }, 300); 5610 } 5611 }" 5612 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 5613 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 5614 5615 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 5616 <div class="block relative group"> 5617 <a href="https://toptrader.io/truc-tiep/cd-suyapa-vs-cuervos-fch-ngay-10-10-2026/" class="absolute inset-0 z-0" 5618 data-tooltip="CD Suyapa vs Cuervos FC(H) lúc 04:00 ngà y 10/10/2026" 5619 data-title="CD Suyapa vs Cuervos FC(H) lúc 04:00 ngà y 10/10/2026"></a> 5620 <div class="chroma-signal-lock" aria-hidden="true"></div> 5621 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 5622 5623 <div class="flex items-center justify-between sm:mb-0 mb-2"> 5624 5625 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 5626 <img src="https://img.thesports.com/football/competition/9714a6a652167d2dc6e355a2248429cf.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 5627 loading="lazy" /> 5628 <span class="truncate tracking-wide bals-competition-name">Honduras Ascenso Division</span> 5629 </div> 5630 5631 <div 5632 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 5633 <span> 04:00 </span> 5634 <span class="text-gray-400 leading-none text-base">â¢</span> 5635 5636 <span>10/10</span> 5637 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 5638 <span 5639 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 5640 </div> 5641 </div> 5642 5643 <div class="relative"> 5644 5645 <div 5646 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 5647 <span class="bals-status-name mr-1">Hiá»p 2</span> : 5648 <span class="ml-1 bals-elapsed-time">73'</span> </div> 5649 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 5650 5651 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 5652 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 5653 CD Suyapa 5654 </div> 5655 <img data-src="https://static.sportsfeed.pro/football/team/ce73250db2c598ff4687a92b5ea949d7.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="CD Suyapa Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 5656 5657 <div 5658 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
5659 @mouseenter="openModal()" @mouseleave="closeModal()" > 5660 <div 5661 class="bals-score-track "> 5662 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 5663 <span 5664 class="bals-score-box text-sm sm:text-base bals-home-score" > 5665 0 5666 </span> 5667 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 5668 <span 5669 class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-away-score" > 5670 1 5671 </span> 5672 </div> 5673 </div> 5674 5675 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 5676 <img data-src="https://static.sportsfeed.pro/football/team/18f5d06e1cd6660f436e2ad31621a2e0.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Cuervos FC(H) Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 5677 Cuervos FC(H) 5678 </div> 5679 </div> 5680 </div> 5681 5682 <div 5683 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 5684 </div> 5685 5686 5687 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" > 5688 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 5689 <!-- HT Score --> 5690 <div class="flex items-center gap-1"> 5691 <span class="text-primary font-semibold">HT</span> 5692 <span class="text-gray-400 bals-ht-score">0-1</span> 5693 </div> 5694 <!-- Corner --> 5695 <div class="flex items-center gap-1"> 5696 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 5697<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 5698<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 5699</svg> 5700 <span class="text-gray-400 bals-corners">6-2</span> 5701 </div> 5702 <!-- Yellow Card --> 5703 <div class="flex items-center gap-1"> 5704 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 5705 <span class="text-gray-400 bals-yellow-cards">2-3</span> 5706 </div> 5707 </div> 5708 </div> 5709 </div> 5710 5711 5712 <div class="space-y-3"> 5713 <div class="h-px w-full border-t-gradient-silver-fade"></div> 5714 <div class="relative"> 5715 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 5716 5717 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 5718 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" > 5719 <!-- HT Score --> 5720 <div class="flex items-center gap-1">
5721 <span class="text-primary font-semibold">HT</span> 5722 <span class="text-gray-400 bals-ht-score">0-1</span> 5723 </div> 5724 <!-- Corner --> 5725 <div class="flex items-center gap-1"> 5726 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 5727<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 5728<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 5729</svg> 5730 <span class="text-gray-400 bals-corners">6-2</span> 5731 </div> 5732 <!-- Yellow Card --> 5733 <div class="flex items-center gap-1"> 5734 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 5735 class="h-3 w-3" /> 5736 <span 5737 class="text-gray-400 bals-yellow-cards">2-3</span> 5738 </div> 5739 </div> 5740 </div> 5741 5742 5743 <div class="flex-1 min-w-0"></div> 5744 5745 5746 <div class="flex-shrink-0 flex items-center"> 5747 <div class="w-[120px] sm:w-[125px] min-w-0"> 5748 <div class="text-right mr-1.5 bals-odds"> 5749 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 5750 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">21</div> 5751 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">7</div> 5752 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.1</div> 5753 </div> 5754 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 5755 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.72</div> 5756 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-0.5</div> 5757 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.07</div> 5758 </div> 5759 </div> 5760 </div> 5761 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 5762 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 5763 </a> 5764 </div> 5765 </div> 5766 </div> 5767 </div> 5768 </div> 5769 </div> 5770 5771 5772 <div x-show="showModal" 5773 @mouseenter="clearTimeout(closeTimer)" 5774 @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)" 5775 x-effect=" 5776 if (showModal && !$el.dataset.modalLoaded) { 5777 $el.dataset.modalLoaded = '1'; 5778 if (typeof loadMatchModal === 'function') loadMatchModal($el); 5779 } 5780 " 5781 data-match-id="x7lm7phxgy51m2w" 5782 class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]" 5783 x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95" 5784 x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100" 5785 x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" 5786 style="display: none;" 5787 :style="{ 5788 top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto', 5789 bottom: $el.getBoundingClientRect().top >
5789= 300 ? 'calc(100% - 10px)' : 'auto', 5790 left: '50%', 5791 transform: 'translateX(-50%)' 5792 }"> 5793 <div class="modal-content"> 5794 <div class="p-6 text-center text-gray-400 text-xs">Loading...</div> 5795 </div> 5796 </div> 5797</div> 5798<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 5799 bals-live-match" 5800 data-accent="" 5801 data-template="chroma" data-match-id="4wyrn4hyzp8vq86" data-match-time="1791580200" 5802 data-home-team-id="l7oqdehly3zr510" data-away-team-id="965mkyhzg00r1ge" 5803 data-competition-id="p3glrw7hz2xqdyj" x-data="{ 5804 activeCount: 0, 5805 showModal: false, 5806 showStreamers: false, 5807 view: 'timeline', 5808 hoverTimer: null, 5809 closeTimer: null, 5810 openModal() { 5811 clearTimeout(this.closeTimer); 5812 this.hoverTimer = setTimeout(() => { 5813 this.showModal = true; 5814 }, 500); 5815 }, 5816 closeModal() { 5817 clearTimeout(this.hoverTimer); 5818 clearTimeout(this.closeTimer); 5819 this.closeTimer = setTimeout(() => { 5820 this.showModal = false; 5821 }, 300); 5822 } 5823 }" 5824 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 5825 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 5826 5827 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 5828 <div class="block relative group"> 5829 <a href="https://toptrader.io/truc-tiep/corsarios-de-campeche-vs-deportivo-ctm-buhos-ngay-10-10-2026/" class="absolute inset-0 z-0" 5830 data-tooltip="Corsarios de Campeche vs Deportivo CTM Buhos lúc 04:10 ngà y 10/10/2026" 5831 data-title="Corsarios de Campeche vs Deportivo CTM Buhos lúc 04:10 ngà y 10/10/2026"></a> 5832 <div class="chroma-signal-lock" aria-hidden="true"></div> 5833 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 5834 5835 <div class="flex items-center justify-between sm:mb-0 mb-2"> 5836 5837 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 5838 <img src="https://img.thesports.com/football/competition/0f30f046ff820225afa535697ba464e4.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 5839 loading="lazy" /> 5840 <span class="truncate tracking-wide bals-competition-name">Mexican TDP League</span> 5841 </div> 5842 5843 <div 5844 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 5845 <span> 04:10 </span> 5846 <span class="text-gray-400 leading-none text-base">â¢</span> 5847 5848 <span>10/10</span> 5849 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 5850 <span 5851 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 5852 </div> 5853 </div> 5854 5855 <div class="relative"> 5856 5857 <div 5858 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 5859 <span class="bals-status-name mr-1">Hiá»p 2</span> : 5860 <span class="ml-1 bals-elapsed-time">56'</span> </div> 5861 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 5862 5863 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 5864 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 5865 Corsarios de Campeche 5866 </div> 5867 <img data-src="https://static.sportsfeed.pro/football/team/b2ce39b46a69d5c0a0c0e1690f3f4071.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Corsarios de Campeche Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 5868 5869 <div 5870 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
5871 @mouseenter="openModal()" @mouseleave="closeModal()" > 5872 <div 5873 class="bals-score-track "> 5874 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 5875 <span 5876 class="bals-score-box text-sm sm:text-base bals-home-score" > 5877 1 5878 </span> 5879 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 5880 <span 5881 class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-away-score" > 5882 2 5883 </span> 5884 </div> 5885 </div> 5886 5887 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 5888 <img data-src="https://static.sportsfeed.pro/football/team/90b3d62f0eba2c8405d87d26b7b351ba.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Deportivo CTM Buhos Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 5889 Deportivo CTM Buhos 5890 </div> 5891 </div> 5892 </div> 5893 5894 <div 5895 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 5896 </div> 5897 5898 5899 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" > 5900 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 5901 <!-- HT Score --> 5902 <div class="flex items-center gap-1"> 5903 <span class="text-primary font-semibold">HT</span> 5904 <span class="text-gray-400 bals-ht-score">1-1</span> 5905 </div> 5906 <!-- Corner --> 5907 <div class="flex items-center gap-1"> 5908 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 5909<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 5910<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 5911</svg> 5912 <span class="text-gray-400 bals-corners">5-1</span> 5913 </div> 5914 <!-- Yellow Card --> 5915 <div class="flex items-center gap-1"> 5916 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 5917 <span class="text-gray-400 bals-yellow-cards">0-2</span> 5918 </div> 5919 </div> 5920 </div> 5921 </div> 5922 5923 5924 <div class="space-y-3"> 5925 <div class="h-px w-full border-t-gradient-silver-fade"></div> 5926 <div class="relative"> 5927 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 5928 5929 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 5930 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" > 5931 <!-- HT Score --> 5932 <div class="flex items-center gap-1">
5933 <span class="text-primary font-semibold">HT</span> 5934 <span class="text-gray-400 bals-ht-score">1-1</span> 5935 </div> 5936 <!-- Corner --> 5937 <div class="flex items-center gap-1"> 5938 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 5939<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 5940<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 5941</svg> 5942 <span class="text-gray-400 bals-corners">5-1</span> 5943 </div> 5944 <!-- Yellow Card --> 5945 <div class="flex items-center gap-1"> 5946 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 5947 class="h-3 w-3" /> 5948 <span 5949 class="text-gray-400 bals-yellow-cards">0-2</span> 5950 </div> 5951 </div> 5952 </div> 5953 5954 5955 <div class="flex-1 min-w-0"></div> 5956 5957 5958 <div class="flex-shrink-0 flex items-center"> 5959 <div class="w-[120px] sm:w-[125px] min-w-0"> 5960 <div class="text-right mr-1.5 bals-odds"> 5961 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 5962 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">4</div> 5963 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.1</div> 5964 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.9</div> 5965 </div> 5966 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 5967 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.82</div> 5968 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.5</div> 5969 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.97</div> 5970 </div> 5971 </div> 5972 </div> 5973 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 5974 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 5975 </a> 5976 </div> 5977 </div> 5978 </div> 5979 </div> 5980 </div> 5981 </div> 5982 5983 5984 <div x-show="showModal" 5985 @mouseenter="clearTimeout(closeTimer)" 5986 @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)" 5987 x-effect=" 5988 if (showModal && !$el.dataset.modalLoaded) { 5989 $el.dataset.modalLoaded = '1'; 5990 if (typeof loadMatchModal === 'function') loadMatchModal($el); 5991 } 5992 " 5993 data-match-id="4wyrn4hyzp8vq86" 5994 class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]" 5995 x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95" 5996 x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100" 5997 x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" 5998 style="display: none;" 5999 :style="{ 6000 top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto', 6001 bottom: $el.getBoundingClientRect().top >
6001= 300 ? 'calc(100% - 10px)' : 'auto', 6002 left: '50%', 6003 transform: 'translateX(-50%)' 6004 }"> 6005 <div class="modal-content"> 6006 <div class="p-6 text-center text-gray-400 text-xs">Loading...</div> 6007 </div> 6008 </div> 6009</div> 6010<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 6011 bals-live-match" 6012 data-accent="" 6013 data-template="chroma" data-match-id="n54qllh45y4eqvy" data-match-time="1791581400" 6014 data-home-team-id="l965mkyhj83r1ge" data-away-team-id="l5ergphny69r8k0" 6015 data-competition-id="jednm9whk0ryox8" x-data="{ 6016 activeCount: 0, 6017 showModal: false, 6018 showStreamers: false, 6019 view: 'timeline', 6020 hoverTimer: null, 6021 closeTimer: null, 6022 openModal() { 6023 clearTimeout(this.closeTimer); 6024 this.hoverTimer = setTimeout(() => { 6025 this.showModal = true; 6026 }, 500); 6027 }, 6028 closeModal() { 6029 clearTimeout(this.hoverTimer); 6030 clearTimeout(this.closeTimer); 6031 this.closeTimer = setTimeout(() => { 6032 this.showModal = false; 6033 }, 300); 6034 } 6035 }" 6036 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 6037 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 6038 6039 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 6040 <div class="block relative group"> 6041 <a href="https://toptrader.io/truc-tiep/usa-women-u23-vs-dominican-republic-u23-women-ngay-10-10-2026/" class="absolute inset-0 z-0" 6042 data-tooltip="USA U23(w) vs Dominican Republic (W) U23 lúc 04:30 ngà y 10/10/2026" 6043 data-title="USA U23(w) vs Dominican Republic (W) U23 lúc 04:30 ngà y 10/10/2026"></a> 6044 <div class="chroma-signal-lock" aria-hidden="true"></div> 6045 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 6046 6047 <div class="flex items-center justify-between sm:mb-0 mb-2"> 6048 6049 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 6050 <img src="https://img.thesports.com/football/competition/4e7c9460ee862d47c2ce6debfef6aace.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 6051 loading="lazy" /> 6052 <span class="truncate tracking-wide bals-competition-name">International Friendly</span> 6053 </div> 6054 6055 <div 6056 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 6057 <span> 04:30 </span> 6058 <span class="text-gray-400 leading-none text-base">â¢</span> 6059 6060 <span>10/10</span> 6061 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 6062 <span 6063 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 6064 </div> 6065 </div> 6066 6067 <div class="relative"> 6068 6069 <div 6070 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 6071 <span class="bals-status-name mr-1">HT</span> </div> 6072 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 6073 6074 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 6075 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 6076 USA U23(w) 6077 </div> 6078 <img data-src="https://img.thesports.com/football/team/08e9fb9c257f63bc57837b42b31f8cef.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="USA U23(w) Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 6079 6080 <div 6081 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
6082 @mouseenter="openModal()" @mouseleave="closeModal()" > 6083 <div 6084 class="bals-score-track "> 6085 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 6086 <span 6087 class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-home-score" > 6088 2 6089 </span> 6090 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 6091 <span 6092 class="bals-score-box text-sm sm:text-base bals-away-score" > 6093 0 6094 </span> 6095 </div> 6096 </div> 6097 6098 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 6099 <img data-src="https://static.sportsfeed.pro/football/team/f7574b2c8abce938526e9db0435eba1b.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Dominican Republic (W) U23 Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 6100 Dominican Republic (W) U23 6101 </div> 6102 </div> 6103 </div> 6104 6105 <div 6106 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 6107 </div> 6108 6109 6110 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" > 6111 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 6112 <!-- HT Score --> 6113 <div class="flex items-center gap-1"> 6114 <span class="text-primary font-semibold">HT</span> 6115 <span class="text-gray-400 bals-ht-score">2-0</span> 6116 </div> 6117 <!-- Corner --> 6118 <div class="flex items-center gap-1"> 6119 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 6120<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 6121<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 6122</svg> 6123 <span class="text-gray-400 bals-corners">0-0</span> 6124 </div> 6125 <!-- Yellow Card --> 6126 <div class="flex items-center gap-1"> 6127 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 6128 <span class="text-gray-400 bals-yellow-cards">0-0</span> 6129 </div> 6130 </div> 6131 </div> 6132 </div> 6133 6134 6135 <div class="space-y-3"> 6136 <div class="h-px w-full border-t-gradient-silver-fade"></div> 6137 <div class="relative"> 6138 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 6139 6140 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 6141 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" > 6142 <!-- HT Score --> 6143 <div class="flex items-center gap-1">
6144 <span class="text-primary font-semibold">HT</span> 6145 <span class="text-gray-400 bals-ht-score">2-0</span> 6146 </div> 6147 <!-- Corner --> 6148 <div class="flex items-center gap-1"> 6149 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 6150<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 6151<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 6152</svg> 6153 <span class="text-gray-400 bals-corners">0-0</span> 6154 </div> 6155 <!-- Yellow Card --> 6156 <div class="flex items-center gap-1"> 6157 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 6158 class="h-3 w-3" /> 6159 <span 6160 class="text-gray-400 bals-yellow-cards">0-0</span> 6161 </div> 6162 </div> 6163 </div> 6164 6165 6166 <div class="flex-1 min-w-0"></div> 6167 6168 6169 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 6170 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 6171 </a></div> 6172 </div> 6173 </div> 6174 </div> 6175 </div> 6176 </div> 6177 6178 6179 <div x-show="showModal" 6180 @mouseenter="clearTimeout(closeTimer)" 6181 @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)" 6182 x-effect=" 6183 if (showModal && !$el.dataset.modalLoaded) { 6184 $el.dataset.modalLoaded = '1'; 6185 if (typeof loadMatchModal === 'function') loadMatchModal($el); 6186 } 6187 " 6188 data-match-id="n54qllh45y4eqvy" 6189 class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]" 6190 x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95" 6191 x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100" 6192 x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" 6193 style="display: none;" 6194 :style="{ 6195 top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto', 6196 bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto', 6197 left: '50%', 6198 transform: 'translateX(-50%)' 6199 }"> 6200 <div class="modal-content"> 6201 <div class="p-6 text-center text-gray-400 text-xs">Loading...</div> 6202 </div> 6203 </div> 6204</div> 6205<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 6206 bals-live-match" 6207 data-accent="" 6208 data-template="chroma" data-match-id="y39mp1hdvneomoj" data-match-time="1791581400" 6209 data-home-team-id="y0or5jh1v82qwzv" data-away-team-id="8yomo4hkg11q0j6" 6210 data-competition-id="z8yomo4h206q0j6" x-data="{ 6211 activeCount: 0, 6212 showModal: false, 6213 showStreamers: false, 6214 view: 'timeline', 6215 hoverTimer: null, 6216 closeTimer: null, 6217 openModal() { 6218 clearTimeout(this.closeTimer); 6219 this.hoverTimer = setTimeout(() => { 6220 this.showModal = true; 6221 }, 500); 6222 }, 6223 closeModal() { 6224 clearTimeout(this.hoverTimer); 6225 clearTimeout(this.closeTimer); 6226 this.closeTimer = setTimeout(() => { 6227 this.showModal = false;
6228 }, 300); 6229 } 6230 }" 6231 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 6232 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 6233 6234 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 6235 <div class="block relative group"> 6236 <a href="https://toptrader.io/truc-tiep/sao-joao-del-rei-vs-paracatu-df-ngay-10-10-2026/" class="absolute inset-0 z-0" 6237 data-tooltip="Sao Joao del Rei vs Paracatu DF lúc 04:30 ngà y 10/10/2026" 6238 data-title="Sao Joao del Rei vs Paracatu DF lúc 04:30 ngà y 10/10/2026"></a> 6239 <div class="chroma-signal-lock" aria-hidden="true"></div> 6240 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 6241 6242 <div class="flex items-center justify-between sm:mb-0 mb-2"> 6243 6244 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 6245 <img src="https://img.thesports.com/football/competition/fe0f32f89d8f0c0a666dc7f3bc0f2607.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 6246 loading="lazy" /> 6247 <span class="truncate tracking-wide bals-competition-name">BRA Campeonato Mineiro 2</span> 6248 </div> 6249 6250 <div 6251 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 6252 <span> 04:30 </span> 6253 <span class="text-gray-400 leading-none text-base">â¢</span> 6254 6255 <span>10/10</span> 6256 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 6257 <span 6258 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 6259 </div> 6260 </div> 6261 6262 <div class="relative"> 6263 6264 <div 6265 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 6266 <span class="bals-status-name mr-1">Hiá»p 2</span> : 6267 <span class="ml-1 bals-elapsed-time">46'</span> </div> 6268 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 6269 6270 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 6271 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 6272 Sao Joao del Rei 6273 </div> 6274 <img data-src="https://static.sportsfeed.pro/football/team/3575af940ea0458e61255b45f4d2b34d.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Sao Joao del Rei Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 6275 6276 <div 6277 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto" 6278 @mouseenter="openModal()" @mouseleave="closeModal()" > 6279 <div 6280 class="bals-score-track "> 6281 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 6282 <span 6283 class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-home-score" > 6284 1 6285 </span>
6286 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 6287 <span 6288 class="bals-score-box text-sm sm:text-base bals-away-score" > 6289 0 6290 </span> 6291 </div> 6292 </div> 6293 6294 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 6295 <img data-src="https://static.sportsfeed.pro/football/team/edab2329f7789e9bef075ce1f6f33990.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Paracatu DF Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 6296 Paracatu DF 6297 </div> 6298 </div> 6299 </div> 6300 6301 <div 6302 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 6303 </div> 6304 6305 6306 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" > 6307 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 6308 <!-- HT Score --> 6309 <div class="flex items-center gap-1"> 6310 <span class="text-primary font-semibold">HT</span> 6311 <span class="text-gray-400 bals-ht-score">1-0</span> 6312 </div> 6313 <!-- Corner --> 6314 <div class="flex items-center gap-1"> 6315 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 6316<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 6317<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 6318</svg> 6319 <span class="text-gray-400 bals-corners">1-4</span> 6320 </div> 6321 <!-- Yellow Card --> 6322 <div class="flex items-center gap-1"> 6323 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 6324 <span class="text-gray-400 bals-yellow-cards">3-1</span> 6325 </div> 6326 </div> 6327 </div> 6328 </div> 6329 6330 6331 <div class="space-y-3"> 6332 <div class="h-px w-full border-t-gradient-silver-fade"></div> 6333 <div class="relative"> 6334 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 6335 6336 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 6337 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" > 6338 <!-- HT Score --> 6339 <div class="flex items-center gap-1"> 6340 <span class="text-primary font-semibold">HT</span> 6341 <span class="text-gray-400 bals-ht-score">1-0</span> 6342 </div> 6343 <!-- Corner --> 6344 <div class="flex items-center gap-1"> 6345 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 6346<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 6347<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 6348</svg>
6349 <span class="text-gray-400 bals-corners">1-4</span> 6350 </div> 6351 <!-- Yellow Card --> 6352 <div class="flex items-center gap-1"> 6353 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 6354 class="h-3 w-3" /> 6355 <span 6356 class="text-gray-400 bals-yellow-cards">3-1</span> 6357 </div> 6358 </div> 6359 </div> 6360 6361 6362 <div class="flex-1 min-w-0"></div> 6363 6364 6365 <div class="flex-shrink-0 flex items-center"> 6366 <div class="w-[120px] sm:w-[125px] min-w-0"> 6367 <div class="text-right mr-1.5 bals-odds"> 6368 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 6369 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.66</div> 6370 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.4</div> 6371 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">5</div> 6372 </div> 6373 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 6374 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1</div> 6375 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-0.25</div> 6376 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.8</div> 6377 </div> 6378 </div> 6379 </div> 6380 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 6381 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 6382 </a> 6383 </div> 6384 </div> 6385 </div> 6386 </div> 6387 </div> 6388 </div> 6389 6390 6391 <div x-show="showModal" 6392 @mouseenter="clearTimeout(closeTimer)" 6393 @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)" 6394 x-effect=" 6395 if (showModal && !$el.dataset.modalLoaded) { 6396 $el.dataset.modalLoaded = '1'; 6397 if (typeof loadMatchModal === 'function') loadMatchModal($el); 6398 } 6399 " 6400 data-match-id="y39mp1hdvneomoj" 6401 class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]" 6402 x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95" 6403 x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100" 6404 x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" 6405 style="display: none;" 6406 :style="{ 6407 top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto', 6408 bottom: $el.getBoundingClientRect().top >
6408= 300 ? 'calc(100% - 10px)' : 'auto', 6409 left: '50%', 6410 transform: 'translateX(-50%)' 6411 }"> 6412 <div class="modal-content"> 6413 <div class="p-6 text-center text-gray-400 text-xs">Loading...</div> 6414 </div> 6415 </div> 6416</div> 6417<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 6418 bals-live-match" 6419 data-accent="" 6420 data-template="chroma" data-match-id="965mkyh8ld7lr1g" data-match-time="1791583200" 6421 data-home-team-id="dj2ryohg8e3q1zp" data-away-team-id="x7lm7phpl76m2wd" 6422 data-competition-id="p3glrw7hz2xqdyj" x-data="{ 6423 activeCount: 0, 6424 showModal: false, 6425 showStreamers: false, 6426 view: 'timeline', 6427 hoverTimer: null, 6428 closeTimer: null, 6429 openModal() { 6430 clearTimeout(this.closeTimer); 6431 this.hoverTimer = setTimeout(() => { 6432 this.showModal = true; 6433 }, 500); 6434 }, 6435 closeModal() { 6436 clearTimeout(this.hoverTimer); 6437 clearTimeout(this.closeTimer); 6438 this.closeTimer = setTimeout(() => { 6439 this.showModal = false; 6440 }, 300); 6441 } 6442 }" 6443 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 6444 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 6445 6446 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 6447 <div class="block relative group"> 6448 <a href="https://toptrader.io/truc-tiep/bombarderos-de-tecamac-fc-vs-jaiba-brava-ii-ngay-10-10-2026/" class="absolute inset-0 z-0" 6449 data-tooltip="Bombarderos de Tecamac FC vs Jaiba Brava II lúc 05:00 ngà y 10/10/2026" 6450 data-title="Bombarderos de Tecamac FC vs Jaiba Brava II lúc 05:00 ngà y 10/10/2026"></a> 6451 <div class="chroma-signal-lock" aria-hidden="true"></div> 6452 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 6453 6454 <div class="flex items-center justify-between sm:mb-0 mb-2"> 6455 6456 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 6457 <img src="https://img.thesports.com/football/competition/0f30f046ff820225afa535697ba464e4.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 6458 loading="lazy" /> 6459 <span class="truncate tracking-wide bals-competition-name">Mexican TDP League</span> 6460 </div> 6461 6462 <div 6463 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 6464 <span> 05:00 </span> 6465 <span class="text-gray-400 leading-none text-base">â¢</span> 6466 6467 <span>10/10</span> 6468 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 6469 <span 6470 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 6471 </div> 6472 </div> 6473 6474 <div class="relative"> 6475 6476 <div 6477 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 6478 <span class="bals-status-name mr-1">Hiá»p 1</span> : 6479 <span class="ml-1 bals-elapsed-time">26'</span> </div> 6480 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 6481 6482 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 6483 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 6484 Bombarderos de Tecamac FC 6485 </div> 6486 <img data-src="https://static.sportsfeed.pro/football/team/57d3152b7db67f19030b6499a6e1f7b2.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Bombarderos de Tecamac FC Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 6487 6488 <div 6489 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
6490 @mouseenter="openModal()" @mouseleave="closeModal()" > 6491 <div 6492 class="bals-score-track "> 6493 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 6494 <span 6495 class="bals-score-box text-sm sm:text-base bals-home-score" > 6496 0 6497 </span> 6498 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 6499 <span 6500 class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-away-score" > 6501 1 6502 </span> 6503 </div> 6504 </div> 6505 6506 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 6507 <img data-src="https://static.sportsfeed.pro/football/team/71080c5e7d5b7f98dc8acacc060e7998.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Jaiba Brava II Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 6508 Jaiba Brava II 6509 </div> 6510 </div> 6511 </div> 6512 6513 <div 6514 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 6515 </div> 6516 6517 6518 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" > 6519 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 6520 <!-- HT Score --> 6521 <div class="flex items-center gap-1"> 6522 <span class="text-primary font-semibold">HT</span> 6523 <span class="text-gray-400 bals-ht-score">0-1</span> 6524 </div> 6525 <!-- Corner --> 6526 <div class="flex items-center gap-1"> 6527 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 6528<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 6529<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 6530</svg> 6531 <span class="text-gray-400 bals-corners">2-3</span> 6532 </div> 6533 <!-- Yellow Card --> 6534 <div class="flex items-center gap-1"> 6535 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 6536 <span class="text-gray-400 bals-yellow-cards">0-0</span> 6537 </div> 6538 </div> 6539 </div> 6540 </div> 6541 6542 6543 <div class="space-y-3"> 6544 <div class="h-px w-full border-t-gradient-silver-fade"></div> 6545 <div class="relative"> 6546 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 6547 6548 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 6549 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" > 6550 <!-- HT Score --> 6551 <div class="flex items-center gap-1">
6552 <span class="text-primary font-semibold">HT</span> 6553 <span class="text-gray-400 bals-ht-score">0-1</span> 6554 </div> 6555 <!-- Corner --> 6556 <div class="flex items-center gap-1"> 6557 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 6558<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 6559<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 6560</svg> 6561 <span class="text-gray-400 bals-corners">2-3</span> 6562 </div> 6563 <!-- Yellow Card --> 6564 <div class="flex items-center gap-1"> 6565 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 6566 class="h-3 w-3" /> 6567 <span 6568 class="text-gray-400 bals-yellow-cards">0-0</span> 6569 </div> 6570 </div> 6571 </div> 6572 6573 6574 <div class="flex-1 min-w-0"></div> 6575 6576 6577 <div class="flex-shrink-0 flex items-center"> 6578 <div class="w-[120px] sm:w-[125px] min-w-0"> 6579 <div class="text-right mr-1.5 bals-odds"> 6580 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 6581 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">4.75</div> 6582 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">4.33</div> 6583 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.53</div> 6584 </div> 6585 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 6586 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.82</div> 6587 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0</div> 6588 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.97</div> 6589 </div> 6590 </div> 6591 </div> 6592 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 6593 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 6594 </a> 6595 </div> 6596 </div> 6597 </div> 6598 </div> 6599 </div> 6600 </div> 6601 6602 6603 <div x-show="showModal" 6604 @mouseenter="clearTimeout(closeTimer)" 6605 @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)" 6606 x-effect=" 6607 if (showModal && !$el.dataset.modalLoaded) { 6608 $el.dataset.modalLoaded = '1'; 6609 if (typeof loadMatchModal === 'function') loadMatchModal($el); 6610 } 6611 " 6612 data-match-id="965mkyh8ld7lr1g" 6613 class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]" 6614 x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95" 6615 x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100" 6616 x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" 6617 style="display: none;" 6618 :style="{ 6619 top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto', 6620 bottom: $el.getBoundingClientRect().top >
6620= 300 ? 'calc(100% - 10px)' : 'auto', 6621 left: '50%', 6622 transform: 'translateX(-50%)' 6623 }"> 6624 <div class="modal-content"> 6625 <div class="p-6 text-center text-gray-400 text-xs">Loading...</div> 6626 </div> 6627 </div> 6628</div> 6629<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 6630 bals-live-match" 6631 data-accent="" 6632 data-template="chroma" data-match-id="y39mp1hdvg33moj" data-match-time="1791583800" 6633 data-home-team-id="dn1m1gh36l2moep" data-away-team-id="x7lm7phw429m2wd" 6634 data-competition-id="p3glrw7hz2xqdyj" x-data="{ 6635 activeCount: 0, 6636 showModal: false, 6637 showStreamers: false, 6638 view: 'statistics', 6639 hoverTimer: null, 6640 closeTimer: null, 6641 openModal() { 6642 clearTimeout(this.closeTimer); 6643 this.hoverTimer = setTimeout(() => { 6644 this.showModal = true; 6645 }, 500); 6646 }, 6647 closeModal() { 6648 clearTimeout(this.hoverTimer); 6649 clearTimeout(this.closeTimer); 6650 this.closeTimer = setTimeout(() => { 6651 this.showModal = false; 6652 }, 300); 6653 } 6654 }" 6655 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 6656 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 6657 6658 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 6659 <div class="block relative group"> 6660 <a href="https://toptrader.io/truc-tiep/oceania-fc-vs-cd-novillos-neza-ngay-10-10-2026/" class="absolute inset-0 z-0" 6661 data-tooltip="Oceania FC vs CD Novillos Neza lúc 05:10 ngà y 10/10/2026" 6662 data-title="Oceania FC vs CD Novillos Neza lúc 05:10 ngà y 10/10/2026"></a> 6663 <div class="chroma-signal-lock" aria-hidden="true"></div> 6664 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 6665 6666 <div class="flex items-center justify-between sm:mb-0 mb-2"> 6667 6668 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 6669 <img src="https://img.thesports.com/football/competition/0f30f046ff820225afa535697ba464e4.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 6670 loading="lazy" /> 6671 <span class="truncate tracking-wide bals-competition-name">Mexican TDP League</span> 6672 </div> 6673 6674 <div 6675 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 6676 <span> 05:10 </span> 6677 <span class="text-gray-400 leading-none text-base">â¢</span> 6678 6679 <span>10/10</span> 6680 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 6681 <span 6682 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 6683 </div> 6684 </div> 6685 6686 <div class="relative"> 6687 6688 <div 6689 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 6690 <span class="bals-status-name mr-1">Hiá»p 1</span> : 6691 <span class="ml-1 bals-elapsed-time">23'</span> </div> 6692 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 6693 6694 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 6695 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 6696 Oceania FC 6697 </div> 6698 <img data-src="https://static.sportsfeed.pro/football/team/c9fb4ad37d2283d53a3c897af8caf4bd.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Oceania FC Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 6699 6700 <div 6701 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
6702 @mouseenter="openModal()" @mouseleave="closeModal()" > 6703 <div 6704 class="bals-score-track "> 6705 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 6706 <span 6707 class="bals-score-box text-sm sm:text-base bals-home-score" > 6708 0 6709 </span> 6710 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 6711 <span 6712 class="bals-score-box text-sm sm:text-base bals-away-score" > 6713 0 6714 </span> 6715 </div> 6716 </div> 6717 6718 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 6719 <img data-src="https://static.sportsfeed.pro/football/team/97c3ef30cac48cadff97605e387feefa.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="CD Novillos Neza Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 6720 CD Novillos Neza 6721 </div> 6722 </div> 6723 </div> 6724 6725 <div 6726 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 6727 </div> 6728 6729 6730 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" > 6731 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 6732 <!-- HT Score --> 6733 <div class="flex items-center gap-1"> 6734 <span class="text-primary font-semibold">HT</span> 6735 <span class="text-gray-400 bals-ht-score">0-0</span> 6736 </div> 6737 <!-- Corner --> 6738 <div class="flex items-center gap-1"> 6739 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 6740<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 6741<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 6742</svg> 6743 <span class="text-gray-400 bals-corners">2-0</span> 6744 </div> 6745 <!-- Yellow Card --> 6746 <div class="flex items-center gap-1"> 6747 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 6748 <span class="text-gray-400 bals-yellow-cards">0-0</span> 6749 </div> 6750 </div> 6751 </div> 6752 </div> 6753 6754 6755 <div class="space-y-3"> 6756 <div class="h-px w-full border-t-gradient-silver-fade"></div> 6757 <div class="relative"> 6758 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 6759 6760 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 6761 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" > 6762 <!-- HT Score --> 6763 <div class="flex items-center gap-1">
6764 <span class="text-primary font-semibold">HT</span> 6765 <span class="text-gray-400 bals-ht-score">0-0</span> 6766 </div> 6767 <!-- Corner --> 6768 <div class="flex items-center gap-1"> 6769 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 6770<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 6771<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 6772</svg> 6773 <span class="text-gray-400 bals-corners">2-0</span> 6774 </div> 6775 <!-- Yellow Card --> 6776 <div class="flex items-center gap-1"> 6777 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 6778 class="h-3 w-3" /> 6779 <span 6780 class="text-gray-400 bals-yellow-cards">0-0</span> 6781 </div> 6782 </div> 6783 </div> 6784 6785 6786 <div class="flex-1 min-w-0"></div> 6787 6788 6789 <div class="flex-shrink-0 flex items-center"> 6790 <div class="w-[120px] sm:w-[125px] min-w-0"> 6791 <div class="text-right mr-1.5 bals-odds"> 6792 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 6793 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.28</div> 6794 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">5</div> 6795 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">8</div> 6796 </div> 6797 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 6798 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.97</div> 6799 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.75</div> 6800 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.82</div> 6801 </div> 6802 </div> 6803 </div> 6804 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 6805 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 6806 </a> 6807 </div> 6808 </div> 6809 </div> 6810 </div> 6811 </div> 6812 </div> 6813 6814 6815 <div x-show="showModal" 6816 @mouseenter="clearTimeout(closeTimer)" 6817 @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)" 6818 x-effect=" 6819 if (showModal && !$el.dataset.modalLoaded) { 6820 $el.dataset.modalLoaded = '1'; 6821 if (typeof loadMatchModal === 'function') loadMatchModal($el); 6822 } 6823 " 6824 data-match-id="y39mp1hdvg33moj" 6825 class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]" 6826 x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95" 6827 x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100" 6828 x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" 6829 style="display: none;" 6830 :style="{ 6831 top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto', 6832 bottom: $el.getBoundingClientRect().top >
6832= 300 ? 'calc(100% - 10px)' : 'auto', 6833 left: '50%', 6834 transform: 'translateX(-50%)' 6835 }"> 6836 <div class="modal-content"> 6837 <div class="p-6 text-center text-gray-400 text-xs">Loading...</div> 6838 </div> 6839 </div> 6840</div> 6841<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 6842 bals-live-match" 6843 data-accent="" 6844 data-template="chroma" data-match-id="y0or5jh9xy0vqwz" data-match-time="1791584100" 6845 data-home-team-id="y0or5jhg6keqwzv" data-away-team-id="n54qllh8971qvy9" 6846 data-competition-id="gx7lm7ph9jxm2wd" x-data="{ 6847 activeCount: 0, 6848 showModal: false, 6849 showStreamers: false, 6850 view: 'statistics', 6851 hoverTimer: null, 6852 closeTimer: null, 6853 openModal() { 6854 clearTimeout(this.closeTimer); 6855 this.hoverTimer = setTimeout(() => { 6856 this.showModal = true; 6857 }, 500); 6858 }, 6859 closeModal() { 6860 clearTimeout(this.hoverTimer); 6861 clearTimeout(this.closeTimer); 6862 this.closeTimer = setTimeout(() => { 6863 this.showModal = false; 6864 }, 300); 6865 } 6866 }" 6867 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 6868 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 6869 6870 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 6871 <div class="block relative group"> 6872 <a href="https://toptrader.io/truc-tiep/pumas-las-vegas-vs-fc-brasilia-rio-lindo-ngay-10-10-2026/" class="absolute inset-0 z-0" 6873 data-tooltip="Pumas Las Vegas vs FC Brasilia Rio Lindo lúc 05:15 ngà y 10/10/2026" 6874 data-title="Pumas Las Vegas vs FC Brasilia Rio Lindo lúc 05:15 ngà y 10/10/2026"></a> 6875 <div class="chroma-signal-lock" aria-hidden="true"></div> 6876 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 6877 6878 <div class="flex items-center justify-between sm:mb-0 mb-2"> 6879 6880 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 6881 <img src="https://img.thesports.com/football/competition/9714a6a652167d2dc6e355a2248429cf.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 6882 loading="lazy" /> 6883 <span class="truncate tracking-wide bals-competition-name">Honduras Ascenso Division</span> 6884 </div> 6885 6886 <div 6887 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 6888 <span> 05:15 </span> 6889 <span class="text-gray-400 leading-none text-base">â¢</span> 6890 6891 <span>10/10</span> 6892 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 6893 <span 6894 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 6895 </div> 6896 </div> 6897 6898 <div class="relative"> 6899 6900 <div 6901 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 6902 <span class="bals-status-name mr-1">Hiá»p 1</span> : 6903 <span class="ml-1 bals-elapsed-time">16'</span> </div> 6904 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 6905 6906 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 6907 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 6908 Pumas Las Vegas 6909 </div> 6910 <img data-src="https://static.sportsfeed.pro/football/team/9d82c6835852db2028b70e8945e99b11.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Pumas Las Vegas Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 6911 6912 <div 6913 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
6914 @mouseenter="openModal()" @mouseleave="closeModal()" > 6915 <div 6916 class="bals-score-track "> 6917 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 6918 <span 6919 class="bals-score-box text-sm sm:text-base bals-home-score" > 6920 0 6921 </span> 6922 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 6923 <span 6924 class="bals-score-box text-sm sm:text-base bals-away-score" > 6925 0 6926 </span> 6927 </div> 6928 </div> 6929 6930 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 6931 <img data-src="https://static.sportsfeed.pro/football/team/41461e0c45b877f133a6a0566c12ad2c.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="FC Brasilia Rio Lindo Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 6932 FC Brasilia Rio Lindo 6933 </div> 6934 </div> 6935 </div> 6936 6937 <div 6938 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 6939 </div> 6940 6941 6942 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" > 6943 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 6944 <!-- HT Score --> 6945 <div class="flex items-center gap-1"> 6946 <span class="text-primary font-semibold">HT</span> 6947 <span class="text-gray-400 bals-ht-score">0-0</span> 6948 </div> 6949 <!-- Corner --> 6950 <div class="flex items-center gap-1"> 6951 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 6952<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 6953<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 6954</svg> 6955 <span class="text-gray-400 bals-corners">2-1</span> 6956 </div> 6957 <!-- Yellow Card --> 6958 <div class="flex items-center gap-1"> 6959 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 6960 <span class="text-gray-400 bals-yellow-cards">0-0</span> 6961 </div> 6962 </div> 6963 </div> 6964 </div> 6965 6966 6967 <div class="space-y-3"> 6968 <div class="h-px w-full border-t-gradient-silver-fade"></div> 6969 <div class="relative"> 6970 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 6971 6972 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 6973 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" > 6974 <!-- HT Score --> 6975 <div class="flex items-center gap-1">
6976 <span class="text-primary font-semibold">HT</span> 6977 <span class="text-gray-400 bals-ht-score">0-0</span> 6978 </div> 6979 <!-- Corner --> 6980 <div class="flex items-center gap-1"> 6981 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 6982<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 6983<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 6984</svg> 6985 <span class="text-gray-400 bals-corners">2-1</span> 6986 </div> 6987 <!-- Yellow Card --> 6988 <div class="flex items-center gap-1"> 6989 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 6990 class="h-3 w-3" /> 6991 <span 6992 class="text-gray-400 bals-yellow-cards">0-0</span> 6993 </div> 6994 </div> 6995 </div> 6996 6997 6998 <div class="flex-1 min-w-0"></div> 6999 7000 7001 <div class="flex-shrink-0 flex items-center"> 7002 <div class="w-[120px] sm:w-[125px] min-w-0"> 7003 <div class="text-right mr-1.5 bals-odds"> 7004 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 7005 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.25</div> 7006 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.4</div> 7007 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.87</div> 7008 </div> 7009 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 7010 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1</div> 7011 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.25</div> 7012 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.8</div> 7013 </div> 7014 </div> 7015 </div> 7016 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 7017 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 7018 </a> 7019 </div> 7020 </div> 7021 </div> 7022 </div> 7023 </div> 7024 </div> 7025 7026 7027 <div x-show="showModal" 7028 @mouseenter="clearTimeout(closeTimer)" 7029 @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)" 7030 x-effect=" 7031 if (showModal && !$el.dataset.modalLoaded) { 7032 $el.dataset.modalLoaded = '1'; 7033 if (typeof loadMatchModal === 'function') loadMatchModal($el); 7034 } 7035 " 7036 data-match-id="y0or5jh9xy0vqwz" 7037 class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]" 7038 x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95" 7039 x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100" 7040 x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" 7041 style="display: none;" 7042 :style="{ 7043 top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto', 7044 bottom: $el.getBoundingClientRect().top >
7044= 300 ? 'calc(100% - 10px)' : 'auto', 7045 left: '50%', 7046 transform: 'translateX(-50%)' 7047 }"> 7048 <div class="modal-content"> 7049 <div class="p-6 text-center text-gray-400 text-xs">Loading...</div> 7050 </div> 7051 </div> 7052</div> 7053<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 7054 bals-live-match" 7055 data-accent="" 7056 data-template="chroma" data-match-id="k82rekh2zpv9rep" data-match-time="1791584400" 7057 data-home-team-id="6ypq3nh1lojmd7o" data-away-team-id="965mkyhnn9vr1ge" 7058 data-competition-id="p3glrw7hz2xqdyj" x-data="{ 7059 activeCount: 0, 7060 showModal: false, 7061 showStreamers: false, 7062 view: 'statistics', 7063 hoverTimer: null, 7064 closeTimer: null, 7065 openModal() { 7066 clearTimeout(this.closeTimer); 7067 this.hoverTimer = setTimeout(() => { 7068 this.showModal = true; 7069 }, 500); 7070 }, 7071 closeModal() { 7072 clearTimeout(this.hoverTimer); 7073 clearTimeout(this.closeTimer); 7074 this.closeTimer = setTimeout(() => { 7075 this.showModal = false; 7076 }, 300); 7077 } 7078 }" 7079 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 7080 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 7081 7082 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 7083 <div class="block relative group"> 7084 <a href="https://toptrader.io/truc-tiep/furia-azul-fc-vs-club-atletico-valladolid-ngay-10-10-2026/" class="absolute inset-0 z-0" 7085 data-tooltip="Furia Azul FC vs Club Atletico Valladolid lúc 05:20 ngà y 10/10/2026" 7086 data-title="Furia Azul FC vs Club Atletico Valladolid lúc 05:20 ngà y 10/10/2026"></a> 7087 <div class="chroma-signal-lock" aria-hidden="true"></div> 7088 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 7089 7090 <div class="flex items-center justify-between sm:mb-0 mb-2"> 7091 7092 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 7093 <img src="https://img.thesports.com/football/competition/0f30f046ff820225afa535697ba464e4.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 7094 loading="lazy" /> 7095 <span class="truncate tracking-wide bals-competition-name">Mexican TDP League</span> 7096 </div> 7097 7098 <div 7099 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 7100 <span> 05:20 </span> 7101 <span class="text-gray-400 leading-none text-base">â¢</span> 7102 7103 <span>10/10</span> 7104 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 7105 <span 7106 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 7107 </div> 7108 </div> 7109 7110 <div class="relative"> 7111 7112 <div 7113 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 7114 <span class="bals-status-name mr-1">Hiá»p 1</span> : 7115 <span class="ml-1 bals-elapsed-time">14'</span> </div> 7116 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 7117 7118 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 7119 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 7120 Furia Azul FC 7121 </div> 7122 <img data-src="https://static.sportsfeed.pro/football/team/ad627ed2915604536cae7a78d28833cc.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Furia Azul FC Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 7123 7124 <div 7125 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
7126 @mouseenter="openModal()" @mouseleave="closeModal()" > 7127 <div 7128 class="bals-score-track "> 7129 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 7130 <span 7131 class="bals-score-box text-sm sm:text-base bals-home-score" > 7132 0 7133 </span> 7134 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 7135 <span 7136 class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-away-score" > 7137 1 7138 </span> 7139 </div> 7140 </div> 7141 7142 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 7143 <img data-src="https://static.sportsfeed.pro/football/team/3bddd82639748f0fff9912ec1baa6c4c.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Club Atletico Valladolid Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 7144 Club Atletico Valladolid 7145 </div> 7146 </div> 7147 </div> 7148 7149 <div 7150 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 7151 </div> 7152 7153 7154 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" > 7155 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 7156 <!-- HT Score --> 7157 <div class="flex items-center gap-1"> 7158 <span class="text-primary font-semibold">HT</span> 7159 <span class="text-gray-400 bals-ht-score">0-1</span> 7160 </div> 7161 <!-- Corner --> 7162 <div class="flex items-center gap-1"> 7163 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 7164<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 7165<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 7166</svg> 7167 <span class="text-gray-400 bals-corners">0-1</span> 7168 </div> 7169 <!-- Yellow Card --> 7170 <div class="flex items-center gap-1"> 7171 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 7172 <span class="text-gray-400 bals-yellow-cards">0-0</span> 7173 </div> 7174 </div> 7175 </div> 7176 </div> 7177 7178 7179 <div class="space-y-3"> 7180 <div class="h-px w-full border-t-gradient-silver-fade"></div> 7181 <div class="relative"> 7182 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 7183 7184 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 7185 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" > 7186 <!-- HT Score --> 7187 <div class="flex items-center gap-1">
7188 <span class="text-primary font-semibold">HT</span> 7189 <span class="text-gray-400 bals-ht-score">0-1</span> 7190 </div> 7191 <!-- Corner --> 7192 <div class="flex items-center gap-1"> 7193 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 7194<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 7195<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 7196</svg> 7197 <span class="text-gray-400 bals-corners">0-1</span> 7198 </div> 7199 <!-- Yellow Card --> 7200 <div class="flex items-center gap-1"> 7201 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 7202 class="h-3 w-3" /> 7203 <span 7204 class="text-gray-400 bals-yellow-cards">0-0</span> 7205 </div> 7206 </div> 7207 </div> 7208 7209 7210 <div class="flex-1 min-w-0"></div> 7211 7212 7213 <div class="flex-shrink-0 flex items-center"> 7214 <div class="w-[120px] sm:w-[125px] min-w-0"> 7215 <div class="text-right mr-1.5 bals-odds"> 7216 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 7217 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">6</div> 7218 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">4.75</div> 7219 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.4</div> 7220 </div> 7221 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 7222 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.95</div> 7223 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-0.25</div> 7224 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.85</div> 7225 </div> 7226 </div> 7227 </div> 7228 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 7229 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 7230 </a> 7231 </div> 7232 </div> 7233 </div> 7234 </div> 7235 </div> 7236 </div> 7237 7238 7239 <div x-show="showModal" 7240 @mouseenter="clearTimeout(closeTimer)" 7241 @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)" 7242 x-effect=" 7243 if (showModal && !$el.dataset.modalLoaded) { 7244 $el.dataset.modalLoaded = '1'; 7245 if (typeof loadMatchModal === 'function') loadMatchModal($el); 7246 } 7247 " 7248 data-match-id="k82rekh2zpv9rep" 7249 class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]" 7250 x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95" 7251 x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100" 7252 x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" 7253 style="display: none;" 7254 :style="{ 7255 top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto', 7256 bottom: $el.getBoundingClientRect().top >
7256= 300 ? 'calc(100% - 10px)' : 'auto', 7257 left: '50%', 7258 transform: 'translateX(-50%)' 7259 }"> 7260 <div class="modal-content"> 7261 <div class="p-6 text-center text-gray-400 text-xs">Loading...</div> 7262 </div> 7263 </div> 7264</div> 7265<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 7266 bals-live-match" 7267 data-accent="" 7268 data-template="chroma" data-match-id="23xmvkhyvj4jqg8" data-match-time="1791585000" 7269 data-home-team-id="dn1m1gh40o1moep" data-away-team-id="l7oqdeh619jr510" 7270 data-competition-id="kjw2r09hy5rz84o" x-data="{ 7271 activeCount: 0, 7272 showModal: false, 7273 showStreamers: false, 7274 view: 'timeline', 7275 hoverTimer: null, 7276 closeTimer: null, 7277 openModal() { 7278 clearTimeout(this.closeTimer); 7279 this.hoverTimer = setTimeout(() => { 7280 this.showModal = true; 7281 }, 500); 7282 }, 7283 closeModal() { 7284 clearTimeout(this.hoverTimer); 7285 clearTimeout(this.closeTimer); 7286 this.closeTimer = setTimeout(() => { 7287 this.showModal = false; 7288 }, 300); 7289 } 7290 }" 7291 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 7292 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 7293 7294 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 7295 <div class="block relative group"> 7296 <a href="https://toptrader.io/truc-tiep/sol-de-america-vs-deportivo-carapegua-ngay-10-10-2026/" class="absolute inset-0 z-0" 7297 data-tooltip="Sol de America vs Deportivo Carapegua lúc 05:30 ngà y 10/10/2026" 7298 data-title="Sol de America vs Deportivo Carapegua lúc 05:30 ngà y 10/10/2026"></a> 7299 <div class="chroma-signal-lock" aria-hidden="true"></div> 7300 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 7301 7302 <div class="flex items-center justify-between sm:mb-0 mb-2"> 7303 7304 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 7305 <img src="https://img.thesports.com/football/competition/5810b6eba95c5c08261adabf45ce9976.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 7306 loading="lazy" /> 7307 <span class="truncate tracking-wide bals-competition-name">Paraguayan Division Intermedia</span> 7308 </div> 7309 7310 <div 7311 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 7312 <span> 05:30 </span> 7313 <span class="text-gray-400 leading-none text-base">â¢</span> 7314 7315 <span>10/10</span> 7316 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 7317 <span 7318 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 7319 </div> 7320 </div> 7321 7322 <div class="relative"> 7323 7324 <div 7325 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 7326 <span class="bals-status-name mr-1">Hiá»p 1</span> : 7327 <span class="ml-1 bals-elapsed-time">4'</span> </div> 7328 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 7329 7330 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 7331 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 7332 Sol de America 7333 </div> 7334 <img data-src="https://static.sportsfeed.pro/football/team/9944d3cdb5e4543aff351771d23db374.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Sol de America Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 7335 7336 <div 7337 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto" 7338 > 7339 <div 7340 class="bals-score-track ">
7341 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 7342 <span 7343 class="bals-score-box text-sm sm:text-base bals-home-score" > 7344 0 7345 </span> 7346 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 7347 <span 7348 class="bals-score-box text-sm sm:text-base bals-away-score" > 7349 0 7350 </span> 7351 </div> 7352 </div> 7353 7354 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 7355 <img data-src="https://static.sportsfeed.pro/football/team/2330b630a226a3c65689e546084fcdfc.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Deportivo Carapegua Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 7356 Deportivo Carapegua 7357 </div> 7358 </div> 7359 </div> 7360 7361 <div 7362 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 7363 </div> 7364 7365 7366 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" > 7367 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 7368 <!-- HT Score --> 7369 <div class="flex items-center gap-1"> 7370 <span class="text-primary font-semibold">HT</span> 7371 <span class="text-gray-400 bals-ht-score">0-0</span> 7372 </div> 7373 <!-- Corner --> 7374 <div class="flex items-center gap-1"> 7375 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 7376<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 7377<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 7378</svg> 7379 <span class="text-gray-400 bals-corners">0-0</span> 7380 </div> 7381 <!-- Yellow Card --> 7382 <div class="flex items-center gap-1"> 7383 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 7384 <span class="text-gray-400 bals-yellow-cards">0-0</span> 7385 </div> 7386 </div> 7387 </div> 7388 </div> 7389 7390 7391 <div class="space-y-3"> 7392 <div class="h-px w-full border-t-gradient-silver-fade"></div> 7393 <div class="relative"> 7394 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 7395 7396 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 7397 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" > 7398 <!-- HT Score --> 7399 <div class="flex items-center gap-1"> 7400 <span class="text-primary font-semibold">HT</span> 7401 <span class="text-gray-400 bals-ht-score">0-0</span> 7402 </div> 7403 <!-- Corner --> 7404 <div class="flex items-center gap-1"> 7405 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 7406<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 7407<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 7408</svg>
7409 <span class="text-gray-400 bals-corners">0-0</span> 7410 </div> 7411 <!-- Yellow Card --> 7412 <div class="flex items-center gap-1"> 7413 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 7414 class="h-3 w-3" /> 7415 <span 7416 class="text-gray-400 bals-yellow-cards">0-0</span> 7417 </div> 7418 </div> 7419 </div> 7420 7421 7422 <div class="flex-1 min-w-0"></div> 7423 7424 7425 <div class="flex-shrink-0 flex items-center"> 7426 <div class="w-[120px] sm:w-[125px] min-w-0"> 7427 <div class="text-right mr-1.5 bals-odds"> 7428 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 7429 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.83</div> 7430 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.4</div> 7431 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">4</div> 7432 </div> 7433 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 7434 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.92</div> 7435 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.5</div> 7436 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.87</div> 7437 </div> 7438 </div> 7439 </div> 7440 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 7441 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 7442 </a> 7443 </div> 7444 </div> 7445 </div> 7446 </div> 7447 </div> 7448 </div> 7449 7450 7451 </div> 7452<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 7453 bals-upcoming-match" 7454 data-accent="hot" 7455 data-template="chroma" data-match-id="vjxm8gheow4pr6o" data-match-time="1791594000" 7456 data-home-team-id="kdj2ryoh66gq1zp" data-away-team-id="zp5rzghjkxvq82w" 7457 data-competition-id="9k82rekhp6repzj" x-data="{ 7458 activeCount: 0, 7459 showModal: false, 7460 showStreamers: false, 7461 view: 'timeline', 7462 hoverTimer: null, 7463 closeTimer: null, 7464 openModal() { 7465 clearTimeout(this.closeTimer); 7466 this.hoverTimer = setTimeout(() => { 7467 this.showModal = true; 7468 }, 500); 7469 }, 7470 closeModal() { 7471 clearTimeout(this.hoverTimer); 7472 clearTimeout(this.closeTimer); 7473 this.closeTimer = setTimeout(() => { 7474 this.showModal = false;
7475 }, 300); 7476 } 7477 }" 7478 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 7479 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 7480 data-streamer-ids="["69b8e6f43bcf2231c35d5144"]" 7481 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 7482 <div class="block relative group"> 7483 <a href="https://toptrader.io/truc-tiep/puebla-vs-club-leon-ngay-10-10-2026/" class="absolute inset-0 z-0" 7484 data-tooltip="Puebla vs Club Leon lúc 08:00 ngà y 10/10/2026" 7485 data-title="Puebla vs Club Leon lúc 08:00 ngà y 10/10/2026"></a> 7486 <div class="chroma-signal-lock" aria-hidden="true"></div> 7487 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 7488 7489 <div class="flex items-center justify-between sm:mb-0 mb-2"> 7490 7491 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 7492 <img src="https://img.thesports.com/football/competition/324d7a463a24c4cd35ef83456a1b8d05.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 7493 loading="lazy" /> 7494 <span class="truncate tracking-wide bals-competition-name">Mexico Liga MX</span> 7495 </div> 7496 7497 <div 7498 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 7499 <span> 08:00 </span> 7500 <span class="text-gray-400 leading-none text-base">â¢</span> 7501 7502 <span>10/10</span> 7503 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 7504 <span 7505 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 7506 </div> 7507 </div> 7508 7509 <div class="relative"> 7510 7511 <div 7512 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 7513 <span class="bals-status-name mr-1">NS</span> : 7514 <span class="ml-1 bals-elapsed-time"> - </span> </div> 7515 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 7516 7517 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 7518 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 7519 Puebla 7520 </div> 7521 <img data-src="https://static.sportsfeed.pro/football/team/a98bd615308472b65dc82bcc3a2d54fb.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Puebla Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 7522 7523 <div 7524 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto" 7525 > 7526 <div 7527 class="bals-score-track bals-score-track--vs"> 7528 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 7529 <span 7530 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 7531 0 7532 </span>
7533 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 7534 <span 7535 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 7536 0 7537 </span> 7538 </div> 7539 </div> 7540 7541 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 7542 <img data-src="https://static.sportsfeed.pro/football/team/4695f653aca6ac49ff2baa4a961fa67b.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Club Leon Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 7543 Club Leon 7544 </div> 7545 </div> 7546 </div> 7547 7548 <div 7549 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 7550 </div> 7551 7552 7553 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" style="display:none" > 7554 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 7555 <!-- HT Score --> 7556 <div class="flex items-center gap-1"> 7557 <span class="text-primary font-semibold">HT</span> 7558 <span class="text-gray-400 bals-ht-score">0-0</span> 7559 </div> 7560 <!-- Corner --> 7561 <div class="flex items-center gap-1"> 7562 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 7563<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 7564<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 7565</svg> 7566 <span class="text-gray-400 bals-corners">0-0</span> 7567 </div> 7568 <!-- Yellow Card --> 7569 <div class="flex items-center gap-1"> 7570 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 7571 <span class="text-gray-400 bals-yellow-cards">0-0</span> 7572 </div> 7573 </div> 7574 </div> 7575 </div> 7576 7577 7578 <div class="space-y-3"> 7579 <div class="h-px w-full border-t-gradient-silver-fade"></div> 7580 <div class="relative"> 7581 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 7582 7583 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 7584 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" style="display:none" > 7585 <!-- HT Score --> 7586 <div class="flex items-center gap-1"> 7587 <span class="text-primary font-semibold">HT</span> 7588 <span class="text-gray-400 bals-ht-score">0-0</span> 7589 </div> 7590 <!-- Corner --> 7591 <div class="flex items-center gap-1"> 7592 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 7593<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 7594<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 7595</svg>
7596 <span class="text-gray-400 bals-corners">0-0</span> 7597 </div> 7598 <!-- Yellow Card --> 7599 <div class="flex items-center gap-1"> 7600 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 7601 class="h-3 w-3" /> 7602 <span 7603 class="text-gray-400 bals-yellow-cards">0-0</span> 7604 </div> 7605 </div> 7606 </div> 7607 7608 7609 <div class="flex-1 min-w-0 flex sm:justify-center justify-start"> 7610 7611 <div class="sm:hidden flex items-center relative pointer-events-auto" 7612 :class="{ 'z-[100]': showStreamers }"> 7613 7614 7615 <div class="flex items-center gap-1.5 text-xs text-gray-light"> 7616 <img data-src="https://bucket.antlive.pro/cafc255dc6e263fb0fd6ab2824ff5e08-1773731703855-photo_2026-03-10_09-54-33.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-5 w-5 rounded-full object-cover border border-green/60" alt="KAYTI" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <span class="truncate max-w-[70px]">KAYTI</span> 7617 </div> 7618 </div> 7619 7620 <div class="hidden sm:flex items-center gap-1.5 relative pointer-events-auto"> 7621 <div class="chroma-commentator-chip"> 7622 <div class="chroma-commentator-frame"> 7623 <img data-src="https://bucket.antlive.pro/cafc255dc6e263fb0fd6ab2824ff5e08-1773731703855-photo_2026-03-10_09-54-33.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton " alt="KAYTI" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 7624 <span class="chroma-commentator-name truncate">KAYTI</span> 7625 </div> 7626 </div> 7627 </div> 7628 7629 7630 <div class="flex-shrink-0 flex items-center"> 7631 <div class="w-[120px] sm:w-[125px] min-w-0"> 7632 <div class="text-right mr-1.5 bals-odds"> 7633 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 7634 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.9</div> 7635 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.4</div> 7636 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.45</div> 7637 </div> 7638 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 7639 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.75</div> 7640 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-0.25</div> 7641 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.05</div> 7642 </div> 7643 </div> 7644 </div> 7645 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 7646 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 7647 </a> 7648 </div> 7649 </div> 7650 </div> 7651 </div> 7652 </div> 7653 </div> 7654 7655 7656 </div> 7657<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 7658 bals-upcoming-match" 7659 data-accent="hot" 7660 data-template="chroma" data-match-id="y0or5jh8dol0qwz" data-match-time="1791601200" 7661 data-home-team-id="ednm9whk9g2ryox" data-away-team-id="z318q66h9p6qo9j" 7662 data-competition-id="9k82rekhp6repzj" x-data="{ 7663 activeCount: 0, 7664 showModal: false, 7665 showStreamers: false, 7666 view: 'timeline', 7667 hoverTimer: null, 7668 closeTimer: null, 7669 openModal() { 7670 clearTimeout(this.closeTimer); 7671 this.hoverTimer = setTimeout(() => { 7672 this.showModal = true; 7673 }, 500); 7674 }, 7675 closeModal() { 7676 clearTimeout(this.hoverTimer); 7677 clearTimeout(this.closeTimer); 7678 this.closeTimer = setTimeout(() => { 7679 this.showModal = false;
7680 }, 300); 7681 } 7682 }" 7683 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 7684 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 7685 data-streamer-ids="["6a2a59b347bbddd62a8dc4e4"]" 7686 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 7687 <div class="block relative group"> 7688 <a href="https://toptrader.io/truc-tiep/tigres-uanl-vs-toluca-ngay-10-10-2026/" class="absolute inset-0 z-0" 7689 data-tooltip="Tigres UANL vs Toluca lúc 10:00 ngà y 10/10/2026" 7690 data-title="Tigres UANL vs Toluca lúc 10:00 ngà y 10/10/2026"></a> 7691 <div class="chroma-signal-lock" aria-hidden="true"></div> 7692 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 7693 7694 <div class="flex items-center justify-between sm:mb-0 mb-2"> 7695 7696 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 7697 <img src="https://img.thesports.com/football/competition/324d7a463a24c4cd35ef83456a1b8d05.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 7698 loading="lazy" /> 7699 <span class="truncate tracking-wide bals-competition-name">Mexico Liga MX</span> 7700 </div> 7701 7702 <div 7703 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 7704 <span> 10:00 </span> 7705 <span class="text-gray-400 leading-none text-base">â¢</span> 7706 7707 <span>10/10</span> 7708 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 7709 <span 7710 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 7711 </div> 7712 </div> 7713 7714 <div class="relative"> 7715 7716 <div 7717 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 7718 <span class="bals-status-name mr-1">NS</span> : 7719 <span class="ml-1 bals-elapsed-time"> - </span> </div> 7720 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 7721 7722 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 7723 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 7724 Tigres UANL 7725 </div> 7726 <img data-src="https://static.sportsfeed.pro/football/team/a7df6424c12ac9b7a6e5ca3ff953d5b3.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Tigres UANL Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 7727 7728 <div 7729 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto" 7730 > 7731 <div 7732 class="bals-score-track bals-score-track--vs"> 7733 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 7734 <span 7735 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 7736 0 7737 </span>
7738 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 7739 <span 7740 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 7741 0 7742 </span> 7743 </div> 7744 </div> 7745 7746 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 7747 <img data-src="https://static.sportsfeed.pro/football/team/725ccd5793be6b4f8dd917170dd17d04.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Toluca Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 7748 Toluca 7749 </div> 7750 </div> 7751 </div> 7752 7753 <div 7754 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 7755 </div> 7756 7757 7758 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" style="display:none" > 7759 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 7760 <!-- HT Score --> 7761 <div class="flex items-center gap-1"> 7762 <span class="text-primary font-semibold">HT</span> 7763 <span class="text-gray-400 bals-ht-score">0-0</span> 7764 </div> 7765 <!-- Corner --> 7766 <div class="flex items-center gap-1"> 7767 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 7768<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 7769<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 7770</svg> 7771 <span class="text-gray-400 bals-corners">0-0</span> 7772 </div> 7773 <!-- Yellow Card --> 7774 <div class="flex items-center gap-1"> 7775 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 7776 <span class="text-gray-400 bals-yellow-cards">0-0</span> 7777 </div> 7778 </div> 7779 </div> 7780 </div> 7781 7782 7783 <div class="space-y-3"> 7784 <div class="h-px w-full border-t-gradient-silver-fade"></div> 7785 <div class="relative"> 7786 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 7787 7788 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 7789 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" style="display:none" > 7790 <!-- HT Score --> 7791 <div class="flex items-center gap-1"> 7792 <span class="text-primary font-semibold">HT</span> 7793 <span class="text-gray-400 bals-ht-score">0-0</span> 7794 </div> 7795 <!-- Corner --> 7796 <div class="flex items-center gap-1"> 7797 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 7798<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 7799<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 7800</svg>
7801 <span class="text-gray-400 bals-corners">0-0</span> 7802 </div> 7803 <!-- Yellow Card --> 7804 <div class="flex items-center gap-1"> 7805 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 7806 class="h-3 w-3" /> 7807 <span 7808 class="text-gray-400 bals-yellow-cards">0-0</span> 7809 </div> 7810 </div> 7811 </div> 7812 7813 7814 <div class="flex-1 min-w-0 flex sm:justify-center justify-start"> 7815 7816 <div class="sm:hidden flex items-center relative pointer-events-auto" 7817 :class="{ 'z-[100]': showStreamers }"> 7818 7819 7820 <div class="flex items-center gap-1.5 text-xs text-gray-light"> 7821 <img data-src="https://bucket.antlive.pro/9a378fe717baf2b868bb0df595f85842-1788685114524-avt.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-5 w-5 rounded-full object-cover border border-green/60" alt="SiêU" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <span class="truncate max-w-[70px]">SiêU</span> 7822 </div> 7823 </div> 7824 7825 <div class="hidden sm:flex items-center gap-1.5 relative pointer-events-auto"> 7826 <div class="chroma-commentator-chip"> 7827 <div class="chroma-commentator-frame"> 7828 <img data-src="https://bucket.antlive.pro/9a378fe717baf2b868bb0df595f85842-1788685114524-avt.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton " alt="SiêU" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 7829 <span class="chroma-commentator-name truncate">SiêU</span> 7830 </div> 7831 </div> 7832 </div> 7833 7834 7835 <div class="flex-shrink-0 flex items-center"> 7836 <div class="w-[120px] sm:w-[125px] min-w-0"> 7837 <div class="text-right mr-1.5 bals-odds"> 7838 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 7839 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.9</div> 7840 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.6</div> 7841 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.25</div> 7842 </div> 7843 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 7844 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.85</div> 7845 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-0.25</div> 7846 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.95</div> 7847 </div> 7848 </div> 7849 </div> 7850 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 7851 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 7852 </a> 7853 </div> 7854 </div> 7855 </div> 7856 </div> 7857 </div> 7858 </div> 7859 7860 7861 </div> 7862<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 7863 bals-upcoming-match" 7864 data-accent="hot" 7865 data-template="chroma" data-match-id="2y8m4zh5d98yql0" data-match-time="1791631800" 7866 data-home-team-id="z318q66hdd1qo9j" data-away-team-id="gx7lm7phdv4m2wd" 7867 data-competition-id="jednm9whz0ryox8" x-data="{ 7868 activeCount: 0, 7869 showModal: false, 7870 showStreamers: false, 7871 view: 'timeline', 7872 hoverTimer: null, 7873 closeTimer: null, 7874 openModal() { 7875 clearTimeout(this.closeTimer); 7876 this.hoverTimer = setTimeout(() => { 7877 this.showModal = true; 7878 }, 500); 7879 }, 7880 closeModal() { 7881 clearTimeout(this.hoverTimer); 7882 clearTimeout(this.closeTimer); 7883 this.closeTimer = setTimeout(() => { 7884 this.showModal = false;
7885 }, 300); 7886 } 7887 }" 7888 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 7889 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 7890 7891 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 7892 <div class="block relative group"> 7893 <a href="https://toptrader.io/truc-tiep/arsenal-vs-leeds-united-ngay-10-10-2026/" class="absolute inset-0 z-0" 7894 data-tooltip="Arsenal vs Leeds United lúc 18:30 ngà y 10/10/2026" 7895 data-title="Arsenal vs Leeds United lúc 18:30 ngà y 10/10/2026"></a> 7896 <div class="chroma-signal-lock" aria-hidden="true"></div> 7897 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 7898 7899 <div class="flex items-center justify-between sm:mb-0 mb-2"> 7900 7901 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 7902 <img src="https://img.thesports.com/football/competition/3549f192c75cbc737a05fd51ecad383e.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 7903 loading="lazy" /> 7904 <span class="truncate tracking-wide bals-competition-name">English Premier League</span> 7905 </div> 7906 7907 <div 7908 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 7909 <span> 18:30 </span> 7910 <span class="text-gray-400 leading-none text-base">â¢</span> 7911 7912 <span>10/10</span> 7913 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 7914 <span 7915 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 7916 </div> 7917 </div> 7918 7919 <div class="relative"> 7920 7921 <div 7922 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 7923 <span class="bals-status-name mr-1">NS</span> : 7924 <span class="ml-1 bals-elapsed-time"> - </span> </div> 7925 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 7926 7927 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 7928 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 7929 Arsenal 7930 </div> 7931 <img data-src="https://static.sportsfeed.pro/football/team/d6f5debc456da1119256ab66462ab510.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Arsenal Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 7932 7933 <div 7934 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto" 7935 > 7936 <div 7937 class="bals-score-track bals-score-track--vs"> 7938 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 7939 <span 7940 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 7941 0 7942 </span>
7943 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 7944 <span 7945 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 7946 0 7947 </span> 7948 </div> 7949 </div> 7950 7951 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 7952 <img data-src="https://static.sportsfeed.pro/football/team/1d7680c902207ad6cc3a40bc5125bdf5.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Leeds United Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 7953 Leeds United 7954 </div> 7955 </div> 7956 </div> 7957 7958 <div 7959 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 7960 </div> 7961 7962 7963 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" style="display:none" > 7964 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 7965 <!-- HT Score --> 7966 <div class="flex items-center gap-1"> 7967 <span class="text-primary font-semibold">HT</span> 7968 <span class="text-gray-400 bals-ht-score">0-0</span> 7969 </div> 7970 <!-- Corner --> 7971 <div class="flex items-center gap-1"> 7972 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 7973<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 7974<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 7975</svg> 7976 <span class="text-gray-400 bals-corners">0-0</span> 7977 </div> 7978 <!-- Yellow Card --> 7979 <div class="flex items-center gap-1"> 7980 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 7981 <span class="text-gray-400 bals-yellow-cards">0-0</span> 7982 </div> 7983 </div> 7984 </div> 7985 </div> 7986 7987 7988 <div class="space-y-3"> 7989 <div class="h-px w-full border-t-gradient-silver-fade"></div> 7990 <div class="relative"> 7991 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 7992 7993 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 7994 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" style="display:none" > 7995 <!-- HT Score --> 7996 <div class="flex items-center gap-1"> 7997 <span class="text-primary font-semibold">HT</span> 7998 <span class="text-gray-400 bals-ht-score">0-0</span> 7999 </div> 8000 <!-- Corner --> 8001 <div class="flex items-center gap-1"> 8002 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 8003<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 8004<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 8005</svg>
8006 <span class="text-gray-400 bals-corners">0-0</span> 8007 </div> 8008 <!-- Yellow Card --> 8009 <div class="flex items-center gap-1"> 8010 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 8011 class="h-3 w-3" /> 8012 <span 8013 class="text-gray-400 bals-yellow-cards">0-0</span> 8014 </div> 8015 </div> 8016 </div> 8017 8018 8019 <div class="flex-1 min-w-0"></div> 8020 8021 8022 <div class="flex-shrink-0 flex items-center"> 8023 <div class="w-[120px] sm:w-[125px] min-w-0"> 8024 <div class="text-right mr-1.5 bals-odds"> 8025 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 8026 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.4</div> 8027 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">5</div> 8028 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">7</div> 8029 </div> 8030 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 8031 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.9</div> 8032 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.25</div> 8033 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.95</div> 8034 </div> 8035 </div> 8036 </div> 8037 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 8038 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 8039 </a> 8040 </div> 8041 </div> 8042 </div> 8043 </div> 8044 </div> 8045 </div> 8046 8047 8048 </div> 8049<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 8050 bals-upcoming-match" 8051 data-accent="hot" 8052 data-template="chroma" data-match-id="4wyrn4h6n9enq86" data-match-time="1791633600" 8053 data-home-team-id="gy0or5jhp88qwzv" data-away-team-id="gy0or5jhd6yqwzv" 8054 data-competition-id="vl7oqdehlyr510j" x-data="{ 8055 activeCount: 0, 8056 showModal: false, 8057 showStreamers: false, 8058 view: 'timeline', 8059 hoverTimer: null, 8060 closeTimer: null, 8061 openModal() { 8062 clearTimeout(this.closeTimer); 8063 this.hoverTimer = setTimeout(() => { 8064 this.showModal = true; 8065 }, 500); 8066 }, 8067 closeModal() { 8068 clearTimeout(this.hoverTimer); 8069 clearTimeout(this.closeTimer); 8070 this.closeTimer = setTimeout(() => { 8071 this.showModal = false;
8072 }, 300); 8073 } 8074 }" 8075 x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 8076 x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))" 8077 8078 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 8079 <div class="block relative group"> 8080 <a href="https://toptrader.io/truc-tiep/rayo-vallecano-vs-athletic-club-ngay-10-10-2026/" class="absolute inset-0 z-0" 8081 data-tooltip="Vallecano vs Ath Bilbao lúc 19:00 ngà y 10/10/2026" 8082 data-title="Vallecano vs Ath Bilbao lúc 19:00 ngà y 10/10/2026"></a> 8083 <div class="chroma-signal-lock" aria-hidden="true"></div> 8084 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 8085 8086 <div class="flex items-center justify-between sm:mb-0 mb-2"> 8087 8088 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 8089 <img src="https://img.thesports.com/football/competition/1fbbb4be3b47d9465c5badecc3122e07.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 8090 loading="lazy" /> 8091 <span class="truncate tracking-wide bals-competition-name">Spanish La Liga</span> 8092 </div> 8093 8094 <div 8095 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 8096 <span> 19:00 </span> 8097 <span class="text-gray-400 leading-none text-base">â¢</span> 8098 8099 <span>10/10</span> 8100 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 8101 <span 8102 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 8103 </div> 8104 </div> 8105 8106 <div class="relative"> 8107 8108 <div 8109 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 8110 <span class="bals-status-name mr-1">NS</span> : 8111 <span class="ml-1 bals-elapsed-time"> - </span> </div> 8112 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 8113 8114 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 8115 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 8116 Vallecano 8117 </div> 8118 <img data-src="https://static.sportsfeed.pro/football/team/5005d8feab109ce64e40beb98073cc1f.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Vallecano Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 8119 8120 <div 8121 class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto" 8122 > 8123 <div 8124 class="bals-score-track bals-score-track--vs"> 8125 <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 8126 <span 8127 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 8128 0 8129 </span>
8130 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 8131 <span 8132 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 8133 0 8134 </span> 8135 </div> 8136 </div> 8137 8138 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 8139 <img data-src="https://static.sportsfeed.pro/football/team/abbb31d42c55612737713aac6567a226.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Ath Bilbao Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 8140 Ath Bilbao 8141 </div> 8142 </div> 8143 </div> 8144 8145 <div 8146 class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note"> 8147 </div> 8148 8149 8150 <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" style="display:none" > 8151 <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5"> 8152 <!-- HT Score --> 8153 <div class="flex items-center gap-1"> 8154 <span class="text-primary font-semibold">HT</span> 8155 <span class="text-gray-400 bals-ht-score">0-0</span> 8156 </div> 8157 <!-- Corner --> 8158 <div class="flex items-center gap-1"> 8159 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 8160<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 8161<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 8162</svg> 8163 <span class="text-gray-400 bals-corners">0-0</span> 8164 </div> 8165 <!-- Yellow Card --> 8166 <div class="flex items-center gap-1"> 8167 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" /> 8168 <span class="text-gray-400 bals-yellow-cards">0-0</span> 8169 </div> 8170 </div> 8171 </div> 8172 </div> 8173 8174 8175 <div class="space-y-3"> 8176 <div class="h-px w-full border-t-gradient-silver-fade"></div> 8177 <div class="relative"> 8178 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 8179 8180 <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]"> 8181 <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" style="display:none" > 8182 <!-- HT Score --> 8183 <div class="flex items-center gap-1"> 8184 <span class="text-primary font-semibold">HT</span> 8185 <span class="text-gray-400 bals-ht-score">0-0</span> 8186 </div> 8187 <!-- Corner --> 8188 <div class="flex items-center gap-1"> 8189 <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 8190<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/> 8191<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/> 8192</svg>
8193 <span class="text-gray-400 bals-corners">0-0</span> 8194 </div> 8195 <!-- Yellow Card --> 8196 <div class="flex items-center gap-1"> 8197 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" 8198 class="h-3 w-3" /> 8199 <span 8200 class="text-gray-400 bals-yellow-cards">0-0</span> 8201 </div> 8202 </div> 8203 </div> 8204 8205 8206 <div class="flex-1 min-w-0"></div> 8207 8208 8209 <div class="flex-shrink-0 flex items-center"> 8210 <div class="w-[120px] sm:w-[125px] min-w-0"> 8211 <div class="text-right mr-1.5 bals-odds"> 8212 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 8213 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.7</div> 8214 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.4</div> 8215 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.6</div> 8216 </div> 8217 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 8218 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.97</div> 8219 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0</div> 8220 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.87</div> 8221 </div> 8222 </div> 8223 </div> 8224 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 8225 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 8226 </a> 8227 </div> 8228 </div> 8229 </div> 8230 </div> 8231 </div> 8232 </div> 8233 8234 8235 </div> 8236 8237 </div> 8238 8239 <div class="flex justify-center items-center py-5 gap-1"> 8240 <button 8241 class="load-more-matches px-6 py-2 rounded-full inset-ring inset-ring-gray-500/70 text-gray-400 cursor-pointer hover:bg-gray-700 hover:text-white transition-colors text-base font-normal" 8242 data-tab="all"> 8243 Tải thêm các tráºn Äấu 8244 </button> 8245 </div> 8246 </div> 8247 8248 <!-- Tomorrow's Matches Content --> 8249 <div class="hidden tomorrow-match-container" id="tomorrow-content" role="tabpanel" aria-labelledby="tomorrow-tab"> 8250 <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-2 gap-4 tomorrow-matches-grid"> 8251 <!-- Matches will be loaded here via AJAX --> 8252 </div> 8253 <div class="flex justify-center items-center py-5 gap-1 load-more-tomorrow-container" style="display: none;"> 8254 <button class="load-more-tomorrow px-6 py-2 rounded-full inset-ring inset-ring-gray-500/70 text-gray-400 cursor-pointer hover:bg-gray-700 hover:text-white transition-colors font-normal"> 8255 Tải thêm các tráºn Äấu 8256 </button> 8257 </div> 8258 </div> 8259 8260 <!-- Settings Content --> 8261 <div class="hidden" id="settings-content" role="tabpanel" aria-labelledby="settings-tab"> 8262 <!-- Settings form will be loaded here --> 8263 <p>League settings</p> 8264 </div> 8265 </div> 8266 </div> 8267 8268 8269 <div class="basketball-section" x-show="activeSport === 'basketball'" x-cloak> 8270 <div class="w-full actual-tabs p-4 mb-4 rounded-b-sm relative isolate overflow-visible z-[130]" style=" 8271 background: 8272 linear-gradient(180deg, rgba(5,10,20,0.88) 0%, rgba(3,8,16,0.94) 55%, rgba(2,6,12,0.98) 100%), 8273 radial-gradient(circle at 50% 30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.07) 20%, transparent 52%), 8274 url('https://toptrader.io/app/themes/ba-theme/public/build/assets/gradient_theme-Ccou1Gf6.webp'); 8275 background-repeat: no-repeat; 8276 background-size: 100% 180px; 8277 background-position: center -62px; 8278 border: 1px solid rgba(255,255,255,0.05); 8279 border-top: 1px solid rgba(255,255,255,0.04); 8280 " >
8281 <!-- Desktop Layout --> 8282 <div class="hidden sm:flex items-center justify-between"> 8283 <div id="bbFilterTabs" 8284 class="flex-1 flex items-center space-x-4 overflow-x-auto whitespace-nowrap no-scrollbar" 8285 data-tabs-toggle="#bbFilterTabsContent" 8286 data-tabs-active-classes="!border-[rgb(var(--color-primary-rgb))] hover:!border-primary/30 bg-[#1C242D]" 8287 data-tabs-inactive-classes="hover:!border-primary/30 bg-[#1C242D]" 8288 role="tablist" 8289 style="-webkit-overflow-scrolling: touch;"> 8290 <!-- Live Tab --> 8291 <button id="bb-live-tab" 8292 data-tabs-target="#bb-live-content" 8293 type="button" role="tab" aria-controls="bb-live-content" 8294 class="flex-shrink-0 flex items-center gap-2 px-4 py-2 font-medium rounded-sm tab-gradient cursor-pointer border border-transparent"> 8295 <svg class="w-12 h-5" width="50" height="18" viewBox="0 0 50 18" fill="none" xmlns="http://www.w3.org/2000/svg">
8296<path d="M11.962 14V4.77H13.756V12.427H18.462V14H11.962ZM19.5538 14V4.77H21.3478V14H19.5538ZM24.2225 4.77L26.7185 11.868L29.1885 4.77H31.0735L27.5765 14H25.8475L22.3375 4.77H24.2225ZM38.4677 12.427V14H32.0587V4.77H38.3507V6.343H33.8527V8.566H37.7397V10.022H33.8527V12.427H38.4677Z" fill="white"/> 8297<path d="M5.49408 14.1756C5.63601 14.3189 5.80017 14.402 5.98657 14.4248C6.17297 14.4477 6.3378 14.3937 6.48108 14.2627C6.54728 14.1862 6.6108 14.0988 6.67162 14.0003C6.73245 13.9019 6.76313 13.7978 6.76367 13.6881C6.764 13.6223 6.74792 13.5454 6.71543 13.4575C6.68295 13.3695 6.65034 13.309 6.61759 13.276C6.07221 12.626 5.66979 11.9108 5.41032 11.1306C5.13981 10.3613 5.00653 9.57617 5.01047 8.77528C5.01441 7.97438 5.15543 7.18515 5.43354 6.40755C5.70063 5.64086 6.11003 4.93523 6.66177 4.29063C6.8051 4.14871 6.86629 3.97621 6.84535 3.77313C6.8244 3.57006 6.74289 3.41332 6.6008 3.30291C6.45888 3.15958 6.28638 3.09839 6.08331 3.11933C5.88024 3.14028 5.72349 3.22179 5.61308 3.36388C4.93996 4.15051 4.43654 5.00927 4.10282 5.9402C3.75808 6.88205 3.58334 7.83295 3.57862 8.79292C3.5739 9.7529 3.72836 10.6944 4.04199 11.6176C4.36653 12.5517 4.85056 13.4044 5.49408
829714.1756ZM3.02467 0.964877C2.04268 2.0901 1.3015 3.33169 0.801108 4.68969C0.300715 6.04768 0.0470433 7.4343 0.0400831 8.84958C0.0331229 10.2649 0.273145 11.6539 0.760156 13.0167C1.24711 14.3906 1.97604 15.6394 2.94697 16.7632C3.0889 16.9066 3.25306 16.9897 3.43946 17.0125C3.62586 17.0354 3.79072 16.9759 3.93405 16.8339C4.04424 16.7357 4.11874 16.6456 4.15755 16.5635C4.19635 16.4814 4.21602 16.3855 4.21656 16.2758C4.21689 16.21 4.20356 16.1303 4.17659 16.037C4.14963 15.9436 4.11439 15.8584 4.07088 15.7814C3.1981 14.7787 2.54526 13.6728 2.11235 12.4639C1.67939 11.2658 1.46597 10.0442 1.47209 8.79902C1.47822 7.55379 1.70364 6.33435 2.14837 5.14065C2.59309 3.94696 3.25669 2.86407 4.13919 1.89195C4.28251 1.75003 4.34366 1.58576 4.32264 1.39914C4.30161 1.21253 4.22014 1.04756 4.07822 0.904229C3.90338 0.760741 3.71995 0.691269 3.52793 0.695811C3.33591 0.700353 3.16816 0.79004 3.02467 0.964877Z" fill="var(--color-primary, #FF3333)"/> 8298<path d="M44.5059 14.1756C44.364 14.3189 44.1998 14.402 44.0134 14.4248C43.827 14.4477 43.6622 14.3937 43.5189 14.2627C43.4527 14.1862 43.3892 14.0988 43.3284 14.0003C43.2675 13.9019 43.2369 13.7978 43.2363 13.6881C43.236 13.6223 43.2521 13.5454 43.2846 13.4575C43.317 13.3695 43.3497 13.309 43.3824 13.276C43.9278 12.626 44.3302 11.9108 44.5897 11.1306C44.8602 10.3613 44.9935 9.57617 44.9895 8.77528C44.9856 7.97438 44.8446 7.18515 44.5665 6.40755C44.2994 5.64086 43.89 4.93523 43.3382 4.29063C43.1949 4.14871 43.1337 3.97621 43.1547 3.77313C43.1756 3.57006 43.2571 3.41332 43.3992 3.30291C43.5411 3.15958 43.7136 3.09839 43.9167 3.11933C44.1198 3.14028 44.2765 3.22179 44.3869 3.36388C45.06 4.15051 45.5635 5.00927 45.8972 5.9402C46.2419 6.88205 46.4167 7.83295 46.4214 8.79292C46.4261 9.7529 46.2716 10.6944 45.958 11.6176C45.6335 12.5517 45.1494 13.4044 44.5059 14.1756ZM46.9753 0.964876C47.9573 2.0901 48.6985 3.33169 49.1989 4.68969C49.6993 6.04768 49.953 7.4343 49.9599 8.84958C49.9669 10.2649 49.7269 11.6539 49.2398 13.0167C48.7529 14.3906 48.024 15.6394 47.053 16.7632C46.9111 16.9066 46.7469 16.9897 46.5605 17.0125C46.3741 17.0354 46.2093 16.9759 46.066 16.8339C45.9558 16.7357 45.8813 16.6456 45.8425 16.5635C45.8036 16.4814 45.784 16.3855 45.7834 16.2758C45.7831 16.21 45.7964 16.1303 45.8234 16.037C45.8504 15.9436 45.8856 15.8584 45.9291 15.7814C46.8019 14.7787 47.4547 13.6728 47.8876 12.4639C48.3206 11.2658 48.534 10.0442 48.5279 8.79902C48.5218 7.55379 48.2964 6.33435 47.8516 5.14065C47.4069 3.94696 46.7433 2.86407 45.8608 1.89195C45.7175 1.75003 45.6563 1.58576 45.6774 1.39914C45.6984 1.21253 45.7799 1.04756 45.9218 0.904229C46.0966 0.760741 46.28 0.691268 46.4721 0.69581C46.6641 0.700352 46.8318 0.790039 46.9753 0.964876Z" fill="var(--color-primary, #FF3333)"/> 8299</svg> 8300 <span class="text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm bb-live-count">5</span> 8301 </button> 8302 <!-- Upcoming Tab --> 8303 <button id="bb-upcoming-tab" 8304 data-tabs-target="#bb-upcoming-content" 8305 type="button" role="tab" aria-controls="bb-upcoming-content" 8306 class="flex-shrink-0 flex items-center gap-2 px-4 py-2 font-medium rounded-sm tab-gradient cursor-pointer border border-transparent"> 8307 <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 8308<g clip-path="url(#clip-cal-6ac96c42b463e)"> 8309<path d="M1.31836 12.7734H13.6816V5.74219H1.31836V12.7734ZM13.6816 1.78711H1.31836C0.590244 1.78711 0 2.37735 0 3.10547V4.42383C0 4.90922 0.393486 5.30273 0.878906 5.30273H14.1211C14.6065 5.30273 15 4.90922 15 4.42383V3.10547C15 2.37735 14.4098 1.78711 13.6816 1.78711Z" fill="url(#cal-6ac96c42b463e-p)"/> 8310<path d="M2.22656 3.54492C2.46946 3.54492 2.66602 3.34837 2.66602 3.10547V1.34766C2.66602 1.10476 2.46946 0.908203 2.22656 0.908203C1.98366 0.908203 1.78711 1.10476 1.78711 1.34766V3.10547C1.78711 3.34837 1.98366 3.54492 2.22656 3.54492ZM5.74219 3.54492C5.98509 3.54492 6.18164 3.34837 6.18164 3.10547V1.34766C6.18164 1.10476 5.98509 0.908203 5.74219 0.908203C5.49929 0.908203 5.30273 1.10476 5.30273 1.34766V3.10547C5.30273 3.34837 5.49929 3.54492 5.74219 3.54492ZM9.25781 3.54492C9.50071 3.54492 9.69727 3.34837 9.69727 3.10547V1.34766C9.69727 1.10476 9.50071 0.908203 9.25781 0.908203C9.01491 0.908203 8.81836 1.10476 8.81836 1.34766V3.10547C8.81836 3.34837 9.01491 3.54492 9.25781 3.54492ZM12.7734 3.54492C13.0163 3.54492 13.2129 3.34837 13.2129 3.10547V1.34766C13.2129 1.10476 13.0163 0.908203 12.7734 0.908203C12.5305 0.908203 12.334 1.10476 12.334 1.34766V3.10547C12.334 3.34837 12.5305 3.54492 12.7734 3.54492ZM0 4.42383V13.6523C0 13.895 0.196758 14.0918 0.439453 14.0918H14.5605C14.8032 14.0918 15 13.895 15 13.6523V4.42383H0ZM4.42383 11.8945C4.42383 12.1372 4.22707 12.334 3.98438 12.334H2.22656C1.98387 12.334 1.78711 12.1372 1.78711 11.8945V10.1367C1.78711 9.89402 1.98387 9.69727 2.22656 9.69727H3.98438C4.22707 9.69727 4.42383 9.89402 4.42383 10.1367V11.8945ZM4.42383 8.37891C4.42383 8.6216 4.22707 8.81836 3.98438 8.81836H2.22656C1.98387 8.81836 1.78711 8.6216 1.78711 8.37891V6.62109C1.78711 6.3784 1.98387 6.18164 2.22656 6.18164H3.98438C4.22707 6.18164 4.42383 6.3784 4.42383 6.62109V8.37891ZM8.81836 11.8945C8.81836 12.1372 8.6216 12.334 8.37891 12.334H6.62109C6.3784 12.334 6.18164 12.1372 6.18164 11.8945V10.1367C6.18164 9.89402 6.3784 9.69727 6.62109 9.69727H8.37891C8.6216 9.69727 8.81836 9.89402 8.81836 10.1367V11.8945ZM8.81836 8.37891C8.81836 8.6216 8.6216 8.81836 8.37891 8.81836H6.62109C6.3784 8.81836 6.18164 8.6216 6.18164 8.37891V6.62109C6.18164 6.3784 6.3784 6.18164 6.62109 6.18164H8.37891C8.6216 6.18164 8.81836 6.3784 8.81836 6.62109V8.37891ZM13.2129 11.8945C13.2129 12.1372 13.0161 12.334 12.7734 12.334H11.0156C10.7729 12.334 10.5762 12.1372 10.5
8310762 11.8945V10.1367C10.5762 9.89402 10.7729 9.69727 11.0156 9.69727H12.7734C13.0161 9.69727 13.2129 9.89402 13.2129 10.1367V11.8945ZM13.2129 8.37891C13.2129 8.6216 13.0161 8.81836 12.7734 8.81836H11.0156C10.7729 8.81836 10.5762 8.6216 10.5762 8.37891V6.62109C10.5762 6.3784 10.7729 6.18164 11.0156 6.18164H12.7734C13.0161 6.18164 13.2129 6.3784 13.2129 6.62109V8.37891Z" fill="url(#cal-6ac96c42b463e-a)"/> 8311</g> 8312<defs> 8313<linearGradient id="cal-6ac96c42b463e-p" x1="7.5" y1="1.78711" x2="7.5" y2="12.7734" gradientUnits="userSpaceOnUse"> 8314<stop stop-color="var(--color-primary, #FA6668)"/> 8315<stop offset="1" stop-color="var(--color-red-dark, #780F11)"/> 8316</linearGradient> 8317<linearGradient id="cal-6ac96c42b463e-a" x1="7.5" y1="14.0918" x2="7.5" y2="0.9082" gradientUnits="userSpaceOnUse"> 8318<stop stop-color="var(--color-primary-lighter, #FFBD00)"/> 8319<stop offset="1" stop-color="var(--color-primary-lighter, #FFFF58)"/> 8320</linearGradient> 8321<clipPath id="clip-cal-6ac96c42b463e"> 8322<rect width="15" height="15" fill="white"/> 8323</clipPath> 8324</defs> 8325</svg> 8326 <span>Sắp tá»i</span> 8327 <span class="text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm bb-upcoming-count">94</span> 8328 </button> 8329 <!-- Hot Tab --> 8330 <button id="bb-hot-tab" 8331 data-tabs-target="#bb-hot-content" 8332 type="button" role="tab" aria-controls="bb-hot-content" 8333 class="flex-shrink-0 flex items-center gap-2 px-4 py-2 font-medium rounded-sm tab-gradient cursor-pointer border border-transparent"> 8334 <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 8335<path d="M11.6409 4.64024C11.5044 4.57717 11.3452 4.58789 11.2191 4.66772C11.0925 4.74841 11.0157 4.8883 11.0157 5.03851V5.77148C11.0157 6.01395 10.8187 6.21094 10.5762 6.21094C10.3591 6.21094 10.1754 6.05473 10.1398 5.8423C9.78223 3.62613 8.15402 0 7.5 0C6.84598 0 5.21777 3.62613 4.8607 5.83972C4.82467 6.05473 4.64098 6.21094 4.42383 6.21094C4.18137 6.21094 3.98438 6.01395 3.98438 5.77148V5.03848C3.98438 4.88827 3.90756 4.74838 3.78097 4.6677C3.65438 4.58786 3.496 4.57714 3.35912 4.64021C1.86308 5.33804 0.908203 8.37902 0.908203 10.166C0.908203 13.0121 3.61875 15 7.5 15C11.3812 15 14.0918 13.0121 14.0918 10.166C14.0918 8.37902 13.1369 5.33804 11.6409 4.64024Z" fill="url(#fire-6ac96c42b46c0-p)"/> 8336<path d="M9.63161 9.05622C9.55137 8.92661 9.41016 8.84766 9.25781 8.84766H8.28279L7.92615 7.42287C7.88154 7.24433 7.73089 7.11258 7.54808 7.09243C7.3614 7.07312 7.18931 7.1688 7.1069 7.33275L5.34908 10.8484C5.28085 10.9844 5.28815 11.1462 5.36839 11.2758C5.44864 11.4054 5.58985 11.4844 5.74219 11.4844H6.71722L7.07385 12.9092C7.11847 13.0877 7.26911 13.2195 7.45193 13.2396C7.63998 13.2594 7.81248 13.1601 7.89311 12.9993L9.65092 9.48367C9.71915 9.34761 9.71186 9.18583 9.63161 9.05622Z" fill="url(#fire-6ac96c42b46c0-a)"/> 8337<defs> 8338<linearGradient id="fire-6ac96c42b46c0-p" x1="7.5" y1="0" x2="7.5" y2="15" gradientUnits="userSpaceOnUse"> 8339<stop stop-color="var(--color-primary, #FA6668)"/> 8340<stop offset="1" stop-color="var(--color-red-dark, #FF0500)"/> 8341</linearGradient> 8342<linearGradient id="fire-6ac96c42b46c0-a" x1="7.5" y1="13.2421" x2="7.5" y2="7.08996" gradientUnits="userSpaceOnUse"> 8343<stop stop-color="#FFBD00"/> 8344<stop offset="1" stop-color="#FFFF58"/> 8345</linearGradient> 8346</defs> 8347</svg> 8348 <span>Tráºn Hot</span> 8349 <span class="text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm bb-hot-count">46</span> 8350 </button> 8351 <!-- Commentator Tab --> 8352 <button id="bb-commentator-tab" 8353 data-tabs-target="#bb-commentator-content" 8354 type="button" role="tab" aria-controls="bb-commentator-content" 8355 class="flex-shrink-0 flex items-center gap-2 px-4 py-2 font-medium rounded-sm tab-gradient cursor-pointer border border-transparent"> 8356 <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 8357<path d="M11.8945 5.27344C11.6516 5.27344 11.4551 5.46999 11.4551 5.71289V6.15234H10.1367C9.89382 6.15234 9.69727 6.3489 9.69727 6.5918C9.69727 6.8347 9.89382 7.03125 10.1367 7.03125H11.4551V9.28711C11.4551 10.9831 10.0749 12.3633 8.37891 12.3633H6.62109C4.92507 12.3633 3.54492 10.9831 3.54492 9.28711V7.03125H4.86328C5.10618 7.03125 5.30273 6.8347 5.30273 6.5918C5.30273 6.3489 5.10618 6.15234 4.86328 6.15234H3.54492V5.71289C3.54492 5.46999 3.34837 5.27344 3.10547 5.27344C2.86257 5.27344 2.66602 5.46999 2.66602 5.71289V9.28711C2.66602 11.4681 4.44015 13.2422 6.62109 13.2422H7.06055V14.5605C7.06055 14.8034 7.2571 15 7.5 15C7.7429 15 7.93945 14.8034 7.93945 14.5605V13.2422H8.37891C10.5599 13.2422 12.334 11.4681 12.334 9.28711V5.71289C12.334 5.46999 12.1374 5.27344 11.8945 5.27344ZM4.42383 7.4707V9.28711C4.42383 10.5 5.4082 11.4844 6.62109 11.4844H8.37891C9.5918 11.4844 10.5762 10.5 10.5762 9.28711V7.4707L7.67435 6.5918L4.42383 7.4707ZM5.74219 5.71289C5.74219 6.1974 6.13614 6.5918 6.62
8357109 6.5918C7.10604 6.5918 7.5 6.1974 7.5 5.71289C7.5 5.22838 7.10604 4.83398 6.62109 4.83398C6.13614 4.83398 5.74219 5.22838 5.74219 5.71289ZM7.5 5.71289C7.5 6.1974 7.89396 6.5918 8.37891 6.5918C8.86386 6.5918 9.25781 6.1974 9.25781 5.71289C9.25781 5.22838 8.86386 4.83398 8.37891 4.83398C7.89396 4.83398 7.5 5.22838 7.5 5.71289ZM7.5 3.95508C7.5 3.47057 7.10604 3.07617 6.62109 3.07617C6.13614 3.07617 5.74219 3.47057 5.74219 3.95508C5.74219 4.43959 6.13614 4.83398 6.62109 4.83398C7.10604 4.83398 7.5 4.43959 7.5 3.95508ZM7.5 3.95508C7.5 4.43959 7.89396 4.83398 8.37891 4.83398C8.86386 4.83398 9.25781 4.43959 9.25781 3.95508C9.25781 3.47057 8.86386 3.07617 8.37891 3.07617C7.89396 3.07617 7.5 3.47057 7.5 3.95508ZM7.5 2.19727C7.5 1.71275 7.10604 1.31836 6.62109 1.31836C6.13614 1.31836 5.74219 1.71275 5.74219 2.19727C5.74219 2.68178 6.13614 3.07617 6.62109 3.07617C7.10604 3.07617 7.5 2.68178 7.5 2.19727ZM8.37891 3.07617C8.86386 3.07617 9.25781 2.68178 9.25781 2.19727C9.25781 1.71275 8.86386 1.31836 8.37891 1.31836C7.89396 1.31836 7.5 1.71275 7.5 2.19727C7.5 2.68178 7.89396 3.07617 8.37891 3.07617Z" fill="url(#mic-6ac96c42b4741-a)"/> 8358<path d="M10.1367 14.1211H4.86328C4.62038 14.1211 4.42383 14.3176 4.42383 14.5605C4.42383 14.8034 4.62038 15 4.86328 15H10.1367C10.3796 15 10.5762 14.8034 10.5762 14.5605C10.5762 14.3176 10.3796 14.1211 10.1367 14.1211ZM8.37891 0H6.62109C5.4082 0 4.42383 0.984375 4.42383 2.19727V7.4707H10.5762V2.19727C10.5762 0.984375 9.5918 0 8.37891 0ZM6.62109 6.15234C6.3784 6.15234 6.18164 5.95559 6.18164 5.71289C6.18164 5.47014 6.3784 5.27344 6.62109 5.27344C6.86379 5.27344 7.06055 5.47014 7.06055 5.71289C7.06055 5.95559 6.86379 6.15234 6.62109 6.15234ZM6.62109 4.39453C6.3784 4.39453 6.18164 4.19777 6.18164 3.95508C6.18164 3.71232 6.3784 3.51562 6.62109 3.51562C6.86379 3.51562 7.06055 3.71232 7.06055 3.95508C7.06055 4.19777 6.86379 4.39453 6.62109 4.39453ZM6.62109 2.63672C6.3784 2.63672 6.18164 2.43996 6.18164 2.19727C6.18164 1.95451 6.3784 1.75781 6.62109 1.75781C6.86379 1.75781 7.06055 1.95451 7.06055 2.19727C7.06055 2.43996 6.86379 2.63672 6.62109 2.63672ZM8.37891 6.15234C8.13621 6.15234 7.93945 5.95559 7.93945 5.71289C7.93945 5.47014 8.13621 5.27344 8.37891 5.27344C8.6216 5.27344 8.81836 5.47014 8.81836 5.71289C8.81836 5.95559 8.6216 6.15234 8.37891 6.15234ZM8.37891 4.39453C8.13621 4.39453 7.93945 4.19777 7.93945 3.95508C7.93945 3.71232 8.13621 3.51562 8.37891 3.51562C8.6216 3.51562 8.81836 3.71232 8.81836 3.95508C8.81836 4.19777 8.6216 4.39453 8.37891 4.39453ZM8.37891 2.63672C8.13621 2.63672 7.93945 2.43996 7.93945 2.19727C7.93945 1.95451 8.13621 1.75781 8.37891 1.75781C8.6216 1.75781 8.81836 1.95451 8.81836 2.19727C8.81836 2.43996 8.6216 2.63672 8.37891 2.63672Z" fill="url(#mic-6ac96c42b4741-p)"/> 8359<defs> 8360<linearGradient id="mic-6ac96c42b4741-a" x1="7.5" y1="15" x2="7.5" y2="1.31836" gradientUnits="userSpaceOnUse"> 8361<stop stop-color="#FFBD00"/> 8362<stop offset="1" stop-color="#FFFF58"/> 8363</linearGradient> 8364<linearGradient id="mic-6ac96c42b4741-p" x1="7.5" y1="0" x2="7.5" y2="15" gradientUnits="userSpaceOnUse"> 8365<stop stop-color="var(--color-primary, #FA6668)"/> 8366<stop offset="1" stop-color="var(--color-red-dark, #FF0500)"/> 8367</linearGradient> 8368</defs> 8369</svg> 8370 <span>BLV Xoilac TV</span> 8371 <span class="text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm bb-commentator-count">0</span> 8372 </button> 8373 <!-- Today Tab --> 8374 <button id="bb-today-tab" 8375 data-tabs-target="#bb-today-content" 8376 type="button" role="tab" aria-controls="bb-today-content" 8377 aria-selected="true" 8378 class="flex-shrink-0 flex items-center gap-2 px-4 py-2 font-medium rounded-sm tab-gradient cursor-pointer border border-transparent"> 8379 <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 8380<g clip-path="url(#clip-cal-6ac96c42b47b9)"> 8381<path d="M1.31836 12.7734H13.6816V5.74219H1.31836V12.7734ZM13.6816 1.78711H1.31836C0.590244 1.78711 0 2.37735 0 3.10547V4.42383C0 4.90922 0.393486 5.30273 0.878906 5.30273H14.1211C14.6065 5.30273 15 4.90922 15 4.42383V3.10547C15 2.37735 14.4098 1.78711 13.6816 1.78711Z" fill="url(#cal-6ac96c42b47b9-p)"/> 8382<path d="M2.22656 3.54492C2.46946 3.54492 2.66602 3.34837 2.66602 3.10547V1.34766C2.66602 1.10476 2.46946 0.908203 2.22656 0.908203C1.98366 0.908203 1.78711 1.10476 1.78711 1.34766V3.10547C1.78711 3.34837 1.98366 3.54492 2.22656 3.54492ZM5.74219 3.54492C5.98509 3.54492 6.18164 3.34837 6.18164 3.10547V1.34766C6.18164 1.10476 5.98509 0.908203 5.74219 0.908203C5.49929 0.908203 5.30273 1.10476 5.30273 1.34766V3.10547C5.30273 3.34837 5.49929 3.54492 5.74219 3.54492ZM9.25781 3.54492C9.50071 3.54492 9.69727 3.34837 9.69727 3.10547V1.34766C9.69727 1.10476 9.50071 0.908203 9.25781 0.908203C9.01491 0.908203 8.81836 1.10476 8.81836 1.34766V3.10547C8.81836 3.34837 9.01491 3.54492 9.25781 3.54492ZM12.7734 3.54492C13.0163 3.54492 13.2129 3.34837 13.2129 3.10547V1.34766C13.2129 1.10476 13.0163 0.908203 12.7734 0.908203C12.5305 0.908203 12.334 1.10476 12.334 1.34766V3.10547C12.334 3.34837 12.5305 3.54492 12.7734 3.54492ZM0 4.42383V13.6523C0 13.895 0.196758 14.0918 0.439453 14.0918H14.5605C14.8032 14.0918 15 13.895 15 13.6523V4.42383H0ZM4.42383 11.8945C4.42383 12.1372 4.22707 12.334 3.98438 12.334H2.22656C1.98387 12.334 1.78711 12.1372 1.78711 11.8945V10.1367C1.78711 9.89402 1.98387 9.69727 2.22656 9.69727H3.98438C4.22707 9.69727 4.42383 9.89402 4.42383 10.1367V11.8945ZM4.42383 8.37891C4.42383 8.6216 4.22707 8.81836 3.98438 8.81836H2.22656C1.98387 8.81836 1.78711 8.6216 1.78711 8.37891V6.62109C1.78711 6.3784 1.98387 6.18164 2.22656 6.18164H3.98438C4.22707 6.18164 4.42383 6.3784 4.42383 6.62109V8.37891ZM8.81836 11.8945C8.81836 12.1372 8.6216 12.334 8.37891 12.334H6.62109C6.3784 12.334 6.18164 12.1372 6.18164 11.8945V10.1367C6.18164 9.89402 6.3784 9.69727 6.62109 9.69727H8.37891C8.6216 9.69727 8.81836 9.89402 8.81836 10.1367V11.8945ZM8.81836 8.37891C8.81836 8.6216 8.6216 8.81836 8.37891 8.81836H6.62109C6.3784 8.81836 6.18164 8.6216 6.18164 8.37891V6.62109C6.18164 6.3784 6.3784 6.18164 6.62109 6.18164H8.37891C8.6216 6.18164 8.81836 6.3784 8.81836 6.62109V8.37891ZM13.2129 11.8945C13.2129 12.1372 13.0161 12.334 12.7734 12.334H11.0156C10.7729 12.334 10.5762 12.1372 10.5
8382762 11.8945V10.1367C10.5762 9.89402 10.7729 9.69727 11.0156 9.69727H12.7734C13.0161 9.69727 13.2129 9.89402 13.2129 10.1367V11.8945ZM13.2129 8.37891C13.2129 8.6216 13.0161 8.81836 12.7734 8.81836H11.0156C10.7729 8.81836 10.5762 8.6216 10.5762 8.37891V6.62109C10.5762 6.3784 10.7729 6.18164 11.0156 6.18164H12.7734C13.0161 6.18164 13.2129 6.3784 13.2129 6.62109V8.37891Z" fill="url(#cal-6ac96c42b47b9-a)"/> 8383</g> 8384<defs> 8385<linearGradient id="cal-6ac96c42b47b9-p" x1="7.5" y1="1.78711" x2="7.5" y2="12.7734" gradientUnits="userSpaceOnUse"> 8386<stop stop-color="var(--color-primary, #FA6668)"/> 8387<stop offset="1" stop-color="var(--color-red-dark, #780F11)"/> 8388</linearGradient> 8389<linearGradient id="cal-6ac96c42b47b9-a" x1="7.5" y1="14.0918" x2="7.5" y2="0.9082" gradientUnits="userSpaceOnUse"> 8390<stop stop-color="var(--color-primary-lighter, #FFBD00)"/> 8391<stop offset="1" stop-color="var(--color-primary-lighter, #FFFF58)"/> 8392</linearGradient> 8393<clipPath id="clip-cal-6ac96c42b47b9"> 8394<rect width="15" height="15" fill="white"/> 8395</clipPath> 8396</defs> 8397</svg> 8398 <span>Hôm nay</span> 8399 <span class="text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm bb-today-count">103</span> 8400 </button> 8401 <!-- Tomorrow Tab --> 8402 <button id="bb-tomorrow-tab" 8403 data-tabs-target="#bb-tomorrow-content" 8404 type="button" role="tab" aria-controls="bb-tomorrow-content" 8405 data-date="2026-10-11" 8406 class="bb-tomorrow-tab flex-shrink-0 flex items-center gap-2 px-4 py-2 font-medium rounded-sm tab-gradient cursor-pointer border border-transparent"> 8407 <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 8408<g clip-path="url(#clip-cal-6ac96c42b4857)"> 8409<path d="M1.31836 12.7734H13.6816V5.74219H1.31836V12.7734ZM13.6816 1.78711H1.31836C0.590244 1.78711 0 2.37735 0 3.10547V4.42383C0 4.90922 0.393486 5.30273 0.878906 5.30273H14.1211C14.6065 5.30273 15 4.90922 15 4.42383V3.10547C15 2.37735 14.4098 1.78711 13.6816 1.78711Z" fill="url(#cal-6ac96c42b4857-p)"/> 8410<path d="M2.22656 3.54492C2.46946 3.54492 2.66602 3.34837 2.66602 3.10547V1.34766C2.66602 1.10476 2.46946 0.908203 2.22656 0.908203C1.98366 0.908203 1.78711 1.10476 1.78711 1.34766V3.10547C1.78711 3.34837 1.98366 3.54492 2.22656 3.54492ZM5.74219 3.54492C5.98509 3.54492 6.18164 3.34837 6.18164 3.10547V1.34766C6.18164 1.10476 5.98509 0.908203 5.74219 0.908203C5.49929 0.908203 5.30273 1.10476 5.30273 1.34766V3.10547C5.30273 3.34837 5.49929 3.54492 5.74219 3.54492ZM9.25781 3.54492C9.50071 3.54492 9.69727 3.34837 9.69727 3.10547V1.34766C9.69727 1.10476 9.50071 0.908203 9.25781 0.908203C9.01491 0.908203 8.81836 1.10476 8.81836 1.34766V3.10547C8.81836 3.34837 9.01491 3.54492 9.25781 3.54492ZM12.7734 3.54492C13.0163 3.54492 13.2129 3.34837 13.2129 3.10547V1.34766C13.2129 1.10476 13.0163 0.908203 12.7734 0.908203C12.5305 0.908203 12.334 1.10476 12.334 1.34766V3.10547C12.334 3.34837 12.5305 3.54492 12.7734 3.54492ZM0 4.42383V13.6523C0 13.895 0.196758 14.0918 0.439453 14.0918H14.5605C14.8032 14.0918 15 13.895 15 13.6523V4.42383H0ZM4.42383 11.8945C4.42383 12.1372 4.22707 12.334 3.98438 12.334H2.22656C1.98387 12.334 1.78711 12.1372 1.78711 11.8945V10.1367C1.78711 9.89402 1.98387 9.69727 2.22656 9.69727H3.98438C4.22707 9.69727 4.42383 9.89402 4.42383 10.1367V11.8945ZM4.42383 8.37891C4.42383 8.6216 4.22707 8.81836 3.98438 8.81836H2.22656C1.98387 8.81836 1.78711 8.6216 1.78711 8.37891V6.62109C1.78711 6.3784 1.98387 6.18164 2.22656 6.18164H3.98438C4.22707 6.18164 4.42383 6.3784 4.42383 6.62109V8.37891ZM8.81836 11.8945C8.81836 12.1372 8.6216 12.334 8.37891 12.334H6.62109C6.3784 12.334 6.18164 12.1372 6.18164 11.8945V10.1367C6.18164 9.89402 6.3784 9.69727 6.62109 9.69727H8.37891C8.6216 9.69727 8.81836 9.89402 8.81836 10.1367V11.8945ZM8.81836 8.37891C8.81836 8.6216 8.6216 8.81836 8.37891 8.81836H6.62109C6.3784 8.81836 6.18164 8.6216 6.18164 8.37891V6.62109C6.18164 6.3784 6.3784 6.18164 6.62109 6.18164H8.37891C8.6216 6.18164 8.81836 6.3784 8.81836 6.62109V8.37891ZM13.2129 11.8945C13.2129 12.1372 13.0161 12.334 12.7734 12.334H11.0156C10.7729 12.334 10.5762 12.1372 10.5
8410762 11.8945V10.1367C10.5762 9.89402 10.7729 9.69727 11.0156 9.69727H12.7734C13.0161 9.69727 13.2129 9.89402 13.2129 10.1367V11.8945ZM13.2129 8.37891C13.2129 8.6216 13.0161 8.81836 12.7734 8.81836H11.0156C10.7729 8.81836 10.5762 8.6216 10.5762 8.37891V6.62109C10.5762 6.3784 10.7729 6.18164 11.0156 6.18164H12.7734C13.0161 6.18164 13.2129 6.3784 13.2129 6.62109V8.37891Z" fill="url(#cal-6ac96c42b4857-a)"/> 8411</g> 8412<defs> 8413<linearGradient id="cal-6ac96c42b4857-p" x1="7.5" y1="1.78711" x2="7.5" y2="12.7734" gradientUnits="userSpaceOnUse"> 8414<stop stop-color="var(--color-primary, #FA6668)"/> 8415<stop offset="1" stop-color="var(--color-red-dark, #780F11)"/> 8416</linearGradient> 8417<linearGradient id="cal-6ac96c42b4857-a" x1="7.5" y1="14.0918" x2="7.5" y2="0.9082" gradientUnits="userSpaceOnUse"> 8418<stop stop-color="var(--color-primary-lighter, #FFBD00)"/> 8419<stop offset="1" stop-color="var(--color-primary-lighter, #FFFF58)"/> 8420</linearGradient> 8421<clipPath id="clip-cal-6ac96c42b4857"> 8422<rect width="15" height="15" fill="white"/> 8423</clipPath> 8424</defs> 8425</svg> 8426 <span>Ngà y mai</span> 8427 <span class="text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm bb-tomorrow-count">0</span> 8428 </button> 8429 </div> 8430 8431 <!-- BB Leagues Dropdown - Desktop --> 8432 <div class="relative ml-4 bb-leagues-dropdown-desktop z-[140]" x-data="{ open: false }"> 8433 <button @click="open = !open" 8434 class="group flex items-center gap-2 px-4 py-2 bg-[#0c0c18] w-2xs border border-[rgba(var(--color-primary-rgb),0.1)] rounded-sm hover:border-primary/30 font-medium rounded-lg cursor-pointer"> 8435 <svg class="w-5 h-5" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 8436<g clip-path="url(#clip-gear-6ac96c42b48d3)"> 8437<path d="M16.502 7.0472H14.8102C14.6546 6.37307 14.388 5.72183 14.0262 5.12895L15.2207 3.93394C15.4153 3.7394 15.4153 3.4242 15.2207 3.22967L13.8122 1.82112C13.6176 1.62659 13.3024 1.62659 13.1079 1.82112L11.9221 3.00595C11.3278 2.63533 10.6731 2.36151 9.99414 2.20004V0.498047C9.99414 0.22276 9.77138 0 9.49609 0H7.50391C7.22862 0 7.00586 0.22276 7.00586 0.498047V2.20001C6.32689 2.36147 5.67222 2.6353 5.07789 3.00591L3.8921 1.82109C3.69757 1.62655 3.38237 1.62655 3.18783 1.82109L1.77929 3.22967C1.68592 3.32304 1.63336 3.44951 1.63336 3.58179C1.63336 3.71407 1.68589 3.84054 1.77929 3.93391L2.9748 5.12846C2.61295 5.72087 2.3464 6.37261 2.18978 7.0472H0.498047C0.22276 7.0472 0 7.26996 0 7.54524V9.53743C0 9.81272 0.22276 10.0355 0.498047 10.0355H2.20924C2.3717 10.6994 2.64211 11.3399 3.00591 11.9226L1.77929 13.1492C1.58475 13.3438 1.58475 13.659 1.77929 13.8535L3.18783 15.262C3.38237 15.4566 3.69757 15.4566 3.8921 15.262L5.12846 14.0257C5.70918 14.3803 6.34635 14.6434 7.00586 14.8V16.502C7.00586 16.7772 7.22862 17 7.50391 17H9.49609C9.77138 17 9.99414 16.7772 9.99414 16.502V14.8C10.6537 14.6434 11.2908 14.3802 11.8715 14.0257L13.1079 15.262C13.3024 15.4566 13.6176 15.4566 13.8122 15.262L15.2207 13.8535C15.4152 13.659 15.4152 13.3438 15.2207 13.1492L13.9941 11.9226C14.3579 11.3399 14.6283 10.6994 14.7908 10.0355H16.502C16.7772 10.0355 17 9.81272 17 9.53743V7.54524C17 7.26996 16.7772 7.0472 16.502 7.0472Z" fill="url(#gear-6ac96c42b48d3-p)"/> 8438<path d="M8.49805 4.01758C6.02777 4.01758 4.01562 6.02965 4.01562 8.5C4.01562 10.9703 6.02777 12.9824 8.49805 12.9824C10.9683 12.9824 12.9805 10.9703 12.9805 8.5C12.9805 6.02965 10.9683 4.01758 8.49805 4.01758ZM10.4902 8.99805H8.49805C8.21911 8.99805 8 8.77887 8 8.5V6.50781C8 6.22887 8.21911 6.00977 8.49805 6.00977C8.77699 6.00977 8.99609 6.22887 8.99609 6.50781V8.00195H10.4902C10.7692 8.00195 10.9883 8.22106 10.9883 8.5C10.9883 8.77887 10.7692 8.99805 10.4902 8.99805Z" fill="url(#gear-6ac96c42b48d3-a)"/> 8439</g> 8440<defs> 8441<linearGradient id="gear-6ac96c42b48d3-p" x1="8.5" y1="17" x2="8.5" y2="0" gradientUnits="userSpaceOnUse"> 8442<stop stop-color="var(--color-red-dark, #FD5900)"/> 8443<stop offset="1" stop-color="var(--color-primary, #FF3333)"/> 8444</linearGradient> 8445<linearGradient id="gear-6ac96c42b48d3-a" x1="8.49805" y1="12.9824" x2="8.49805" y2="4.01758" gradientUnits="userSpaceOnUse"> 8446<stop stop-color="#FFE59A"/> 8447<stop offset="1" stop-color="#FFFFD5"/> 8448</linearGradient> 8449<clipPath id="clip-gear-6ac96c42b48d3"> 8450<rect width="17" height="17" fill="white"/> 8451</clipPath> 8452</defs> 8453</svg>
8454 <span class="bb-selected-league">Giải Äấu</span> 8455 <svg class="w-4 h-4 transition-transform duration-200 transform group-hover:rotate-180" 8456 fill="none" stroke="var(--color-primary, #FF0000)" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 8457 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> 8458 </svg> 8459 </button> 8460 <div x-show="open" @click.away="open = false" 8461 x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" 8462 x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" 8463 class="absolute right-0 mt-2 w-96 origin-top-right rounded-sm bg-[#0a0a14] shadow-lg border border-[rgba(var(--color-primary-rgb),0.1)] focus:outline-none z-[160] max-h-96 overflow-y-auto no-scrollbar" 8464 style="display:none; 8465 8466 " 8467 role="menu" tabindex="-1"> 8468 <div class="py-1" role="none"> 8469 <div class="px-4 py-2 text-base font-medium border-b border-divider uppercase">Chá»n giải Äấu</div> 8470 <div class="px-4 py-2 border-b border-divider"> 8471 <input type="text" placeholder="Search leagues..." 8472 class="w-full rounded-lg bg-dark-500 text-white px-4 py-2 text-sm focus:outline-none focus:ring-1 focus:ring-primary bb-leagues-search-input border border-divider" 8473 autocomplete="off" /> 8474 </div> 8475 <div class="text-sm bb-leagues-list divide-y divide-divider"> 8476 <!-- BB Leagues loaded via JS --> 8477 </div> 8478 </div> 8479 </div> 8480 </div> 8481 </div> 8482 <!-- Mobile Layout --> 8483 <div class="sm:hidden"> 8484 <div class="w-full overflow-x-auto no-scrollbar" style="-webkit-overflow-scrolling: touch;"> 8485 <div id="bbFilterTabsMobile" 8486 class="inline-flex items-center space-x-4" 8487 data-tabs-toggle="#bbFilterTabsContent" 8488 data-tabs-active-classes="!border-[rgb(var(--color-primary-rgb))] hover:!border-primary/30 bg-[#1C242D]" 8489 data-tabs-inactive-classes="hover:!border-primary/30 bg-[#1C242D]" 8490 role="tablist"> 8491 <button id="bb-live-tab-mobile" data-tabs-target="#bb-live-content" type="button" role="tab" aria-controls="bb-live-content" 8492 class="flex-shrink-0 flex items-center gap-2 px-4 py-2 border border-transparent font-medium rounded-sm tab-gradient cursor-pointer"> 8493 <svg class="w-12 h-5" width="50" height="18" viewBox="0 0 50 18" fill="none" xmlns="http://www.w3.org/2000/svg">
8494<path d="M11.962 14V4.77H13.756V12.427H18.462V14H11.962ZM19.5538 14V4.77H21.3478V14H19.5538ZM24.2225 4.77L26.7185 11.868L29.1885 4.77H31.0735L27.5765 14H25.8475L22.3375 4.77H24.2225ZM38.4677 12.427V14H32.0587V4.77H38.3507V6.343H33.8527V8.566H37.7397V10.022H33.8527V12.427H38.4677Z" fill="white"/> 8495<path d="M5.49408 14.1756C5.63601 14.3189 5.80017 14.402 5.98657 14.4248C6.17297 14.4477 6.3378 14.3937 6.48108 14.2627C6.54728 14.1862 6.6108 14.0988 6.67162 14.0003C6.73245 13.9019 6.76313 13.7978 6.76367 13.6881C6.764 13.6223 6.74792 13.5454 6.71543 13.4575C6.68295 13.3695 6.65034 13.309 6.61759 13.276C6.07221 12.626 5.66979 11.9108 5.41032 11.1306C5.13981 10.3613 5.00653 9.57617 5.01047 8.77528C5.01441 7.97438 5.15543 7.18515 5.43354 6.40755C5.70063 5.64086 6.11003 4.93523 6.66177 4.29063C6.8051 4.14871 6.86629 3.97621 6.84535 3.77313C6.8244 3.57006 6.74289 3.41332 6.6008 3.30291C6.45888 3.15958 6.28638 3.09839 6.08331 3.11933C5.88024 3.14028 5.72349 3.22179 5.61308 3.36388C4.93996 4.15051 4.43654 5.00927 4.10282 5.9402C3.75808 6.88205 3.58334 7.83295 3.57862 8.79292C3.5739 9.7529 3.72836 10.6944 4.04199 11.6176C4.36653 12.5517 4.85056 13.4044 5.49408
849514.1756ZM3.02467 0.964877C2.04268 2.0901 1.3015 3.33169 0.801108 4.68969C0.300715 6.04768 0.0470433 7.4343 0.0400831 8.84958C0.0331229 10.2649 0.273145 11.6539 0.760156 13.0167C1.24711 14.3906 1.97604 15.6394 2.94697 16.7632C3.0889 16.9066 3.25306 16.9897 3.43946 17.0125C3.62586 17.0354 3.79072 16.9759 3.93405 16.8339C4.04424 16.7357 4.11874 16.6456 4.15755 16.5635C4.19635 16.4814 4.21602 16.3855 4.21656 16.2758C4.21689 16.21 4.20356 16.1303 4.17659 16.037C4.14963 15.9436 4.11439 15.8584 4.07088 15.7814C3.1981 14.7787 2.54526 13.6728 2.11235 12.4639C1.67939 11.2658 1.46597 10.0442 1.47209 8.79902C1.47822 7.55379 1.70364 6.33435 2.14837 5.14065C2.59309 3.94696 3.25669 2.86407 4.13919 1.89195C4.28251 1.75003 4.34366 1.58576 4.32264 1.39914C4.30161 1.21253 4.22014 1.04756 4.07822 0.904229C3.90338 0.760741 3.71995 0.691269 3.52793 0.695811C3.33591 0.700353 3.16816 0.79004 3.02467 0.964877Z" fill="var(--color-primary, #FF3333)"/> 8496<path d="M44.5059 14.1756C44.364 14.3189 44.1998 14.402 44.0134 14.4248C43.827 14.4477 43.6622 14.3937 43.5189 14.2627C43.4527 14.1862 43.3892 14.0988 43.3284 14.0003C43.2675 13.9019 43.2369 13.7978 43.2363 13.6881C43.236 13.6223 43.2521 13.5454 43.2846 13.4575C43.317 13.3695 43.3497 13.309 43.3824 13.276C43.9278 12.626 44.3302 11.9108 44.5897 11.1306C44.8602 10.3613 44.9935 9.57617 44.9895 8.77528C44.9856 7.97438 44.8446 7.18515 44.5665 6.40755C44.2994 5.64086 43.89 4.93523 43.3382 4.29063C43.1949 4.14871 43.1337 3.97621 43.1547 3.77313C43.1756 3.57006 43.2571 3.41332 43.3992 3.30291C43.5411 3.15958 43.7136 3.09839 43.9167 3.11933C44.1198 3.14028 44.2765 3.22179 44.3869 3.36388C45.06 4.15051 45.5635 5.00927 45.8972 5.9402C46.2419 6.88205 46.4167 7.83295 46.4214 8.79292C46.4261 9.7529 46.2716 10.6944 45.958 11.6176C45.6335 12.5517 45.1494 13.4044 44.5059 14.1756ZM46.9753 0.964876C47.9573 2.0901 48.6985 3.33169 49.1989 4.68969C49.6993 6.04768 49.953 7.4343 49.9599 8.84958C49.9669 10.2649 49.7269 11.6539 49.2398 13.0167C48.7529 14.3906 48.024 15.6394 47.053 16.7632C46.9111 16.9066 46.7469 16.9897 46.5605 17.0125C46.3741 17.0354 46.2093 16.9759 46.066 16.8339C45.9558 16.7357 45.8813 16.6456 45.8425 16.5635C45.8036 16.4814 45.784 16.3855 45.7834 16.2758C45.7831 16.21 45.7964 16.1303 45.8234 16.037C45.8504 15.9436 45.8856 15.8584 45.9291 15.7814C46.8019 14.7787 47.4547 13.6728 47.8876 12.4639C48.3206 11.2658 48.534 10.0442 48.5279 8.79902C48.5218 7.55379 48.2964 6.33435 47.8516 5.14065C47.4069 3.94696 46.7433 2.86407 45.8608 1.89195C45.7175 1.75003 45.6563 1.58576 45.6774 1.39914C45.6984 1.21253 45.7799 1.04756 45.9218 0.904229C46.0966 0.760741 46.28 0.691268 46.4721 0.69581C46.6641 0.700352 46.8318 0.790039 46.9753 0.964876Z" fill="var(--color-primary, #FF3333)"/> 8497</svg> 8498 <span class="text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm bb-live-count">5</span> 8499 </button> 8500 <button id="bb-upcoming-tab-mobile" data-tabs-target="#bb-upcoming-content" type="button" role="tab" aria-controls="bb-upcoming-content" 8501 class="flex-shrink-0 flex items-center gap-2 px-4 py-2 border border-transparent font-medium rounded-sm tab-gradient cursor-pointer"> 8502 <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 8503<g clip-path="url(#clip-cal-6ac96c42b49c9)"> 8504<path d="M1.31836 12.7734H13.6816V5.74219H1.31836V12.7734ZM13.6816 1.78711H1.31836C0.590244 1.78711 0 2.37735 0 3.10547V4.42383C0 4.90922 0.393486 5.30273 0.878906 5.30273H14.1211C14.6065 5.30273 15 4.90922 15 4.42383V3.10547C15 2.37735 14.4098 1.78711 13.6816 1.78711Z" fill="url(#cal-6ac96c42b49c9-p)"/> 8505<path d="M2.22656 3.54492C2.46946 3.54492 2.66602 3.34837 2.66602 3.10547V1.34766C2.66602 1.10476 2.46946 0.908203 2.22656 0.908203C1.98366 0.908203 1.78711 1.10476 1.78711 1.34766V3.10547C1.78711 3.34837 1.98366 3.54492 2.22656 3.54492ZM5.74219 3.54492C5.98509 3.54492 6.18164 3.34837 6.18164 3.10547V1.34766C6.18164 1.10476 5.98509 0.908203 5.74219 0.908203C5.49929 0.908203 5.30273 1.10476 5.30273 1.34766V3.10547C5.30273 3.34837 5.49929 3.54492 5.74219 3.54492ZM9.25781 3.54492C9.50071 3.54492 9.69727 3.34837 9.69727 3.10547V1.34766C9.69727 1.10476 9.50071 0.908203 9.25781 0.908203C9.01491 0.908203 8.81836 1.10476 8.81836 1.34766V3.10547C8.81836 3.34837 9.01491 3.54492 9.25781 3.54492ZM12.7734 3.54492C13.0163 3.54492 13.2129 3.34837 13.2129 3.10547V1.34766C13.2129 1.10476 13.0163 0.908203 12.7734 0.908203C12.5305 0.908203 12.334 1.10476 12.334 1.34766V3.10547C12.334 3.34837 12.5305 3.54492 12.7734 3.54492ZM0 4.42383V13.6523C0 13.895 0.196758 14.0918 0.439453 14.0918H14.5605C14.8032 14.0918 15 13.895 15 13.6523V4.42383H0ZM4.42383 11.8945C4.42383 12.1372 4.22707 12.334 3.98438 12.334H2.22656C1.98387 12.334 1.78711 12.1372 1.78711 11.8945V10.1367C1.78711 9.89402 1.98387 9.69727 2.22656 9.69727H3.98438C4.22707 9.69727 4.42383 9.89402 4.42383 10.1367V11.8945ZM4.42383 8.37891C4.42383 8.6216 4.22707 8.81836 3.98438 8.81836H2.22656C1.98387 8.81836 1.78711 8.6216 1.78711 8.37891V6.62109C1.78711 6.3784 1.98387 6.18164 2.22656 6.18164H3.98438C4.22707 6.18164 4.42383 6.3784 4.42383 6.62109V8.37891ZM8.81836 11.8945C8.81836 12.1372 8.6216 12.334 8.37891 12.334H6.62109C6.3784 12.334 6.18164 12.1372 6.18164 11.8945V10.1367C6.18164 9.89402 6.3784 9.69727 6.62109 9.69727H8.37891C8.6216 9.69727 8.81836 9.89402 8.81836 10.1367V11.8945ZM8.81836 8.37891C8.81836 8.6216 8.6216 8.81836 8.37891 8.81836H6.62109C6.3784 8.81836 6.18164 8.6216 6.18164 8.37891V6.62109C6.18164 6.3784 6.3784 6.18164 6.62109 6.18164H8.37891C8.6216 6.18164 8.81836 6.3784 8.81836 6.62109V8.37891ZM13.2129 11.8945C13.2129 12.1372 13.0161 12.334 12.7734 12.334H11.0156C10.7729 12.334 10.5762 12.1372 10.5
8505762 11.8945V10.1367C10.5762 9.89402 10.7729 9.69727 11.0156 9.69727H12.7734C13.0161 9.69727 13.2129 9.89402 13.2129 10.1367V11.8945ZM13.2129 8.37891C13.2129 8.6216 13.0161 8.81836 12.7734 8.81836H11.0156C10.7729 8.81836 10.5762 8.6216 10.5762 8.37891V6.62109C10.5762 6.3784 10.7729 6.18164 11.0156 6.18164H12.7734C13.0161 6.18164 13.2129 6.3784 13.2129 6.62109V8.37891Z" fill="url(#cal-6ac96c42b49c9-a)"/> 8506</g> 8507<defs> 8508<linearGradient id="cal-6ac96c42b49c9-p" x1="7.5" y1="1.78711" x2="7.5" y2="12.7734" gradientUnits="userSpaceOnUse"> 8509<stop stop-color="var(--color-primary, #FA6668)"/> 8510<stop offset="1" stop-color="var(--color-red-dark, #780F11)"/> 8511</linearGradient> 8512<linearGradient id="cal-6ac96c42b49c9-a" x1="7.5" y1="14.0918" x2="7.5" y2="0.9082" gradientUnits="userSpaceOnUse"> 8513<stop stop-color="var(--color-primary-lighter, #FFBD00)"/> 8514<stop offset="1" stop-color="var(--color-primary-lighter, #FFFF58)"/> 8515</linearGradient> 8516<clipPath id="clip-cal-6ac96c42b49c9"> 8517<rect width="15" height="15" fill="white"/> 8518</clipPath> 8519</defs> 8520</svg> 8521 <span>Sắp tá»i</span> 8522 <span class="text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm bb-upcoming-count">94</span> 8523 </button> 8524 <button id="bb-hot-tab-mobile" data-tabs-target="#bb-hot-content" type="button" role="tab" aria-controls="bb-hot-content" 8525 class="flex-shrink-0 flex items-center gap-2 px-4 py-2 border border-transparent font-medium rounded-sm tab-gradient cursor-pointer"> 8526 <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 8527<path d="M11.6409 4.64024C11.5044 4.57717 11.3452 4.58789 11.2191 4.66772C11.0925 4.74841 11.0157 4.8883 11.0157 5.03851V5.77148C11.0157 6.01395 10.8187 6.21094 10.5762 6.21094C10.3591 6.21094 10.1754 6.05473 10.1398 5.8423C9.78223 3.62613 8.15402 0 7.5 0C6.84598 0 5.21777 3.62613 4.8607 5.83972C4.82467 6.05473 4.64098 6.21094 4.42383 6.21094C4.18137 6.21094 3.98438 6.01395 3.98438 5.77148V5.03848C3.98438 4.88827 3.90756 4.74838 3.78097 4.6677C3.65438 4.58786 3.496 4.57714 3.35912 4.64021C1.86308 5.33804 0.908203 8.37902 0.908203 10.166C0.908203 13.0121 3.61875 15 7.5 15C11.3812 15 14.0918 13.0121 14.0918 10.166C14.0918 8.37902 13.1369 5.33804 11.6409 4.64024Z" fill="url(#fire-6ac96c42b4a3f-p)"/> 8528<path d="M9.63161 9.05622C9.55137 8.92661 9.41016 8.84766 9.25781 8.84766H8.28279L7.92615 7.42287C7.88154 7.24433 7.73089 7.11258 7.54808 7.09243C7.3614 7.07312 7.18931 7.1688 7.1069 7.33275L5.34908 10.8484C5.28085 10.9844 5.28815 11.1462 5.36839 11.2758C5.44864 11.4054 5.58985 11.4844 5.74219 11.4844H6.71722L7.07385 12.9092C7.11847 13.0877 7.26911 13.2195 7.45193 13.2396C7.63998 13.2594 7.81248 13.1601 7.89311 12.9993L9.65092 9.48367C9.71915 9.34761 9.71186 9.18583 9.63161 9.05622Z" fill="url(#fire-6ac96c42b4a3f-a)"/> 8529<defs> 8530<linearGradient id="fire-6ac96c42b4a3f-p" x1="7.5" y1="0" x2="7.5" y2="15" gradientUnits="userSpaceOnUse"> 8531<stop stop-color="var(--color-primary, #FA6668)"/> 8532<stop offset="1" stop-color="var(--color-red-dark, #FF0500)"/> 8533</linearGradient> 8534<linearGradient id="fire-6ac96c42b4a3f-a" x1="7.5" y1="13.2421" x2="7.5" y2="7.08996" gradientUnits="userSpaceOnUse"> 8535<stop stop-color="#FFBD00"/> 8536<stop offset="1" stop-color="#FFFF58"/> 8537</linearGradient> 8538</defs> 8539</svg> 8540 <span>Tráºn Hot</span> 8541 <span class="text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm bb-hot-count">46</span> 8542 </button> 8543 <button id="bb-commentator-tab-mobile" data-tabs-target="#bb-commentator-content" type="button" role="tab" aria-controls="bb-commentator-content" 8544 class="flex-shrink-0 flex items-center gap-2 px-4 py-2 border border-transparent font-medium rounded-sm tab-gradient cursor-pointer"> 8545 <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 8546<path d="M11.8945 5.27344C11.6516 5.27344 11.4551 5.46999 11.4551 5.71289V6.15234H10.1367C9.89382 6.15234 9.69727 6.3489 9.69727 6.5918C9.69727 6.8347 9.89382 7.03125 10.1367 7.03125H11.4551V9.28711C11.4551 10.9831 10.0749 12.3633 8.37891 12.3633H6.62109C4.92507 12.3633 3.54492 10.9831 3.54492 9.28711V7.03125H4.86328C5.10618 7.03125 5.30273 6.8347 5.30273 6.5918C5.30273 6.3489 5.10618 6.15234 4.86328 6.15234H3.54492V5.71289C3.54492 5.46999 3.34837 5.27344 3.10547 5.27344C2.86257 5.27344 2.66602 5.46999 2.66602 5.71289V9.28711C2.66602 11.4681 4.44015 13.2422 6.62109 13.2422H7.06055V14.5605C7.06055 14.8034 7.2571 15 7.5 15C7.7429 15 7.93945 14.8034 7.93945 14.5605V13.2422H8.37891C10.5599 13.2422 12.334 11.4681 12.334 9.28711V5.71289C12.334 5.46999 12.1374 5.27344 11.8945 5.27344ZM4.42383 7.4707V9.28711C4.42383 10.5 5.4082 11.4844 6.62109 11.4844H8.37891C9.5918 11.4844 10.5762 10.5 10.5762 9.28711V7.4707L7.67435 6.5918L4.42383 7.4707ZM5.74219 5.71289C5.74219 6.1974 6.13614 6.5918 6.62
8546109 6.5918C7.10604 6.5918 7.5 6.1974 7.5 5.71289C7.5 5.22838 7.10604 4.83398 6.62109 4.83398C6.13614 4.83398 5.74219 5.22838 5.74219 5.71289ZM7.5 5.71289C7.5 6.1974 7.89396 6.5918 8.37891 6.5918C8.86386 6.5918 9.25781 6.1974 9.25781 5.71289C9.25781 5.22838 8.86386 4.83398 8.37891 4.83398C7.89396 4.83398 7.5 5.22838 7.5 5.71289ZM7.5 3.95508C7.5 3.47057 7.10604 3.07617 6.62109 3.07617C6.13614 3.07617 5.74219 3.47057 5.74219 3.95508C5.74219 4.43959 6.13614 4.83398 6.62109 4.83398C7.10604 4.83398 7.5 4.43959 7.5 3.95508ZM7.5 3.95508C7.5 4.43959 7.89396 4.83398 8.37891 4.83398C8.86386 4.83398 9.25781 4.43959 9.25781 3.95508C9.25781 3.47057 8.86386 3.07617 8.37891 3.07617C7.89396 3.07617 7.5 3.47057 7.5 3.95508ZM7.5 2.19727C7.5 1.71275 7.10604 1.31836 6.62109 1.31836C6.13614 1.31836 5.74219 1.71275 5.74219 2.19727C5.74219 2.68178 6.13614 3.07617 6.62109 3.07617C7.10604 3.07617 7.5 2.68178 7.5 2.19727ZM8.37891 3.07617C8.86386 3.07617 9.25781 2.68178 9.25781 2.19727C9.25781 1.71275 8.86386 1.31836 8.37891 1.31836C7.89396 1.31836 7.5 1.71275 7.5 2.19727C7.5 2.68178 7.89396 3.07617 8.37891 3.07617Z" fill="url(#mic-6ac96c42b4ab5-a)"/> 8547<path d="M10.1367 14.1211H4.86328C4.62038 14.1211 4.42383 14.3176 4.42383 14.5605C4.42383 14.8034 4.62038 15 4.86328 15H10.1367C10.3796 15 10.5762 14.8034 10.5762 14.5605C10.5762 14.3176 10.3796 14.1211 10.1367 14.1211ZM8.37891 0H6.62109C5.4082 0 4.42383 0.984375 4.42383 2.19727V7.4707H10.5762V2.19727C10.5762 0.984375 9.5918 0 8.37891 0ZM6.62109 6.15234C6.3784 6.15234 6.18164 5.95559 6.18164 5.71289C6.18164 5.47014 6.3784 5.27344 6.62109 5.27344C6.86379 5.27344 7.06055 5.47014 7.06055 5.71289C7.06055 5.95559 6.86379 6.15234 6.62109 6.15234ZM6.62109 4.39453C6.3784 4.39453 6.18164 4.19777 6.18164 3.95508C6.18164 3.71232 6.3784 3.51562 6.62109 3.51562C6.86379 3.51562 7.06055 3.71232 7.06055 3.95508C7.06055 4.19777 6.86379 4.39453 6.62109 4.39453ZM6.62109 2.63672C6.3784 2.63672 6.18164 2.43996 6.18164 2.19727C6.18164 1.95451 6.3784 1.75781 6.62109 1.75781C6.86379 1.75781 7.06055 1.95451 7.06055 2.19727C7.06055 2.43996 6.86379 2.63672 6.62109 2.63672ZM8.37891 6.15234C8.13621 6.15234 7.93945 5.95559 7.93945 5.71289C7.93945 5.47014 8.13621 5.27344 8.37891 5.27344C8.6216 5.27344 8.81836 5.47014 8.81836 5.71289C8.81836 5.95559 8.6216 6.15234 8.37891 6.15234ZM8.37891 4.39453C8.13621 4.39453 7.93945 4.19777 7.93945 3.95508C7.93945 3.71232 8.13621 3.51562 8.37891 3.51562C8.6216 3.51562 8.81836 3.71232 8.81836 3.95508C8.81836 4.19777 8.6216 4.39453 8.37891 4.39453ZM8.37891 2.63672C8.13621 2.63672 7.93945 2.43996 7.93945 2.19727C7.93945 1.95451 8.13621 1.75781 8.37891 1.75781C8.6216 1.75781 8.81836 1.95451 8.81836 2.19727C8.81836 2.43996 8.6216 2.63672 8.37891 2.63672Z" fill="url(#mic-6ac96c42b4ab5-p)"/> 8548<defs> 8549<linearGradient id="mic-6ac96c42b4ab5-a" x1="7.5" y1="15" x2="7.5" y2="1.31836" gradientUnits="userSpaceOnUse"> 8550<stop stop-color="#FFBD00"/> 8551<stop offset="1" stop-color="#FFFF58"/> 8552</linearGradient> 8553<linearGradient id="mic-6ac96c42b4ab5-p" x1="7.5" y1="0" x2="7.5" y2="15" gradientUnits="userSpaceOnUse"> 8554<stop stop-color="var(--color-primary, #FA6668)"/> 8555<stop offset="1" stop-color="var(--color-red-dark, #FF0500)"/> 8556</linearGradient> 8557</defs> 8558</svg> 8559 <span>BLV Xoilac TV</span> 8560 <span class="text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm bb-commentator-count">0</span> 8561 </button> 8562 <button id="bb-today-tab-mobile" data-tabs-target="#bb-today-content" type="button" role="tab" aria-controls="bb-today-content" 8563 aria-selected="true" 8564 class="flex-shrink-0 flex items-center gap-2 px-4 py-2 border border-transparent font-medium rounded-sm tab-gradient cursor-pointer"> 8565 <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 8566<g clip-path="url(#clip-cal-6ac96c42b4b2a)"> 8567<path d="M1.31836 12.7734H13.6816V5.74219H1.31836V12.7734ZM13.6816 1.78711H1.31836C0.590244 1.78711 0 2.37735 0 3.10547V4.42383C0 4.90922 0.393486 5.30273 0.878906 5.30273H14.1211C14.6065 5.30273 15 4.90922 15 4.42383V3.10547C15 2.37735 14.4098 1.78711 13.6816 1.78711Z" fill="url(#cal-6ac96c42b4b2a-p)"/> 8568<path d="M2.22656 3.54492C2.46946 3.54492 2.66602 3.34837 2.66602 3.10547V1.34766C2.66602 1.10476 2.46946 0.908203 2.22656 0.908203C1.98366 0.908203 1.78711 1.10476 1.78711 1.34766V3.10547C1.78711 3.34837 1.98366 3.54492 2.22656 3.54492ZM5.74219 3.54492C5.98509 3.54492 6.18164 3.34837 6.18164 3.10547V1.34766C6.18164 1.10476 5.98509 0.908203 5.74219 0.908203C5.49929 0.908203 5.30273 1.10476 5.30273 1.34766V3.10547C5.30273 3.34837 5.49929 3.54492 5.74219 3.54492ZM9.25781 3.54492C9.50071 3.54492 9.69727 3.34837 9.69727 3.10547V1.34766C9.69727 1.10476 9.50071 0.908203 9.25781 0.908203C9.01491 0.908203 8.81836 1.10476 8.81836 1.34766V3.10547C8.81836 3.34837 9.01491 3.54492 9.25781 3.54492ZM12.7734 3.54492C13.0163 3.54492 13.2129 3.34837 13.2129 3.10547V1.34766C13.2129 1.10476 13.0163 0.908203 12.7734 0.908203C12.5305 0.908203 12.334 1.10476 12.334 1.34766V3.10547C12.334 3.34837 12.5305 3.54492 12.7734 3.54492ZM0 4.42383V13.6523C0 13.895 0.196758 14.0918 0.439453 14.0918H14.5605C14.8032 14.0918 15 13.895 15 13.6523V4.42383H0ZM4.42383 11.8945C4.42383 12.1372 4.22707 12.334 3.98438 12.334H2.22656C1.98387 12.334 1.78711 12.1372 1.78711 11.8945V10.1367C1.78711 9.89402 1.98387 9.69727 2.22656 9.69727H3.98438C4.22707 9.69727 4.42383 9.89402 4.42383 10.1367V11.8945ZM4.42383 8.37891C4.42383 8.6216 4.22707 8.81836 3.98438 8.81836H2.22656C1.98387 8.81836 1.78711 8.6216 1.78711 8.37891V6.62109C1.78711 6.3784 1.98387 6.18164 2.22656 6.18164H3.98438C4.22707 6.18164 4.42383 6.3784 4.42383 6.62109V8.37891ZM8.81836 11.8945C8.81836 12.1372 8.6216 12.334 8.37891 12.334H6.62109C6.3784 12.334 6.18164 12.1372 6.18164 11.8945V10.1367C6.18164 9.89402 6.3784 9.69727 6.62109 9.69727H8.37891C8.6216 9.69727 8.81836 9.89402 8.81836 10.1367V11.8945ZM8.81836 8.37891C8.81836 8.6216 8.6216 8.81836 8.37891 8.81836H6.62109C6.3784 8.81836 6.18164 8.6216 6.18164 8.37891V6.62109C6.18164 6.3784 6.3784 6.18164 6.62109 6.18164H8.37891C8.6216 6.18164 8.81836 6.3784 8.81836 6.62109V8.37891ZM13.2129 11.8945C13.2129 12.1372 13.0161 12.334 12.7734 12.334H11.0156C10.7729 12.334 10.5762 12.1372 10.5
8568762 11.8945V10.1367C10.5762 9.89402 10.7729 9.69727 11.0156 9.69727H12.7734C13.0161 9.69727 13.2129 9.89402 13.2129 10.1367V11.8945ZM13.2129 8.37891C13.2129 8.6216 13.0161 8.81836 12.7734 8.81836H11.0156C10.7729 8.81836 10.5762 8.6216 10.5762 8.37891V6.62109C10.5762 6.3784 10.7729 6.18164 11.0156 6.18164H12.7734C13.0161 6.18164 13.2129 6.3784 13.2129 6.62109V8.37891Z" fill="url(#cal-6ac96c42b4b2a-a)"/> 8569</g> 8570<defs> 8571<linearGradient id="cal-6ac96c42b4b2a-p" x1="7.5" y1="1.78711" x2="7.5" y2="12.7734" gradientUnits="userSpaceOnUse"> 8572<stop stop-color="var(--color-primary, #FA6668)"/> 8573<stop offset="1" stop-color="var(--color-red-dark, #780F11)"/> 8574</linearGradient> 8575<linearGradient id="cal-6ac96c42b4b2a-a" x1="7.5" y1="14.0918" x2="7.5" y2="0.9082" gradientUnits="userSpaceOnUse"> 8576<stop stop-color="var(--color-primary-lighter, #FFBD00)"/> 8577<stop offset="1" stop-color="var(--color-primary-lighter, #FFFF58)"/> 8578</linearGradient> 8579<clipPath id="clip-cal-6ac96c42b4b2a"> 8580<rect width="15" height="15" fill="white"/> 8581</clipPath> 8582</defs> 8583</svg> 8584 <span>Hôm nay</span> 8585 <span class="text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm bb-today-count">103</span> 8586 </button> 8587 <button id="bb-tomorrow-tab-mobile" data-tabs-target="#bb-tomorrow-content" type="button" role="tab" aria-controls="bb-tomorrow-content" 8588 data-date="2026-10-11" 8589 class="bb-tomorrow-tab flex-shrink-0 flex items-center gap-2 px-4 py-2 border border-transparent font-medium rounded-sm tab-gradient cursor-pointer"> 8590 <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 8591<g clip-path="url(#clip-cal-6ac96c42b4bb8)"> 8592<path d="M1.31836 12.7734H13.6816V5.74219H1.31836V12.7734ZM13.6816 1.78711H1.31836C0.590244 1.78711 0 2.37735 0 3.10547V4.42383C0 4.90922 0.393486 5.30273 0.878906 5.30273H14.1211C14.6065 5.30273 15 4.90922 15 4.42383V3.10547C15 2.37735 14.4098 1.78711 13.6816 1.78711Z" fill="url(#cal-6ac96c42b4bb8-p)"/> 8593<path d="M2.22656 3.54492C2.46946 3.54492 2.66602 3.34837 2.66602 3.10547V1.34766C2.66602 1.10476 2.46946 0.908203 2.22656 0.908203C1.98366 0.908203 1.78711 1.10476 1.78711 1.34766V3.10547C1.78711 3.34837 1.98366 3.54492 2.22656 3.54492ZM5.74219 3.54492C5.98509 3.54492 6.18164 3.34837 6.18164 3.10547V1.34766C6.18164 1.10476 5.98509 0.908203 5.74219 0.908203C5.49929 0.908203 5.30273 1.10476 5.30273 1.34766V3.10547C5.30273 3.34837 5.49929 3.54492 5.74219 3.54492ZM9.25781 3.54492C9.50071 3.54492 9.69727 3.34837 9.69727 3.10547V1.34766C9.69727 1.10476 9.50071 0.908203 9.25781 0.908203C9.01491 0.908203 8.81836 1.10476 8.81836 1.34766V3.10547C8.81836 3.34837 9.01491 3.54492 9.25781 3.54492ZM12.7734 3.54492C13.0163 3.54492 13.2129 3.34837 13.2129 3.10547V1.34766C13.2129 1.10476 13.0163 0.908203 12.7734 0.908203C12.5305 0.908203 12.334 1.10476 12.334 1.34766V3.10547C12.334 3.34837 12.5305 3.54492 12.7734 3.54492ZM0 4.42383V13.6523C0 13.895 0.196758 14.0918 0.439453 14.0918H14.5605C14.8032 14.0918 15 13.895 15 13.6523V4.42383H0ZM4.42383 11.8945C4.42383 12.1372 4.22707 12.334 3.98438 12.334H2.22656C1.98387 12.334 1.78711 12.1372 1.78711 11.8945V10.1367C1.78711 9.89402 1.98387 9.69727 2.22656 9.69727H3.98438C4.22707 9.69727 4.42383 9.89402 4.42383 10.1367V11.8945ZM4.42383 8.37891C4.42383 8.6216 4.22707 8.81836 3.98438 8.81836H2.22656C1.98387 8.81836 1.78711 8.6216 1.78711 8.37891V6.62109C1.78711 6.3784 1.98387 6.18164 2.22656 6.18164H3.98438C4.22707 6.18164 4.42383 6.3784 4.42383 6.62109V8.37891ZM8.81836 11.8945C8.81836 12.1372 8.6216 12.334 8.37891 12.334H6.62109C6.3784 12.334 6.18164 12.1372 6.18164 11.8945V10.1367C6.18164 9.89402 6.3784 9.69727 6.62109 9.69727H8.37891C8.6216 9.69727 8.81836 9.89402 8.81836 10.1367V11.8945ZM8.81836 8.37891C8.81836 8.6216 8.6216 8.81836 8.37891 8.81836H6.62109C6.3784 8.81836 6.18164 8.6216 6.18164 8.37891V6.62109C6.18164 6.3784 6.3784 6.18164 6.62109 6.18164H8.37891C8.6216 6.18164 8.81836 6.3784 8.81836 6.62109V8.37891ZM13.2129 11.8945C13.2129 12.1372 13.0161 12.334 12.7734 12.334H11.0156C10.7729 12.334 10.5762 12.1372 10.5
8593762 11.8945V10.1367C10.5762 9.89402 10.7729 9.69727 11.0156 9.69727H12.7734C13.0161 9.69727 13.2129 9.89402 13.2129 10.1367V11.8945ZM13.2129 8.37891C13.2129 8.6216 13.0161 8.81836 12.7734 8.81836H11.0156C10.7729 8.81836 10.5762 8.6216 10.5762 8.37891V6.62109C10.5762 6.3784 10.7729 6.18164 11.0156 6.18164H12.7734C13.0161 6.18164 13.2129 6.3784 13.2129 6.62109V8.37891Z" fill="url(#cal-6ac96c42b4bb8-a)"/> 8594</g> 8595<defs> 8596<linearGradient id="cal-6ac96c42b4bb8-p" x1="7.5" y1="1.78711" x2="7.5" y2="12.7734" gradientUnits="userSpaceOnUse"> 8597<stop stop-color="var(--color-primary, #FA6668)"/> 8598<stop offset="1" stop-color="var(--color-red-dark, #780F11)"/> 8599</linearGradient> 8600<linearGradient id="cal-6ac96c42b4bb8-a" x1="7.5" y1="14.0918" x2="7.5" y2="0.9082" gradientUnits="userSpaceOnUse"> 8601<stop stop-color="var(--color-primary-lighter, #FFBD00)"/> 8602<stop offset="1" stop-color="var(--color-primary-lighter, #FFFF58)"/> 8603</linearGradient> 8604<clipPath id="clip-cal-6ac96c42b4bb8"> 8605<rect width="15" height="15" fill="white"/> 8606</clipPath> 8607</defs> 8608</svg> 8609 <span>Ngà y mai</span> 8610 <span class="text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm bb-tomorrow-count">0</span> 8611 </button> 8612 </div> 8613 </div> 8614 <!-- BB Leagues Dropdown - Mobile --> 8615 <div class="relative mt-3 bb-leagues-dropdown-mobile z-[140]" x-data="{ open: false }"> 8616 <button @click="open = !open" 8617 class="w-full group flex items-center justify-between gap-2 px-4 py-2 bg-[#0c0c18] w-2xs border border-[rgba(var(--color-primary-rgb),0.1)] rounded-sm hover:border-primary/30 font-medium rounded-lg cursor-pointer"> 8618 <div class="flex items-center gap-2"> 8619 <svg class="w-5 h-5" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 8620<g clip-path="url(#clip-gear-6ac96c42b4c2e)"> 8621<path d="M16.502 7.0472H14.8102C14.6546 6.37307 14.388 5.72183 14.0262 5.12895L15.2207 3.93394C15.4153 3.7394 15.4153 3.4242 15.2207 3.22967L13.8122 1.82112C13.6176 1.62659 13.3024 1.62659 13.1079 1.82112L11.9221 3.00595C11.3278 2.63533 10.6731 2.36151 9.99414 2.20004V0.498047C9.99414 0.22276 9.77138 0 9.49609 0H7.50391C7.22862 0 7.00586 0.22276 7.00586 0.498047V2.20001C6.32689 2.36147 5.67222 2.6353 5.07789 3.00591L3.8921 1.82109C3.69757 1.62655 3.38237 1.62655 3.18783 1.82109L1.77929 3.22967C1.68592 3.32304 1.63336 3.44951 1.63336 3.58179C1.63336 3.71407 1.68589 3.84054 1.77929 3.93391L2.9748 5.12846C2.61295 5.72087 2.3464 6.37261 2.18978 7.0472H0.498047C0.22276 7.0472 0 7.26996 0 7.54524V9.53743C0 9.81272 0.22276 10.0355 0.498047 10.0355H2.20924C2.3717 10.6994 2.64211 11.3399 3.00591 11.9226L1.77929 13.1492C1.58475 13.3438 1.58475 13.659 1.77929 13.8535L3.18783 15.262C3.38237 15.4566 3.69757 15.4566 3.8921 15.262L5.12846 14.0257C5.70918 14.3803 6.34635 14.6434 7.00586 14.8V16.502C7.00586 16.7772 7.22862 17 7.50391 17H9.49609C9.77138 17 9.99414 16.7772 9.99414 16.502V14.8C10.6537 14.6434 11.2908 14.3802 11.8715 14.0257L13.1079 15.262C13.3024 15.4566 13.6176 15.4566 13.8122 15.262L15.2207 13.8535C15.4152 13.659 15.4152 13.3438 15.2207 13.1492L13.9941 11.9226C14.3579 11.3399 14.6283 10.6994 14.7908 10.0355H16.502C16.7772 10.0355 17 9.81272 17 9.53743V7.54524C17 7.26996 16.7772 7.0472 16.502 7.0472Z" fill="url(#gear-6ac96c42b4c2e-p)"/> 8622<path d="M8.49805 4.01758C6.02777 4.01758 4.01562 6.02965 4.01562 8.5C4.01562 10.9703 6.02777 12.9824 8.49805 12.9824C10.9683 12.9824 12.9805 10.9703 12.9805 8.5C12.9805 6.02965 10.9683 4.01758 8.49805 4.01758ZM10.4902 8.99805H8.49805C8.21911 8.99805 8 8.77887 8 8.5V6.50781C8 6.22887 8.21911 6.00977 8.49805 6.00977C8.77699 6.00977 8.99609 6.22887 8.99609 6.50781V8.00195H10.4902C10.7692 8.00195 10.9883 8.22106 10.9883 8.5C10.9883 8.77887 10.7692 8.99805 10.4902 8.99805Z" fill="url(#gear-6ac96c42b4c2e-a)"/> 8623</g> 8624<defs> 8625<linearGradient id="gear-6ac96c42b4c2e-p" x1="8.5" y1="17" x2="8.5" y2="0" gradientUnits="userSpaceOnUse"> 8626<stop stop-color="var(--color-red-dark, #FD5900)"/> 8627<stop offset="1" stop-color="var(--color-primary, #FF3333)"/> 8628</linearGradient> 8629<linearGradient id="gear-6ac96c42b4c2e-a" x1="8.49805" y1="12.9824" x2="8.49805" y2="4.01758" gradientUnits="userSpaceOnUse"> 8630<stop stop-color="#FFE59A"/> 8631<stop offset="1" stop-color="#FFFFD5"/> 8632</linearGradient> 8633<clipPath id="clip-gear-6ac96c42b4c2e"> 8634<rect width="17" height="17" fill="white"/> 8635</clipPath> 8636</defs> 8637</svg>
8638 <span class="bb-selected-league">Giải Äấu</span> 8639 </div> 8640 <svg class="w-4 h-4 transition-transform duration-200 transform" :class="{'rotate-180': open}" 8641 fill="none" stroke="var(--color-primary, #FF0000)" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 8642 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> 8643 </svg> 8644 </button> 8645 <div x-show="open" @click.away="open = false" 8646 x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" 8647 x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" 8648 class="absolute left-0 right-0 mt-2 origin-top rounded-sm bg-[#0a0a14] shadow-lg border border-[rgba(var(--color-primary-rgb),0.1)] focus:outline-none z-[160] max-h-96 overflow-y-auto no-scrollbar" 8649 style="display:none; 8650 8651 " 8652 role="menu" tabindex="-1"> 8653 <div class="py-1" role="none"> 8654 <div class="px-4 py-2 text-base font-medium border-b border-divider uppercase">Chá»n giải Äấu</div> 8655 <div class="px-4 py-2 border-b border-divider"> 8656 <input type="text" placeholder="Search leagues..." 8657 class="w-full rounded-lg bg-dark-500 text-white px-4 py-2 text-sm focus:outline-none focus:ring-1 focus:ring-primary bb-leagues-search-input border border-divider" 8658 autocomplete="off" /> 8659 </div> 8660 <div class="text-sm bb-leagues-list divide-y divide-divider"> 8661 <!-- BB Leagues loaded via JS --> 8662 </div> 8663 </div> 8664 </div> 8665 </div> 8666 </div> 8667 </div> 8668 <!-- Basketball Tab Contents --> 8669 <div id="bbFilterTabsContent" class="mt-2"> 8670 <div class="hidden match-container" id="bb-live-content" role="tabpanel" aria-labelledby="bb-live-tab"> 8671 <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 bb-live-matches-grid"> 8672 <div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 8673 bals-live-match" 8674 data-accent="" 8675 data-template="chroma" data-sport="basketball" 8676 data-match-id="vjxm8xt5z53xq6o" data-match-time="1791579600" 8677 data-competition-id="8y39mp4tgkmojxg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 8678 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 8679 <div class="block relative group"> 8680 <a href="https://toptrader.io/basketball/quimsa-ldd-vs-boca-juniors-ldd-on-09-10-2026/" class="absolute inset-0 z-0" 8681 data-tooltip="Quimsa LDD vs Boca Juniors LDD lúc 04:00 ngà y 10/10/2026" 8682 data-title="Quimsa LDD vs Boca Juniors LDD lúc 04:00 ngà y 10/10/2026"></a> 8683 <div class="chroma-signal-lock" aria-hidden="true"></div> 8684 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 8685 8686 <div class="flex items-center justify-between sm:mb-0 mb-2"> 8687 8688 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 8689 <img src="https://img.thesports.com/basketball/competition/fb01d8eef6efdc9ff8eedb03643e0623.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 8690 loading="lazy" /> 8691 <span class="truncate tracking-wide bals-competition-name">Argentina Liga Nacional</span> 8692 </div> 8693 8694 <div 8695 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
8696 <span> 04:00 </span> 8697 <span class="text-gray-400 leading-none text-base">â¢</span> 8698 <span>10/10</span> 8699 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 8700 <span 8701 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 8702 </div> 8703 </div> 8704 8705 <div class="relative"> 8706 8707 <div 8708 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 8709 <span class="bals-status-name mr-1">Q4</span> : 8710 <span class="ml-1 bals-elapsed-time"></span> </div> 8711 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 8712 8713 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 8714 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 8715 Quimsa LDD 8716 </div> 8717 <img data-src="https://static.sportsfeed.pro/basketball/team/b4c8df57f3bc44e9e66f74d521673528.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Quimsa LDD Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 8718 8719 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 8720 <div 8721 class="bals-score-track "> 8722 <span 8723 class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 8724 <span 8725 class="bals-score-box text-sm sm:text-base bals-home-score" > 8726 65 8727 </span> 8728 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 8729 <span 8730 class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-away-score" > 8731 68 8732 </span> 8733 </div> 8734 </div> 8735 8736 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 8737 <img data-src="https://static.sportsfeed.pro/basketball/team/a7fcaac18d46b568c74f6916912e775e.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Boca Juniors LDD Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 8738 Boca Juniors LDD 8739 </div> 8740 </div> 8741 </div> 8742 </div> 8743 8744 8745 <div class="space-y-3"> 8746 <div class="h-px w-full border-t-gradient-silver-fade"></div> 8747 <div class="relative"> 8748 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 8749 8750 8751 8752 <div class="flex-1 min-w-0"></div> 8753 8754 8755 <div class="flex-shrink-0 flex items-center"> 8756 <div class="w-[120px] sm:w-[125px] min-w-0"> 8757 <div class="text-right mr-1.5 bals-odds"> 8758 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 8759 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.6</div> 8760 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0</div> 8761 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.45</div> 8762 </div> 8763 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 8764 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.8</div> 8765 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-2.5</div> 8766 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.86</div> 8767 </div> 8768 </div> 8769 </div> 8770 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 8771 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 8772 </a> 8773 </div> 8774 </div> 8775 </div> 8776 </div> 8777 </div> 8778 </div> 8779 8780</div> 8781<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 8782 bals-live-match" 8783 data-accent="" 8784 data-template="chroma" data-sport="basketball" 8785 data-match-id="pxwrx5txkxneqyk" data-match-time="1791581400" 8786 data-competition-id="vl7oqd4t175q510" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 8787 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 8788 <div class="block relative group"> 8789 <a href="https://toptrader.io/basketball/olimpia-queens-women-vs-sao-jose-w-on-09-10-2026/" class="absolute inset-0 z-0"
8790 data-tooltip="Olimpia Queens Women vs Sao Jose (W) lúc 04:30 ngà y 10/10/2026" 8791 data-title="Olimpia Queens Women vs Sao Jose (W) lúc 04:30 ngà y 10/10/2026"></a> 8792 <div class="chroma-signal-lock" aria-hidden="true"></div> 8793 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 8794 8795 <div class="flex items-center justify-between sm:mb-0 mb-2"> 8796 8797 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 8798 <img src="https://img.thesports.com/basketball/competition/7128fad192c66339f572998d886c01f7.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 8799 loading="lazy" /> 8800 <span class="truncate tracking-wide bals-competition-name">Paraguay LNCF Women</span> 8801 </div> 8802 8803 <div 8804 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 8805 <span> 04:30 </span> 8806 <span class="text-gray-400 leading-none text-base">â¢</span> 8807 <span>10/10</span> 8808 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 8809 <span 8810 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 8811 </div> 8812 </div> 8813 8814 <div class="relative"> 8815 8816 <div 8817 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 8818 <span class="bals-status-name mr-1">Q3</span> : 8819 <span class="ml-1 bals-elapsed-time"></span> </div> 8820 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 8821 8822 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 8823 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 8824 Olimpia Queens Women 8825 </div> 8826 <img data-src="https://static.sportsfeed.pro/basketball/team/5785ac5adba1127f191b735c9ea2b274.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Olimpia Queens Women Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 8827 8828 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 8829 <div 8830 class="bals-score-track "> 8831 <span 8832 class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 8833 <span 8834 class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-home-score" > 8835 41 8836 </span> 8837 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 8838 <span 8839 class="bals-score-box text-sm sm:text-base bals-away-score" > 8840 31 8841 </span> 8842 </div> 8843 </div> 8844 8845 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 8846 <img data-src="https://static.sportsfeed.pro/basketball/team/a7608b5e11640c32adaf05dd36d8e6ac.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Sao Jose
8846(W) Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 8847 Sao Jose (W) 8848 </div> 8849 </div> 8850 </div> 8851 </div> 8852 8853 8854 <div class="space-y-3"> 8855 <div class="h-px w-full border-t-gradient-silver-fade"></div> 8856 <div class="relative"> 8857 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 8858 8859 8860 8861 <div class="flex-1 min-w-0"></div> 8862 8863 8864 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 8865 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 8866 </a></div> 8867 </div> 8868 </div> 8869 </div> 8870 </div> 8871 </div> 8872 8873</div> 8874<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 8875 bals-live-match" 8876 data-accent="" 8877 data-template="chroma" data-sport="basketball" 8878 data-match-id="zp5rzkt6lyggr82" data-match-time="1791583800" 8879 data-competition-id="e4wyrn1tl8q86pv" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 8880 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 8881 <div class="block relative group"> 8882 <a href="https://toptrader.io/basketball/regatas-corrientes-vs-nacional-montevideo-on-09-10-2026/" class="absolute inset-0 z-0" 8883 data-tooltip="Regatas Corrientes vs Nacional Montevideo lúc 05:10 ngà y 10/10/2026" 8884 data-title="Regatas Corrientes vs Nacional Montevideo lúc 05:10 ngà y 10/10/2026"></a> 8885 <div class="chroma-signal-lock" aria-hidden="true"></div> 8886 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 8887 8888 <div class="flex items-center justify-between sm:mb-0 mb-2"> 8889 8890 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 8891 <img src="https://img.thesports.com/basketball/competition/c5c1c18327493d6534e691e4432ee487.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 8892 loading="lazy" /> 8893 <span class="truncate tracking-wide bals-competition-name">Liga Sudamericana de Básquetbol</span> 8894 </div> 8895 8896 <div 8897 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 8898 <span> 05:10 </span> 8899 <span class="text-gray-400 leading-none text-base">â¢</span> 8900 <span>10/10</span> 8901 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 8902 <span 8903 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 8904 </div> 8905 </div> 8906 8907 <div class="relative"> 8908 8909 <div 8910 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 8911 <span class="bals-status-name mr-1">Q2</span> : 8912 <span class="ml-1 bals-elapsed-time"></span> </div> 8913 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 8914 8915 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 8916 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 8917 Regatas Corrientes 8918 </div> 8919 <img data-src="https://static.sportsfeed.pro/basketball/team/a509b77070fc2f08bd663f9402f3fd9c.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Regatas Corrientes Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 8920 8921 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 8922 <div 8923 class="bals-score-track ">
8924 <span 8925 class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 8926 <span 8927 class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-home-score" > 8928 28 8929 </span> 8930 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 8931 <span 8932 class="bals-score-box text-sm sm:text-base bals-away-score" > 8933 27 8934 </span> 8935 </div> 8936 </div> 8937 8938 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 8939 <img data-src="https://static.sportsfeed.pro/basketball/team/077b6c3ee4123a72e24cd9f9d80b7ba1.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Nacional Montevideo Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 8940 Nacional Montevideo 8941 </div> 8942 </div> 8943 </div> 8944 </div> 8945 8946 8947 <div class="space-y-3"> 8948 <div class="h-px w-full border-t-gradient-silver-fade"></div> 8949 <div class="relative"> 8950 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 8951 8952 8953 8954 <div class="flex-1 min-w-0"></div> 8955 8956 8957 <div class="flex-shrink-0 flex items-center"> 8958 <div class="w-[120px] sm:w-[125px] min-w-0"> 8959 <div class="text-right mr-1.5 bals-odds"> 8960 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 8961 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.95</div> 8962 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0</div> 8963 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.74</div> 8964 </div> 8965 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 8966 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.83</div> 8967 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-1.5</div> 8968 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.83</div> 8969 </div> 8970 </div> 8971 </div> 8972 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 8973 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 8974 </a> 8975 </div> 8976 </div> 8977 </div> 8978 </div> 8979 </div> 8980 </div> 8981 8982</div> 8983<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 8984 bals-live-match" 8985 data-accent="" 8986 data-template="chroma" data-sport="basketball" 8987 data-match-id="3glrwyt3v39pqdy" data-match-time="1791584400" 8988 data-competition-id="vl7oqd4t175q510" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 8989 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 8990 <div class="block relative group"> 8991 <a href="https://toptrader.io/basketball/felix-perez-cardozo-women-vs-sol-de-america-women-on-09-10-2026/" class="absolute inset-0 z-0" 8992 data-tooltip="Felix Perez Cardozo Women vs Sol De America Women lúc 05:20 ngà y 10/10/2026" 8993 data-title="Felix Perez Cardozo Women vs Sol De America Women lúc 05:20 ngà y 10/10/2026"></a> 8994 <div class="chroma-signal-lock" aria-hidden="true"></div> 8995 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 8996 8997 <div class="flex items-center justify-between sm:mb-0 mb-2"> 8998 8999 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 9000 <img src="https://img.thesports.com/basketball/competition/7128fad192c66339f572998d886c01f7.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 9001 loading="lazy" />
9002 <span class="truncate tracking-wide bals-competition-name">Paraguay LNCF Women</span> 9003 </div> 9004 9005 <div 9006 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 9007 <span> 05:20 </span> 9008 <span class="text-gray-400 leading-none text-base">â¢</span> 9009 <span>10/10</span> 9010 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 9011 <span 9012 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 9013 </div> 9014 </div> 9015 9016 <div class="relative"> 9017 9018 <div 9019 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 9020 <span class="bals-status-name mr-1">Q1</span> : 9021 <span class="ml-1 bals-elapsed-time"></span> </div> 9022 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 9023 9024 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 9025 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 9026 Felix Perez Cardozo Women 9027 </div> 9028 <img data-src="https://static.sportsfeed.pro/basketball/team/ffbd56302476d796dd41b84029dbbb5b.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Felix Perez Cardozo Women Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 9029 9030 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 9031 <div 9032 class="bals-score-track "> 9033 <span 9034 class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 9035 <span 9036 class="bals-score-box text-sm sm:text-base bals-home-score" > 9037 0 9038 </span> 9039 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 9040 <span 9041 class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-away-score" > 9042 2 9043 </span> 9044 </div> 9045 </div> 9046 9047 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 9048 <img data-src="https://static.sportsfeed.pro/basketball/team/fc14ea3514aafa6381a7f6c1c73c094f.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Sol De America Women Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 9049 Sol De America Women 9050 </div> 9051 </div> 9052 </div> 9053 </div> 9054 9055 9056 <div class="space-y-3"> 9057 <div class="h-px w-full border-t-gradient-silver-fade"></div> 9058 <div class="relative"> 9059 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 9060 9061 9062 9063 <div class="flex-1 min-w-0"></div> 9064 9065 9066 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 9067 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 9068 </a></div> 9069 </div> 9070 </div> 9071 </div> 9072 </div> 9073 </div> 9074 9075</div> 9076<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 9077 bals-live-match" 9078 data-accent="" 9079 data-template="chroma" data-sport="basketball" 9080 data-match-id="4jwq25tz3zgjq0v" data-match-time="1791585000" 9081 data-competition-id="56ypq3kt47pmd7o" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 9082 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 9083 <div class="block relative group"> 9084 <a href="https://toptrader.io/basketball/espanol-osorno-u21-vs-cdb-la-union-u21-on-09-10-2026/" class="absolute inset-0 z-0" 9085 data-tooltip="Espanol Osorno U21 vs CDB La Union U21 lúc 05:30 ngà y 10/10/2026" 9086 data-title="Espanol Osorno U21 vs CDB La Union U21 lúc 05:30 ngà y 10/10/2026"></a> 9087 <div class="chroma-signal-lock" aria-hidden="true"></div> 9088 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 9089 9090 <div class="flex items-center justify-between sm:mb-0 mb-2"> 9091 9092 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 9093 <img src="https://img.thesports.com/basketball/competition/e11b7c2210fd09057697e69651b24039.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 9094 loading="lazy" />
9095 <span class="truncate tracking-wide bals-competition-name">Chile Liga U21</span> 9096 </div> 9097 9098 <div 9099 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 9100 <span> 05:30 </span> 9101 <span class="text-gray-400 leading-none text-base">â¢</span> 9102 <span>10/10</span> 9103 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 9104 <span 9105 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 9106 </div> 9107 </div> 9108 9109 <div class="relative"> 9110 9111 <div 9112 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 9113 <span class="bals-status-name mr-1">Q1</span> : 9114 <span class="ml-1 bals-elapsed-time"></span> </div> 9115 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 9116 9117 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 9118 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 9119 Espanol Osorno U21 9120 </div> 9121 <img data-src="https://static.sportsfeed.pro/basketball/team/b7abd900aa57fd56814c776c0d9ec4ee.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Espanol Osorno U21 Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 9122 9123 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 9124 <div 9125 class="bals-score-track "> 9126 <span 9127 class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 9128 <span 9129 class="bals-score-box text-sm sm:text-base bals-home-score" > 9130 0 9131 </span> 9132 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 9133 <span 9134 class="bals-score-box text-sm sm:text-base bals-away-score" > 9135 0 9136 </span> 9137 </div> 9138 </div> 9139 9140 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 9141 <img data-src="https://static.sportsfeed.pro/basketball/team/07d18678585a896cf1f5a5f0c08b4acf.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="CDB La Union U21 Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 9142 CDB La Union U21 9143 </div> 9144 </div> 9145 </div> 9146 </div> 9147 9148 9149 <div class="space-y-3"> 9150 <div class="h-px w-full border-t-gradient-silver-fade"></div> 9151 <div class="relative"> 9152 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 9153 9154 9155 9156 <div class="flex-1 min-w-0"></div> 9157 9158 9159 <div class="flex-shrink-0 flex items-center"> 9160 <div class="w-[120px] sm:w-[125px] min-w-0"> 9161 <div class="text-right mr-1.5 bals-odds"> 9162 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 9163 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.95</div> 9164 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0</div> 9165 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.74</div> 9166 </div> 9167 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 9168 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.83</div> 9169 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-1.5</div> 9170 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.83</div> 9171 </div> 9172 </div> 9173 </div> 9174 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 9175 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 9176 </a> 9177 </div> 9178 </div> 9179 </div> 9180 </div> 9181 </div> 9182 </div> 9183 9184</div> 9185 9186 </div> 9187 9188 </div> 9189 <div class="hidden match-container" id="bb-upcoming-content" role="tabpanel" aria-labelledby="bb-upcoming-tab"> 9190 <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 bb-upcoming-matches-grid"> 9191 <div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 9192 bals-upcoming-match" 9193 data-accent="hot" 9194 data-template="chroma" data-sport="basketball" 9195 data-match-id="23xmv1tp170zmg8" data-match-time="1791676800" 9196 data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 9197 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 9198 <div class="block relative group"> 9199 <a href="https://toptrader.io/basketball/miami-heat-vs-minnesota-timberwolves-on-11-10-2026/" class="absolute inset-0 z-0"
9200 data-tooltip="Miami Heat vs Minnesota Timberwolves lúc 07:00 ngà y 11/10/2026" 9201 data-title="Miami Heat vs Minnesota Timberwolves lúc 07:00 ngà y 11/10/2026"></a> 9202 <div class="chroma-signal-lock" aria-hidden="true"></div> 9203 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 9204 9205 <div class="flex items-center justify-between sm:mb-0 mb-2"> 9206 9207 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 9208 <img src="https://img.thesports.com/basketball/competition/061f5ab5b1a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 9209 loading="lazy" /> 9210 <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span> 9211 </div> 9212 9213 <div 9214 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 9215 <span> 07:00 </span> 9216 <span class="text-gray-400 leading-none text-base">â¢</span> 9217 <span>11/10</span> 9218 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 9219 <span 9220 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 9221 </div> 9222 </div> 9223 9224 <div class="relative"> 9225 9226 <div 9227 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 9228 <span class="bals-status-name mr-1">NS</span> </div> 9229 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 9230 9231 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 9232 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 9233 Miami Heat 9234 </div> 9235 <img data-src="https://static.sportsfeed.pro/basketball/team/ff7ccef6a6b79c6417ee8367946b0aec.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Miami Heat Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 9236 9237 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 9238 <div 9239 class="bals-score-track bals-score-track--vs"> 9240 <span 9241 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 9242 <span 9243 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 9244 0 9245 </span> 9246 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 9247 <span 9248 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 9249 0 9250 </span> 9251 </div> 9252 </div> 9253 9254 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 9255 <img data-src="https://static.sportsfeed.pro/basketball/team/38794d0ac418d8f2d03bd17a2623f3ed.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Minnesota Timberwolves Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 9256 Minnesota Timberwolves 9257 </div> 9258 </div> 9259 </div> 9260 </div> 9261 9262 9263 <div class="space-y-3"> 9264 <div class="h-px w-full border-t-gradient-silver-fade"></div> 9265 <div class="relative"> 9266 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 9267 9268 9269 9270 <div class="flex-1 min-w-0"></div> 9271 9272 9273 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 9274 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 9275 </a></div> 9276 </div> 9277 </div> 9278 </div> 9279 </div> 9280 </div> 9281 9282</div> 9283<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 9284 bals-upcoming-match" 9285 data-accent="hot" 9286 data-template="chroma" data-sport="basketball" 9287 data-match-id="zp5rzkt6v8w9r82" data-match-time="1791676800" 9288 data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 9289 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 9290 <div class="block relative group"> 9291 <a href="https://toptrader.io/basketball/boston-celtics-vs-philadelphia-76ers-on-11-10-2026/" class="absolute inset-0 z-0" 9292 data-tooltip="Boston Celtics vs Philadelphia 76ers lúc 07:00 ngà y 11/10/2026" 9293 data-title="Boston Celtics vs Philadelphia 76ers lúc 07:00 ngà y 11/10/2026"></a> 9294 <div class="chroma-signal-lock" aria-hidden="true"></div> 9295 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 9296 9297 <div class="flex items-center justify-between sm:mb-0 mb-2"> 9298 9299 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 9300 <img src="https://img.thesports.com/basketball/competition/061f5ab5b1
9300a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 9301 loading="lazy" /> 9302 <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span> 9303 </div> 9304 9305 <div 9306 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 9307 <span> 07:00 </span> 9308 <span class="text-gray-400 leading-none text-base">â¢</span> 9309 <span>11/10</span> 9310 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 9311 <span 9312 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 9313 </div> 9314 </div> 9315 9316 <div class="relative"> 9317 9318 <div 9319 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 9320 <span class="bals-status-name mr-1">NS</span> </div> 9321 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 9322 9323 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 9324 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 9325 Boston Celtics 9326 </div> 9327 <img data-src="https://static.sportsfeed.pro/basketball/team/884c1c1f5db46c170df3c34a8e213ec9.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Boston Celtics Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 9328 9329 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 9330 <div 9331 class="bals-score-track bals-score-track--vs"> 9332 <span 9333 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 9334 <span 9335 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 9336 0 9337 </span> 9338 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 9339 <span 9340 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 9341 0 9342 </span> 9343 </div> 9344 </div> 9345 9346 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 9347 <img data-src="https://static.sportsfeed.pro/basketball/team/06e7bde6cca98873fe971fad4e67a9b6.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Philadelphia 76ers Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 9348 Philadelphia 76ers 9349 </div> 9350 </div> 9351 </div> 9352 </div> 9353 9354 9355 <div class="space-y-3"> 9356 <div class="h-px w-full border-t-gradient-silver-fade"></div> 9357 <div class="relative"> 9358 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 9359 9360 9361 9362 <div class="flex-1 min-w-0"></div> 9363 9364 9365 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 9366 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 9367 </a></div> 9368 </div> 9369 </div> 9370 </div> 9371 </div> 9372 </div> 9373 9374</div> 9375<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 9376 bals-upcoming-match" 9377 data-accent="hot" 9378 data-template="chroma" data-sport="basketball" 9379 data-match-id="1l4rjztjovlom7v" data-match-time="1791678600" 9380 data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 9381 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 9382 <div class="block relative group"> 9383 <a href="https://toptrader.io/basketball/golden-state-warriors-vs-sacramento-kings-on-11-10-2026/" class="absolute inset-0 z-0"
9384 data-tooltip="Golden State Warriors vs Sacramento Kings lúc 07:30 ngà y 11/10/2026" 9385 data-title="Golden State Warriors vs Sacramento Kings lúc 07:30 ngà y 11/10/2026"></a> 9386 <div class="chroma-signal-lock" aria-hidden="true"></div> 9387 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 9388 9389 <div class="flex items-center justify-between sm:mb-0 mb-2"> 9390 9391 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 9392 <img src="https://img.thesports.com/basketball/competition/061f5ab5b1a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 9393 loading="lazy" /> 9394 <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span> 9395 </div> 9396 9397 <div 9398 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 9399 <span> 07:30 </span> 9400 <span class="text-gray-400 leading-none text-base">â¢</span> 9401 <span>11/10</span> 9402 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 9403 <span 9404 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 9405 </div> 9406 </div> 9407 9408 <div class="relative"> 9409 9410 <div 9411 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 9412 <span class="bals-status-name mr-1">NS</span> </div> 9413 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 9414 9415 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 9416 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 9417 Golden State Warriors 9418 </div> 9419 <img data-src="https://static.sportsfeed.pro/basketball/team/df3f6f8bb17fd1c618f60f0b14637140.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Golden State Warriors Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 9420 9421 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 9422 <div 9423 class="bals-score-track bals-score-track--vs"> 9424 <span 9425 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 9426 <span 9427 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 9428 0 9429 </span> 9430 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 9431 <span 9432 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 9433 0 9434 </span> 9435 </div> 9436 </div> 9437 9438 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 9439 <img data-src="https://static.sportsfeed.pro/basketball/team/1fc010aba7ac510b5364e5f76ca4f060.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Sacramento Kings Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 9440 Sacramento Kings 9441 </div> 9442 </div> 9443 </div> 9444 </div> 9445 9446 9447 <div class="space-y-3"> 9448 <div class="h-px w-full border-t-gradient-silver-fade"></div> 9449 <div class="relative"> 9450 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 9451 9452 9453 9454 <div class="flex-1 min-w-0"></div> 9455 9456 9457 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 9458 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 9459 </a></div> 9460 </div> 9461 </div> 9462 </div> 9463 </div> 9464 </div> 9465 9466</div> 9467<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 9468 bals-upcoming-match" 9469 data-accent="hot" 9470 data-template="chroma" data-sport="basketball" 9471 data-match-id="6ypq3kt7yx7nmd7" data-match-time="1791685800" 9472 data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 9473 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 9474 <div class="block relative group"> 9475 <a href="https://toptrader.io/basketball/phoenix-suns-vs-san-antonio-spurs-on-11-10-2026/" class="absolute inset-0 z-0" 9476 data-tooltip="Phoenix Suns vs San Antonio Spurs lúc 09
9476:30 ngà y 11/10/2026" 9477 data-title="Phoenix Suns vs San Antonio Spurs lúc 09:30 ngà y 11/10/2026"></a> 9478 <div class="chroma-signal-lock" aria-hidden="true"></div> 9479 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 9480 9481 <div class="flex items-center justify-between sm:mb-0 mb-2"> 9482 9483 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 9484 <img src="https://img.thesports.com/basketball/competition/061f5ab5b1a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 9485 loading="lazy" /> 9486 <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span> 9487 </div> 9488 9489 <div 9490 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 9491 <span> 09:30 </span> 9492 <span class="text-gray-400 leading-none text-base">â¢</span> 9493 <span>11/10</span> 9494 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 9495 <span 9496 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 9497 </div> 9498 </div> 9499 9500 <div class="relative"> 9501 9502 <div 9503 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 9504 <span class="bals-status-name mr-1">NS</span> </div> 9505 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 9506 9507 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 9508 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 9509 Phoenix Suns 9510 </div> 9511 <img data-src="https://static.sportsfeed.pro/basketball/team/da3c882a7e0bc592b4c1ba9d8c5fb68d.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Phoenix Suns Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 9512 9513 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 9514 <div 9515 class="bals-score-track bals-score-track--vs"> 9516 <span 9517 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 9518 <span 9519 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 9520 0 9521 </span> 9522 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 9523 <span 9524 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 9525 0 9526 </span> 9527 </div> 9528 </div> 9529 9530 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 9531 <img data-src="https://static.sportsfeed.pro/basketball/team/5305d1a7b721b5bef418041eff53ba82.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="San Antonio Spurs Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 9532 San Antonio Spurs 9533 </div> 9534 </div> 9535 </div> 9536 </div> 9537 9538 9539 <div class="space-y-3"> 9540 <div class="h-px w-full border-t-gradient-silver-fade"></div> 9541 <div class="relative"> 9542 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 9543 9544 9545 9546 <div class="flex-1 min-w-0"></div> 9547 9548 9549 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 9550 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 9551 </a></div> 9552 </div> 9553 </div> 9554 </div> 9555 </div> 9556 </div> 9557 9558</div> 9559<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 9560 bals-upcoming-match" 9561 data-accent="hot" 9562 data-template="chroma" data-sport="basketball" 9563 data-match-id="318q6nt6exo0mo9" data-match-time="1791694800" 9564 data-competition-id="9d23xmv1t4mg8ny" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 9565 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 9566 <div class="block relative group"> 9567 <a href="https://toptrader.io/basketball/anyang-jungkwanjang-red-boosters-vs-changwon-lg-sakers-on-11-10-2026/" class="absolute inset-0 z-0" 9568 data-tooltip="Anyang JungKwanJang Red Boosters vs Changwon LG Sakers lúc 12:00 ngà y 11/10/2026" 9569 data-title="Anyang JungKwanJang Red Boosters vs Changwon LG Sakers lúc 12:00 ngà y 11/10/2026"></a> 9570 <div class="chroma-signal-lock" aria-hidden="true"></div> 9571 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 9572 9573 <div class="flex items-center justify-between sm:mb-0 mb-2"> 9574 9575 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 9576 <img src="https://img.thesports.com/basketball/competition/f841aa3bd3c2aeffca04f78bfaeecaf7.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 9577 loading="lazy" />
9578 <span class="truncate tracking-wide bals-competition-name">Korean Basketball League</span> 9579 </div> 9580 9581 <div 9582 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 9583 <span> 12:00 </span> 9584 <span class="text-gray-400 leading-none text-base">â¢</span> 9585 <span>11/10</span> 9586 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 9587 <span 9588 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 9589 </div> 9590 </div> 9591 9592 <div class="relative"> 9593 9594 <div 9595 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 9596 <span class="bals-status-name mr-1">NS</span> </div> 9597 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 9598 9599 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 9600 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 9601 Anyang JungKwanJang Red Boosters 9602 </div> 9603 <img data-src="https://static.sportsfeed.pro/basketball/team/30683c359531664a5b97f129c047fcdc.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Anyang JungKwanJang Red Boosters Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 9604 9605 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 9606 <div 9607 class="bals-score-track bals-score-track--vs"> 9608 <span 9609 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 9610 <span 9611 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 9612 0 9613 </span> 9614 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 9615 <span 9616 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 9617 0 9618 </span> 9619 </div> 9620 </div> 9621 9622 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 9623 <img data-src="https://static.sportsfeed.pro/basketball/team/b3a61f88692a8a3836f3b93ba65b98da.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Changwon LG Sakers Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 9624 Changwon LG Sakers 9625 </div> 9626 </div> 9627 </div> 9628 </div> 9629 9630 9631 <div class="space-y-3"> 9632 <div class="h-px w-full border-t-gradient-silver-fade"></div> 9633 <div class="relative"> 9634 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 9635 9636 9637 9638 <div class="flex-1 min-w-0"></div> 9639 9640 9641 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 9642 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 9643 </a></div> 9644 </div> 9645 </div> 9646 </div> 9647 </div> 9648 </div> 9649 9650</div> 9651<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 9652 bals-upcoming-match" 9653 data-accent="hot" 9654 data-template="chroma" data-sport="basketball" 9655 data-match-id="6ypq3kt79vzpmd7" data-match-time="1791694800" 9656 data-competition-id="9d23xmv1t4mg8ny" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 9657 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 9658 <div class="block relative group"> 9659 <a href="https://toptrader.io/basketball/seoul-samsung-thunders-vs-goyang-sono-skygunners-on-11-10-2026/" class="absolute inset-0 z-0" 9660 data-tooltip="Seoul Samsung Thunders vs Goyang Sono Skygunners lúc 12:00 ngà y 11/10/2026" 9661 data-title="Seoul Samsung Thunders vs Goyang Sono Skygunners lúc 12:00 ngà y 11/10/2026"></a> 9662 <div class="chroma-signal-lock" aria-hidden="true"></div> 9663 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 9664 9665 <div class="flex items-center justify-between sm:mb-0 mb-2"> 9666 9667 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 9668 <img src="https://img.thesports.com/basketball/competition/f841aa3bd3c2aeffca04f78bfaeecaf7.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 9669 loading="lazy" />
9670 <span class="truncate tracking-wide bals-competition-name">Korean Basketball League</span> 9671 </div> 9672 9673 <div 9674 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 9675 <span> 12:00 </span> 9676 <span class="text-gray-400 leading-none text-base">â¢</span> 9677 <span>11/10</span> 9678 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 9679 <span 9680 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 9681 </div> 9682 </div> 9683 9684 <div class="relative"> 9685 9686 <div 9687 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 9688 <span class="bals-status-name mr-1">NS</span> </div> 9689 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 9690 9691 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 9692 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 9693 Seoul Samsung Thunders 9694 </div> 9695 <img data-src="https://static.sportsfeed.pro/basketball/team/9adc8e5768f7787b81ad366fed7b5edd.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Seoul Samsung Thunders Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 9696 9697 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 9698 <div 9699 class="bals-score-track bals-score-track--vs"> 9700 <span 9701 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 9702 <span 9703 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 9704 0 9705 </span> 9706 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 9707 <span 9708 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 9709 0 9710 </span> 9711 </div> 9712 </div> 9713 9714 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 9715 <img data-src="https://static.sportsfeed.pro/basketball/team/4a5ba2f4b39c4cb6db259ed9fb916da1.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Goyang Sono Skygunners Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 9716 Goyang Sono Skygunners 9717 </div> 9718 </div> 9719 </div> 9720 </div> 9721 9722 9723 <div class="space-y-3"> 9724 <div class="h-px w-full border-t-gradient-silver-fade"></div> 9725 <div class="relative"> 9726 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 9727 9728 9729 9730 <div class="flex-1 min-w-0"></div> 9731 9732 9733 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 9734 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 9735 </a></div> 9736 </div> 9737 </div> 9738 </div> 9739 </div> 9740 </div> 9741 9742</div> 9743<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 9744 bals-upcoming-match" 9745 data-accent="hot" 9746 data-template="chroma" data-sport="basketball" 9747 data-match-id="8yomovtgpwpkq0j" data-match-time="1791702000" 9748 data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 9749 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 9750 <div class="block relative group"> 9751 <a href="https://toptrader.io/basketball/shandong-hi-speed-kirin-v
9751s-guangzhou-loong-lions-on-11-10-2026/" class="absolute inset-0 z-0" 9752 data-tooltip="Shandong Hi-Speed Kirin vs Guangzhou Loong Lions lúc 14:00 ngà y 11/10/2026" 9753 data-title="Shandong Hi-Speed Kirin vs Guangzhou Loong Lions lúc 14:00 ngà y 11/10/2026"></a> 9754 <div class="chroma-signal-lock" aria-hidden="true"></div> 9755 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 9756 9757 <div class="flex items-center justify-between sm:mb-0 mb-2"> 9758 9759 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 9760 <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 9761 loading="lazy" /> 9762 <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span> 9763 </div> 9764 9765 <div 9766 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 9767 <span> 14:00 </span> 9768 <span class="text-gray-400 leading-none text-base">â¢</span> 9769 <span>11/10</span> 9770 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 9771 <span 9772 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 9773 </div> 9774 </div> 9775 9776 <div class="relative"> 9777 9778 <div 9779 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 9780 <span class="bals-status-name mr-1">NS</span> </div> 9781 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 9782 9783 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 9784 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 9785 Shandong Hi-Speed Kirin 9786 </div> 9787 <img data-src="https://static.sportsfeed.pro/basketball/team/fd94971d5354c254a48249ad402cfb92.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Shandong Hi-Speed Kirin Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 9788 9789 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 9790 <div 9791 class="bals-score-track bals-score-track--vs"> 9792 <span 9793 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 9794 <span 9795 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 9796 0 9797 </span> 9798 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 9799 <span 9800 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 9801 0 9802 </span> 9803 </div> 9804 </div> 9805 9806 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 9807 <img data-src="https://static.sportsfeed.pro/basketball/team/858cde8d2c075296f24e7ee61929fbeb.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Guangzhou Loong Lions Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 9808 Guangzhou Loong Lions 9809 </div> 9810 </div> 9811 </div> 9812 </div> 9813 9814 9815 <div class="space-y-3"> 9816 <div class="h-px w-full border-t-gradient-silver-fade"></div> 9817 <div class="relative"> 9818 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 9819 9820 9821 9822 <div class="flex-1 min-w-0"></div> 9823 9824 9825 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 9826 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 9827 </a></div> 9828 </div> 9829 </div> 9830 </div> 9831 </div> 9832 </div> 9833 9834</div> 9835<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 9836 bals-upcoming-match" 9837 data-accent="hot" 9838 data-template="chroma" data-sport="basketball" 9839 data-match-id="8yomovtgpwlkq0j" data-match-time="1791702000" 9840 data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 9841 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 9842 <div class="block relative group"> 9843 <a href="https://toptrader.io/basketball/shanghai-jiushi-sharks-vs-fujian-xunxing-sturgeons-on-11-10-2026/" class="absolute inset-0 z-0" 9844 data-tooltip="Shanghai Jiushi Sharks vs Fujian Xunxing Sturgeons lúc 14:00 ngà y 11/10/2026" 9845 data-title="Shanghai Jiushi Sharks vs Fujian Xunxing Sturgeons lúc 14:00 ngà y 11/10/2026"></a> 9846 <div class="chroma-signal-lock" aria-hidden="true"></div> 9847 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 9848 9849 <div class="flex items-center justify-between sm:mb-0 mb-2"> 9850 9851 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 9852 <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 9853 loading="lazy" />
9854 <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span> 9855 </div> 9856 9857 <div 9858 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 9859 <span> 14:00 </span> 9860 <span class="text-gray-400 leading-none text-base">â¢</span> 9861 <span>11/10</span> 9862 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 9863 <span 9864 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 9865 </div> 9866 </div> 9867 9868 <div class="relative"> 9869 9870 <div 9871 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 9872 <span class="bals-status-name mr-1">NS</span> </div> 9873 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 9874 9875 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 9876 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 9877 Shanghai Jiushi Sharks 9878 </div> 9879 <img data-src="https://static.sportsfeed.pro/basketball/team/1125281dafbf06dad029825221e83d5a.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Shanghai Jiushi Sharks Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 9880 9881 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 9882 <div 9883 class="bals-score-track bals-score-track--vs"> 9884 <span 9885 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 9886 <span 9887 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 9888 0 9889 </span> 9890 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 9891 <span 9892 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 9893 0 9894 </span> 9895 </div> 9896 </div> 9897 9898 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 9899 <img data-src="https://static.sportsfeed.pro/basketball/team/2428a8c17b5a31163b54cb9502998bbf.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Fujian Xunxing Sturgeons Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 9900 Fujian Xunxing Sturgeons 9901 </div> 9902 </div> 9903 </div> 9904 </div> 9905 9906 9907 <div class="space-y-3"> 9908 <div class="h-px w-full border-t-gradient-silver-fade"></div> 9909 <div class="relative"> 9910 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 9911 9912 9913 9914 <div class="flex-1 min-w-0"></div> 9915 9916 9917 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 9918 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 9919 </a></div> 9920 </div> 9921 </div> 9922 </div> 9923 </div> 9924 </div> 9925 9926</div> 9927<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 9928 bals-upcoming-match" 9929 data-accent="hot" 9930 data-template="chroma" data-sport="basketball" 9931 data-match-id="y0or5gtzpvyjqwz" data-match-time="1791702000" 9932 data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 9933 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 9934 <div class="block relative group"> 9935 <a href="https://toptrader.io/basketball/jilin-northeast-tigers-vs-qingdao-eagles-on-11-10-2026/" class="absolute inset-0 z-0" 9936 data-tooltip="Jilin Northeast Tigers vs Qingdao Eagles lúc 14:00 ngà y 11/10/2026" 9937 data-title="Jilin Northeast Tigers vs Qingdao Eagles lúc 14:00 ngà y 11/10/2026"></a> 9938 <div class="chroma-signal-lock" aria-hidden="true"></div> 9939 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 9940 9941 <div class="flex items-center justify-between sm:mb-0 mb-2"> 9942 9943 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 9944 <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 9945 loading="lazy" />
9946 <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span> 9947 </div> 9948 9949 <div 9950 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 9951 <span> 14:00 </span> 9952 <span class="text-gray-400 leading-none text-base">â¢</span> 9953 <span>11/10</span> 9954 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 9955 <span 9956 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 9957 </div> 9958 </div> 9959 9960 <div class="relative"> 9961 9962 <div 9963 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 9964 <span class="bals-status-name mr-1">NS</span> </div> 9965 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 9966 9967 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 9968 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 9969 Jilin Northeast Tigers 9970 </div> 9971 <img data-src="https://static.sportsfeed.pro/basketball/team/0ef4bf20fbdcd89b1d7cb4a9b29f0f5a.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Jilin Northeast Tigers Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 9972 9973 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 9974 <div 9975 class="bals-score-track bals-score-track--vs"> 9976 <span 9977 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 9978 <span 9979 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 9980 0 9981 </span> 9982 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 9983 <span 9984 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 9985 0 9986 </span> 9987 </div> 9988 </div> 9989 9990 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 9991 <img data-src="https://static.sportsfeed.pro/basketball/team/8265cde14b18d7e3716bb1e0b0aed623.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Qingdao Eagles Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 9992 Qingdao Eagles 9993 </div> 9994 </div> 9995 </div> 9996 </div> 9997 9998 9999 <div class="space-y-3"> 10000 <div class="h-px w-full border-t-gradient-silver-fade"></div> 10001 <div class="relative"> 10002 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 10003 10004 10005 10006 <div class="flex-1 min-w-0"></div> 10007 10008 10009 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 10010 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 10011 </a></div> 10012 </div> 10013 </div> 10014 </div> 10015 </div> 10016 </div> 10017 10018</div> 10019<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 10020 bals-upcoming-match" 10021 data-accent="hot" 10022 data-template="chroma" data-sport="basketball" 10023 data-match-id="ednm9kt2njy5ryo" data-match-time="1791702000" 10024 data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 10025 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 10026 <div class="block relative group"> 10027 <a href="https://toptrader.io/basketball/nanjing-monkey-kings-vs-shenzhen-leopards-on-11-10-2026/" class="absolute inset-0 z-0" 10028 data-tooltip="Nanjing Monkey Kings vs Shenzhen Leopards lúc 14:00 ngà y 11/10/2026" 10029 data-title="Nanjing Monkey Kings vs Shenzhen Leopards lúc 14:00 ngà y 11/10/2026"></a> 10030 <div class="chroma-signal-lock" aria-hidden="true"></div> 10031 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 10032 10033 <div class="flex items-center justify-between sm:mb-0 mb-2"> 10034 10035 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 10036 <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 10037 loading="lazy" />
10038 <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span> 10039 </div> 10040 10041 <div 10042 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 10043 <span> 14:00 </span> 10044 <span class="text-gray-400 leading-none text-base">â¢</span> 10045 <span>11/10</span> 10046 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 10047 <span 10048 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 10049 </div> 10050 </div> 10051 10052 <div class="relative"> 10053 10054 <div 10055 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 10056 <span class="bals-status-name mr-1">NS</span> </div> 10057 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 10058 10059 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 10060 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 10061 Nanjing Monkey Kings 10062 </div> 10063 <img data-src="https://static.sportsfeed.pro/basketball/team/a5117efc96b29138d9db8f5abc1aa699.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Nanjing Monkey Kings Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 10064 10065 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 10066 <div 10067 class="bals-score-track bals-score-track--vs"> 10068 <span 10069 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 10070 <span 10071 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 10072 0 10073 </span> 10074 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 10075 <span 10076 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 10077 0 10078 </span> 10079 </div> 10080 </div> 10081 10082 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 10083 <img data-src="https://static.sportsfeed.pro/basketball/team/fb44eee02df789207dee98898982cc16.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Shenzhen Leopards Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 10084 Shenzhen Leopards 10085 </div> 10086 </div> 10087 </div> 10088 </div> 10089 10090 10091 <div class="space-y-3"> 10092 <div class="h-px w-full border-t-gradient-silver-fade"></div> 10093 <div class="relative"> 10094 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 10095 10096 10097 10098 <div class="flex-1 min-w-0"></div> 10099 10100 10101 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 10102 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 10103 </a></div> 10104 </div> 10105 </div> 10106 </div> 10107 </div> 10108 </div> 10109 10110</div> 10111<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 10112 bals-upcoming-match" 10113 data-accent="hot" 10114 data-template="chroma" data-sport="basketball" 10115 data-match-id="4wyrn1to3jp3q86" data-match-time="1791702000" 10116 data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 10117 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 10118 <div class="block relative group"> 10119 <a href="https://toptrader.io/basketball/ningbo-rockets-vs-zhejiang-golden-bulls-on-11-10-2026/" class="absolute inset-0 z-0" 10120 data-tooltip="Ningbo Rockets vs Zhejiang Golden Bulls lúc 14:00 ngà y 11/10/2026" 10121 data-title="Ningbo Rockets vs Zhejiang Golden Bulls lúc 14:00 ngà y 11/10/2026"></a> 10122 <div class="chroma-signal-lock" aria-hidden="true"></div> 10123 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 10124 10125 <div class="flex items-center justify-between sm:mb-0 mb-2"> 10126 10127 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 10128 <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 10129 loading="lazy" />
10130 <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span> 10131 </div> 10132 10133 <div 10134 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 10135 <span> 14:00 </span> 10136 <span class="text-gray-400 leading-none text-base">â¢</span> 10137 <span>11/10</span> 10138 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 10139 <span 10140 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 10141 </div> 10142 </div> 10143 10144 <div class="relative"> 10145 10146 <div 10147 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 10148 <span class="bals-status-name mr-1">NS</span> </div> 10149 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 10150 10151 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 10152 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 10153 Ningbo Rockets 10154 </div> 10155 <img data-src="https://static.sportsfeed.pro/basketball/team/9b17d2feb1397b99fa0530fba4c7385b.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Ningbo Rockets Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 10156 10157 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 10158 <div 10159 class="bals-score-track bals-score-track--vs"> 10160 <span 10161 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 10162 <span 10163 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 10164 0 10165 </span> 10166 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 10167 <span 10168 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 10169 0 10170 </span> 10171 </div> 10172 </div> 10173 10174 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 10175 <img data-src="https://static.sportsfeed.pro/basketball/team/d1d77f07287fe840a7e77459e5bd1bfc.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Zhejiang Golden Bulls Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 10176 Zhejiang Golden Bulls 10177 </div> 10178 </div> 10179 </div> 10180 </div> 10181 10182 10183 <div class="space-y-3"> 10184 <div class="h-px w-full border-t-gradient-silver-fade"></div> 10185 <div class="relative"> 10186 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 10187 10188 10189 10190 <div class="flex-1 min-w-0"></div> 10191 10192 10193 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 10194 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 10195 </a></div> 10196 </div> 10197 </div> 10198 </div> 10199 </div> 10200 </div> 10201 10202</div> 10203<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 10204 bals-upcoming-match" 10205 data-accent="hot" 10206 data-template="chroma" data-sport="basketball" 10207 data-match-id="965mk8t2vydxm1g" data-match-time="1791703800" 10208 data-competition-id="9d23xmv1t4mg8ny" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 10209 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 10210 <div class="block relative group"> 10211 <a href="https://toptrader.io/basketball/busan-kcc-egis-vs-suwon-kt-sonicboom-on-11-10-2026/" class="absolute inset-0 z-0" 10212 data-tooltip="Busan KCC Egis vs Suwon KT Sonicboom lúc 14:30 ngà y 11/10/2026" 10213 data-title="Busan KCC Egis vs Suwon KT Sonicboom lúc 14:30 ngà y 11/10/2026"></a> 10214 <div class="chroma-signal-lock" aria-hidden="true"></div> 10215 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 10216 10217 <div class="flex items-center justify-between sm:mb-0 mb-2"> 10218 10219 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 10220 <img src="https://img.thesports.com/basketball/competition/f841aa3bd3c2aeffca04f78bfaeecaf7.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 10221 loading="lazy" />
10222 <span class="truncate tracking-wide bals-competition-name">Korean Basketball League</span> 10223 </div> 10224 10225 <div 10226 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 10227 <span> 14:30 </span> 10228 <span class="text-gray-400 leading-none text-base">â¢</span> 10229 <span>11/10</span> 10230 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 10231 <span 10232 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 10233 </div> 10234 </div> 10235 10236 <div class="relative"> 10237 10238 <div 10239 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 10240 <span class="bals-status-name mr-1">NS</span> </div> 10241 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 10242 10243 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 10244 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 10245 Busan KCC Egis 10246 </div> 10247 <img data-src="https://static.sportsfeed.pro/basketball/team/0add24fc964de3ea25e83417aa301f81.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Busan KCC Egis Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 10248 10249 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 10250 <div 10251 class="bals-score-track bals-score-track--vs"> 10252 <span 10253 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 10254 <span 10255 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 10256 0 10257 </span> 10258 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 10259 <span 10260 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 10261 0 10262 </span> 10263 </div> 10264 </div> 10265 10266 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 10267 <img data-src="https://static.sportsfeed.pro/basketball/team/624b1a84ff50919f44835640108bdd42.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Suwon KT Sonicboom Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 10268 Suwon KT Sonicboom 10269 </div> 10270 </div> 10271 </div> 10272 </div> 10273 10274 10275 <div class="space-y-3"> 10276 <div class="h-px w-full border-t-gradient-silver-fade"></div> 10277 <div class="relative"> 10278 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 10279 10280 10281 10282 <div class="flex-1 min-w-0"></div> 10283 10284 10285 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 10286 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 10287 </a></div> 10288 </div> 10289 </div> 10290 </div> 10291 </div> 10292 </div> 10293 10294</div> 10295<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 10296 bals-upcoming-match" 10297 data-accent="hot" 10298 data-template="chroma" data-sport="basketball" 10299 data-match-id="4jwq25tzyl92q0v" data-match-time="1791712800" 10300 data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 10301 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 10302 <div class="block relative group"> 10303 <a href="https://toptrader.io/basketball/houston-rockets-vs-dallas-mavericks-on-11-10-2026/" class="absolute inset-0 z-0" 10304 data-tooltip="Houston Rockets vs Dallas Mavericks lúc 17:00 ngà y 11/10/2026" 10305 data-title="Houston Rockets vs Dallas Mavericks lúc 17:00 ngà y 11/10/2026"></a> 10306 <div class="chroma-signal-lock" aria-hidden="true"></div> 10307 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 10308 10309 <div class="flex items-center justify-between sm:mb-0 mb-2"> 10310 10311 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 10312 <img src="https://img.thesports.com/basketball/competition/061f5ab5b1
10312a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 10313 loading="lazy" /> 10314 <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span> 10315 </div> 10316 10317 <div 10318 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 10319 <span> 17:00 </span> 10320 <span class="text-gray-400 leading-none text-base">â¢</span> 10321 <span>11/10</span> 10322 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 10323 <span 10324 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 10325 </div> 10326 </div> 10327 10328 <div class="relative"> 10329 10330 <div 10331 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 10332 <span class="bals-status-name mr-1">NS</span> </div> 10333 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 10334 10335 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 10336 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 10337 Houston Rockets 10338 </div> 10339 <img data-src="https://static.sportsfeed.pro/basketball/team/bcfe797437f18526ff4e62177021f638.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Houston Rockets Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 10340 10341 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 10342 <div 10343 class="bals-score-track bals-score-track--vs"> 10344 <span 10345 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 10346 <span 10347 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 10348 0 10349 </span> 10350 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 10351 <span 10352 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 10353 0 10354 </span> 10355 </div> 10356 </div> 10357 10358 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 10359 <img data-src="https://static.sportsfeed.pro/basketball/team/42d7b5ec22b2eb411d68f94a04eab742.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Dallas Mavericks Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 10360 Dallas Mavericks 10361 </div> 10362 </div> 10363 </div> 10364 </div> 10365 10366 10367 <div class="space-y-3"> 10368 <div class="h-px w-full border-t-gradient-silver-fade"></div> 10369 <div class="relative"> 10370 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 10371 10372 10373 10374 <div class="flex-1 min-w-0"></div> 10375 10376 10377 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 10378 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 10379 </a></div> 10380 </div> 10381 </div> 10382 </div> 10383 </div> 10384 </div> 10385 10386</div> 10387<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 10388 bals-upcoming-match" 10389 data-accent="hot" 10390 data-template="chroma" data-sport="basketball" 10391 data-match-id="6ypq3kt792yzmd7" data-match-time="1791718200" 10392 data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 10393 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 10394 <div class="block relative group"> 10395 <a href="https://toptrader.io/basketball/liaoning-flying-leopards-vs-sichuan-jinqiang-blue-whales-on-11-10-2026/" class="absolute inset-0 z-0" 10396 data-tooltip="Liaoning Flying Leopards vs Sichuan Jinqiang Blue Whales lúc 18:30 ngà y 11/10/2026" 10397 data-title="Liaoning Flying Leopards vs Sichuan Jinqiang Blue Whales lúc 18:30 ngà y 11/10/2026"></a> 10398 <div class="chroma-signal-lock" aria-hidden="true"></div> 10399 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 10400 10401 <div class="flex items-center justify-between sm:mb-0 mb-2"> 10402 10403 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 10404 <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 10405 loading="lazy" />
10406 <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span> 10407 </div> 10408 10409 <div 10410 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 10411 <span> 18:30 </span> 10412 <span class="text-gray-400 leading-none text-base">â¢</span> 10413 <span>11/10</span> 10414 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 10415 <span 10416 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 10417 </div> 10418 </div> 10419 10420 <div class="relative"> 10421 10422 <div 10423 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 10424 <span class="bals-status-name mr-1">NS</span> </div> 10425 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 10426 10427 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 10428 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 10429 Liaoning Flying Leopards 10430 </div> 10431 <img data-src="https://static.sportsfeed.pro/basketball/team/03173dab50b9418d1a834a91104d90a4.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Liaoning Flying Leopards Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 10432 10433 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 10434 <div 10435 class="bals-score-track bals-score-track--vs"> 10436 <span 10437 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 10438 <span 10439 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 10440 0 10441 </span> 10442 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 10443 <span 10444 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 10445 0 10446 </span> 10447 </div> 10448 </div> 10449 10450 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 10451 <img data-src="https://static.sportsfeed.pro/basketball/team/nd80e6d5b1e2d6d989b5c3b7790fe0025.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Sichuan Jinqiang Blue Whales Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 10452 Sichuan Jinqiang Blue Whales 10453 </div> 10454 </div> 10455 </div> 10456 </div> 10457 10458 10459 <div class="space-y-3"> 10460 <div class="h-px w-full border-t-gradient-silver-fade"></div> 10461 <div class="relative"> 10462 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 10463 10464 10465 10466 <div class="flex-1 min-w-0"></div> 10467 10468 10469 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 10470 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 10471 </a></div> 10472 </div> 10473 </div> 10474 </div> 10475 </div> 10476 </div> 10477 10478</div> 10479<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 10480 bals-upcoming-match" 10481 data-accent="hot" 10482 data-template="chroma" data-sport="basketball" 10483 data-match-id="n54ql7tp0lg1rvy" data-match-time="1791718200" 10484 data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 10485 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 10486 <div class="block relative group"> 10487 <a href="https://toptrader.io/basketball/xinjiang-flying-tigers-vs-zhejiang-guangsha-lions-on-11-10-2026/" class="absolute inset-0 z-0" 10488 data-tooltip="Xinjiang Flying Tigers vs Zhejiang Guangsha Lions lúc 18:30 ngà y 11/10/2026" 10489 data-title="Xinjiang Flying Tigers vs Zhejiang Guangsha Lions lúc 18:30 ngà y 11/10/2026"></a> 10490 <div class="chroma-signal-lock" aria-hidden="true"></div> 10491 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 10492 10493 <div class="flex items-center justify-between sm:mb-0 mb-2"> 10494 10495 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 10496 <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 10497 loading="lazy" />
10498 <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span> 10499 </div> 10500 10501 <div 10502 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 10503 <span> 18:30 </span> 10504 <span class="text-gray-400 leading-none text-base">â¢</span> 10505 <span>11/10</span> 10506 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 10507 <span 10508 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 10509 </div> 10510 </div> 10511 10512 <div class="relative"> 10513 10514 <div 10515 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 10516 <span class="bals-status-name mr-1">NS</span> </div> 10517 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 10518 10519 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 10520 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 10521 Xinjiang Flying Tigers 10522 </div> 10523 <img data-src="https://static.sportsfeed.pro/basketball/team/b54ffedd1c9a80374581bb3d7096dba6.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Xinjiang Flying Tigers Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 10524 10525 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 10526 <div 10527 class="bals-score-track bals-score-track--vs"> 10528 <span 10529 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 10530 <span 10531 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 10532 0 10533 </span> 10534 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 10535 <span 10536 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 10537 0 10538 </span> 10539 </div> 10540 </div> 10541 10542 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 10543 <img data-src="https://static.sportsfeed.pro/basketball/team/96108e3d2a3cf92f8f5305e5135f2419.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Zhejiang Guangsha Lions Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 10544 Zhejiang Guangsha Lions 10545 </div> 10546 </div> 10547 </div> 10548 </div> 10549 10550 10551 <div class="space-y-3"> 10552 <div class="h-px w-full border-t-gradient-silver-fade"></div> 10553 <div class="relative"> 10554 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 10555 10556 10557 10558 <div class="flex-1 min-w-0"></div> 10559 10560 10561 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 10562 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 10563 </a></div> 10564 </div> 10565 </div> 10566 </div> 10567 </div> 10568 </div> 10569 10570</div> 10571<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 10572 bals-upcoming-match" 10573 data-accent="hot" 10574 data-template="chroma" data-sport="basketball" 10575 data-match-id="965mk8t2vjdwm1g" data-match-time="1791718200" 10576 data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 10577 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 10578 <div class="block relative group"> 10579 <a href="https://toptrader.io/basketball/beijing-royal-fighters-vs-shanxi-loongs-fenjiu-on-11-10-2026/" class="absolute inset-0 z-0" 10580 data-tooltip="Beijing Royal Fighters vs Shanxi Loongs Fenjiu lúc 18:30 ngà y 11/10/2026" 10581 data-title="Beijing Royal Fighters vs Shanxi Loongs Fenjiu lúc 18:30 ngà y 11/10/2026"></a> 10582 <div class="chroma-signal-lock" aria-hidden="true"></div> 10583 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 10584 10585 <div class="flex items-center justify-between sm:mb-0 mb-2"> 10586 10587 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 10588 <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 10589 loading="lazy" />
10590 <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span> 10591 </div> 10592 10593 <div 10594 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 10595 <span> 18:30 </span> 10596 <span class="text-gray-400 leading-none text-base">â¢</span> 10597 <span>11/10</span> 10598 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 10599 <span 10600 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 10601 </div> 10602 </div> 10603 10604 <div class="relative"> 10605 10606 <div 10607 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 10608 <span class="bals-status-name mr-1">NS</span> </div> 10609 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 10610 10611 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 10612 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 10613 Beijing Royal Fighters 10614 </div> 10615 <img data-src="https://static.sportsfeed.pro/basketball/team/559cfc139ec9e214e54b4ddae5d1cba7.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Beijing Royal Fighters Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 10616 10617 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 10618 <div 10619 class="bals-score-track bals-score-track--vs"> 10620 <span 10621 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 10622 <span 10623 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 10624 0 10625 </span> 10626 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 10627 <span 10628 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 10629 0 10630 </span> 10631 </div> 10632 </div> 10633 10634 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 10635 <img data-src="https://static.sportsfeed.pro/basketball/team/f7ad4ca154d205eb1799c5a1d1ff3370.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Shanxi Loongs Fenjiu Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 10636 Shanxi Loongs Fenjiu 10637 </div> 10638 </div> 10639 </div> 10640 </div> 10641 10642 10643 <div class="space-y-3"> 10644 <div class="h-px w-full border-t-gradient-silver-fade"></div> 10645 <div class="relative"> 10646 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 10647 10648 10649 10650 <div class="flex-1 min-w-0"></div> 10651 10652 10653 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 10654 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 10655 </a></div> 10656 </div> 10657 </div> 10658 </div> 10659 </div> 10660 </div> 10661 10662</div> 10663<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 10664 bals-upcoming-match" 10665 data-accent="hot" 10666 data-template="chroma" data-sport="basketball" 10667 data-match-id="l5ergytl1zx9r8k" data-match-time="1791718200" 10668 data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 10669 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 10670 <div class="block relative group"> 10671 <a href="https://toptrader.io/basketball/jiangsu-dragons-kentier-vs-beijing-shougang-ducks-on-11-10-2026/" class="absolute inset-0 z-0" 10672 data-tooltip="Jiangsu Dragons Kentier vs Beijing Shougang Ducks lúc 18:30 ngà y 11/10/2026" 10673 data-title="Jiangsu Dragons Kentier vs Beijing Shougang Ducks lúc 18:30 ngà y 11/10/2026"></a> 10674 <div class="chroma-signal-lock" aria-hidden="true"></div> 10675 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 10676 10677 <div class="flex items-center justify-between sm:mb-0 mb-2"> 10678 10679 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 10680 <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 10681 loading="lazy" />
10682 <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span> 10683 </div> 10684 10685 <div 10686 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 10687 <span> 18:30 </span> 10688 <span class="text-gray-400 leading-none text-base">â¢</span> 10689 <span>11/10</span> 10690 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 10691 <span 10692 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 10693 </div> 10694 </div> 10695 10696 <div class="relative"> 10697 10698 <div 10699 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 10700 <span class="bals-status-name mr-1">NS</span> </div> 10701 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 10702 10703 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 10704 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 10705 Jiangsu Dragons Kentier 10706 </div> 10707 <img data-src="https://static.sportsfeed.pro/basketball/team/b25897e323bba837824c2d7fead03826.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Jiangsu Dragons Kentier Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 10708 10709 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 10710 <div 10711 class="bals-score-track bals-score-track--vs"> 10712 <span 10713 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 10714 <span 10715 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 10716 0 10717 </span> 10718 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 10719 <span 10720 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 10721 0 10722 </span> 10723 </div> 10724 </div> 10725 10726 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 10727 <img data-src="https://static.sportsfeed.pro/basketball/team/46cf02209721e88c21a85f35faeaa5f1.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Beijing Shougang Ducks Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 10728 Beijing Shougang Ducks 10729 </div> 10730 </div> 10731 </div> 10732 </div> 10733 10734 10735 <div class="space-y-3"> 10736 <div class="h-px w-full border-t-gradient-silver-fade"></div> 10737 <div class="relative"> 10738 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 10739 10740 10741 10742 <div class="flex-1 min-w-0"></div> 10743 10744 10745 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 10746 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 10747 </a></div> 10748 </div> 10749 </div> 10750 </div> 10751 </div> 10752 </div> 10753 10754</div> 10755<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 10756 bals-upcoming-match" 10757 data-accent="hot" 10758 data-template="chroma" data-sport="basketball" 10759 data-match-id="6ypq3kt7929zmd7" data-match-time="1791718200" 10760 data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 10761 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 10762 <div class="block relative group"> 10763 <a href="https://toptrader.io/basketball/guangdong-southern-tigers-vs-tianjin-pioneers-on-11-10-2026/" class="absolute inset-0 z-0" 10764 data-tooltip="Guangdong Southern Tigers vs Tianjin Pioneers lúc 18:30 ngà y 11/10/2026" 10765 data-title="Guangdong Southern Tigers vs Tianjin Pioneers lúc 18:30 ngà y 11/10/2026"></a> 10766 <div class="chroma-signal-lock" aria-hidden="true"></div> 10767 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 10768 10769 <div class="flex items-center justify-between sm:mb-0 mb-2"> 10770 10771 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 10772 <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 10773 loading="lazy" />
10774 <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span> 10775 </div> 10776 10777 <div 10778 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 10779 <span> 18:30 </span> 10780 <span class="text-gray-400 leading-none text-base">â¢</span> 10781 <span>11/10</span> 10782 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 10783 <span 10784 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 10785 </div> 10786 </div> 10787 10788 <div class="relative"> 10789 10790 <div 10791 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 10792 <span class="bals-status-name mr-1">NS</span> </div> 10793 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 10794 10795 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 10796 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 10797 Guangdong Southern Tigers 10798 </div> 10799 <img data-src="https://static.sportsfeed.pro/basketball/team/5689743705f1852f10597c559323f04a.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Guangdong Southern Tigers Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 10800 10801 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 10802 <div 10803 class="bals-score-track bals-score-track--vs"> 10804 <span 10805 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 10806 <span 10807 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 10808 0 10809 </span> 10810 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 10811 <span 10812 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 10813 0 10814 </span> 10815 </div> 10816 </div> 10817 10818 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 10819 <img data-src="https://static.sportsfeed.pro/basketball/team/ca7a0200923048ff354ddcce89b8f12b.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Tianjin Pioneers Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 10820 Tianjin Pioneers 10821 </div> 10822 </div> 10823 </div> 10824 </div> 10825 10826 10827 <div class="space-y-3"> 10828 <div class="h-px w-full border-t-gradient-silver-fade"></div> 10829 <div class="relative"> 10830 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 10831 10832 10833 10834 <div class="flex-1 min-w-0"></div> 10835 10836 10837 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 10838 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 10839 </a></div> 10840 </div> 10841 </div> 10842 </div> 10843 </div> 10844 </div> 10845 10846</div> 10847<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 10848 bals-upcoming-match" 10849 data-accent="hot" 10850 data-template="chroma" data-sport="basketball" 10851 data-match-id="ednm9kt2y103ryo" data-match-time="1791757800" 10852 data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 10853 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 10854 <div class="block relative group"> 10855 <a href="https://toptrader.io/basketball/cleveland-cavaliers-vs-orlando-magic-on-11-10-2026/" class="absolute inset-0 z-0" 10856 data-tooltip="Cleveland Cavaliers vs Orlando Magic lúc 05:30 ngà y 12/10/2026" 10857 data-title="Cleveland Cavaliers vs Orlando Magic lúc 05:30 ngà y 12/10/2026"></a> 10858 <div class="chroma-signal-lock" aria-hidden="true"></div> 10859 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 10860 10861 <div class="flex items-center justify-between sm:mb-0 mb-2"> 10862 10863 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 10864 <img src="https://img.thesports.com/basketball/competition/061f5ab5b1
10864a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 10865 loading="lazy" /> 10866 <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span> 10867 </div> 10868 10869 <div 10870 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 10871 <span> 05:30 </span> 10872 <span class="text-gray-400 leading-none text-base">â¢</span> 10873 <span>12/10</span> 10874 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 10875 <span 10876 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 10877 </div> 10878 </div> 10879 10880 <div class="relative"> 10881 10882 <div 10883 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 10884 <span class="bals-status-name mr-1">NS</span> </div> 10885 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 10886 10887 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 10888 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 10889 Cleveland Cavaliers 10890 </div> 10891 <img data-src="https://static.sportsfeed.pro/basketball/team/57c938e35ceb2ee92562a09c4165fb47.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Cleveland Cavaliers Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 10892 10893 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 10894 <div 10895 class="bals-score-track bals-score-track--vs"> 10896 <span 10897 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 10898 <span 10899 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 10900 0 10901 </span> 10902 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 10903 <span 10904 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 10905 0 10906 </span> 10907 </div> 10908 </div> 10909 10910 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 10911 <img data-src="https://static.sportsfeed.pro/basketball/team/0dc24d08ef0b5584e0b70f967db64b36.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Orlando Magic Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 10912 Orlando Magic 10913 </div> 10914 </div> 10915 </div> 10916 </div> 10917 10918 10919 <div class="space-y-3"> 10920 <div class="h-px w-full border-t-gradient-silver-fade"></div> 10921 <div class="relative"> 10922 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 10923 10924 10925 10926 <div class="flex-1 min-w-0"></div> 10927 10928 10929 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 10930 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 10931 </a></div> 10932 </div> 10933 </div> 10934 </div> 10935 </div> 10936 </div> 10937 10938</div> 10939<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 10940 bals-upcoming-match" 10941 data-accent="hot" 10942 data-template="chroma" data-sport="basketball" 10943 data-match-id="23xmv1tp5vk6mg8" data-match-time="1791759600" 10944 data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 10945 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 10946 <div class="block relative group"> 10947 <a href="https://toptrader.io/basketball/charlotte-hornets-vs-milwaukee-bucks-on-11-10-2026/" class="absolute inset-0 z-0" 10948 data-tooltip="Charlotte Hornets vs Milwaukee Bucks lúc 06:00 ngà y 12/10/2026" 10949 data-title="Charlotte Hornets vs Milwaukee Bucks lúc 06:00 ngà y 12/10/2026"></a> 10950 <div class="chroma-signal-lock" aria-hidden="true"></div> 10951 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 10952 10953 <div class="flex items-center justify-between sm:mb-0 mb-2"> 10954 10955 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 10956 <img src="https://img.thesports.com/basketball/competition/061f5ab5b1
10956a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 10957 loading="lazy" /> 10958 <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span> 10959 </div> 10960 10961 <div 10962 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 10963 <span> 06:00 </span> 10964 <span class="text-gray-400 leading-none text-base">â¢</span> 10965 <span>12/10</span> 10966 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 10967 <span 10968 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 10969 </div> 10970 </div> 10971 10972 <div class="relative"> 10973 10974 <div 10975 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 10976 <span class="bals-status-name mr-1">NS</span> </div> 10977 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 10978 10979 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 10980 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 10981 Charlotte Hornets 10982 </div> 10983 <img data-src="https://static.sportsfeed.pro/basketball/team/e52f6ac53681289c91703501a960cb3c.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Charlotte Hornets Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 10984 10985 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 10986 <div 10987 class="bals-score-track bals-score-track--vs"> 10988 <span 10989 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 10990 <span 10991 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 10992 0 10993 </span> 10994 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 10995 <span 10996 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 10997 0 10998 </span> 10999 </div> 11000 </div> 11001 11002 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 11003 <img data-src="https://static.sportsfeed.pro/basketball/team/172138a954c51bb257ac1ebaa52f01a1.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Milwaukee Bucks Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 11004 Milwaukee Bucks 11005 </div> 11006 </div> 11007 </div> 11008 </div> 11009 11010 11011 <div class="space-y-3"> 11012 <div class="h-px w-full border-t-gradient-silver-fade"></div> 11013 <div class="relative"> 11014 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 11015 11016 11017 11018 <div class="flex-1 min-w-0"></div> 11019 11020 11021 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 11022 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 11023 </a></div> 11024 </div> 11025 </div> 11026 </div> 11027 </div> 11028 </div> 11029 11030</div> 11031 11032 </div> 11033 11034 <div class="flex justify-center items-center py-5 gap-1"> 11035 <button 11036 class="load-more-matches px-6 py-2 rounded-full inset-ring inset-ring-gray-500/70 text-gray-400 cursor-pointer hover:bg-gray-700 hover:text-white transition-colors text-base font-normal" 11037 data-tab="bb-upcoming"> 11038 Tải thêm các tráºn Äấu 11039 </button> 11040 </div> 11041 </div> 11042 <div class="hidden match-container" id="bb-hot-content" role="tabpanel" aria-labelledby="bb-hot-tab"> 11043 <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 bb-hot-matches-grid"> 11044 <div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 11045 bals-upcoming-match" 11046 data-accent="hot" 11047 data-template="chroma" data-sport="basketball" 11048 data-match-id="23xmv1tp170zmg8" data-match-time="1791676800" 11049 data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 11050 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 11051 <div class="block relative group"> 11052 <a href="https://toptrader.io/basketball/miami-heat-vs-minnesota-timberwolves-on-11-10-2026/" class="absolute inset-0 z-0"
11053 data-tooltip="Miami Heat vs Minnesota Timberwolves lúc 07:00 ngà y 11/10/2026" 11054 data-title="Miami Heat vs Minnesota Timberwolves lúc 07:00 ngà y 11/10/2026"></a> 11055 <div class="chroma-signal-lock" aria-hidden="true"></div> 11056 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 11057 11058 <div class="flex items-center justify-between sm:mb-0 mb-2"> 11059 11060 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 11061 <img src="https://img.thesports.com/basketball/competition/061f5ab5b1a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 11062 loading="lazy" /> 11063 <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span> 11064 </div> 11065 11066 <div 11067 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 11068 <span> 07:00 </span> 11069 <span class="text-gray-400 leading-none text-base">â¢</span> 11070 <span>11/10</span> 11071 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 11072 <span 11073 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 11074 </div> 11075 </div> 11076 11077 <div class="relative"> 11078 11079 <div 11080 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 11081 <span class="bals-status-name mr-1">NS</span> </div> 11082 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 11083 11084 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 11085 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 11086 Miami Heat 11087 </div> 11088 <img data-src="https://static.sportsfeed.pro/basketball/team/ff7ccef6a6b79c6417ee8367946b0aec.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Miami Heat Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 11089 11090 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 11091 <div 11092 class="bals-score-track bals-score-track--vs"> 11093 <span 11094 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 11095 <span 11096 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 11097 0 11098 </span> 11099 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 11100 <span 11101 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 11102 0 11103 </span> 11104 </div> 11105 </div> 11106 11107 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 11108 <img data-src="https://static.sportsfeed.pro/basketball/team/38794d0ac418d8f2d03bd17a2623f3ed.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Minnesota Timberwolves Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 11109 Minnesota Timberwolves 11110 </div> 11111 </div> 11112 </div> 11113 </div> 11114 11115 11116 <div class="space-y-3"> 11117 <div class="h-px w-full border-t-gradient-silver-fade"></div> 11118 <div class="relative"> 11119 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 11120 11121 11122 11123 <div class="flex-1 min-w-0"></div> 11124 11125 11126 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 11127 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 11128 </a></div> 11129 </div> 11130 </div> 11131 </div> 11132 </div> 11133 </div> 11134 11135</div> 11136<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 11137 bals-upcoming-match" 11138 data-accent="hot" 11139 data-template="chroma" data-sport="basketball" 11140 data-match-id="zp5rzkt6v8w9r82" data-match-time="1791676800" 11141 data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 11142 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 11143 <div class="block relative group"> 11144 <a href="https://toptrader.io/basketball/boston-celtics-vs-philadelphia-76ers-on-11-10-2026/" class="absolute inset-0 z-0" 11145 data-tooltip="Boston Celtics vs Philadelphia 76ers lúc 07:00 ngà y 11/10/2026" 11146 data-title="Boston Celtics vs Philadelphia 76ers lúc 07:00 ngà y 11/10/2026"></a> 11147 <div class="chroma-signal-lock" aria-hidden="true"></div> 11148 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 11149 11150 <div class="flex items-center justify-between sm:mb-0 mb-2"> 11151 11152 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 11153 <img src="https://img.thesports.com/basketball/competition/061f5ab5b1
11153a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 11154 loading="lazy" /> 11155 <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span> 11156 </div> 11157 11158 <div 11159 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 11160 <span> 07:00 </span> 11161 <span class="text-gray-400 leading-none text-base">â¢</span> 11162 <span>11/10</span> 11163 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 11164 <span 11165 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 11166 </div> 11167 </div> 11168 11169 <div class="relative"> 11170 11171 <div 11172 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 11173 <span class="bals-status-name mr-1">NS</span> </div> 11174 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 11175 11176 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 11177 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 11178 Boston Celtics 11179 </div> 11180 <img data-src="https://static.sportsfeed.pro/basketball/team/884c1c1f5db46c170df3c34a8e213ec9.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Boston Celtics Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 11181 11182 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 11183 <div 11184 class="bals-score-track bals-score-track--vs"> 11185 <span 11186 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 11187 <span 11188 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 11189 0 11190 </span> 11191 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 11192 <span 11193 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 11194 0 11195 </span> 11196 </div> 11197 </div> 11198 11199 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 11200 <img data-src="https://static.sportsfeed.pro/basketball/team/06e7bde6cca98873fe971fad4e67a9b6.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Philadelphia 76ers Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 11201 Philadelphia 76ers 11202 </div> 11203 </div> 11204 </div> 11205 </div> 11206 11207 11208 <div class="space-y-3"> 11209 <div class="h-px w-full border-t-gradient-silver-fade"></div> 11210 <div class="relative"> 11211 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 11212 11213 11214 11215 <div class="flex-1 min-w-0"></div> 11216 11217 11218 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 11219 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 11220 </a></div> 11221 </div> 11222 </div> 11223 </div> 11224 </div> 11225 </div> 11226 11227</div> 11228<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 11229 bals-upcoming-match" 11230 data-accent="hot" 11231 data-template="chroma" data-sport="basketball" 11232 data-match-id="1l4rjztjovlom7v" data-match-time="1791678600" 11233 data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 11234 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 11235 <div class="block relative group"> 11236 <a href="https://toptrader.io/basketball/golden-state-warriors-vs-sacramento-kings-on-11-10-2026/" class="absolute inset-0 z-0"
11237 data-tooltip="Golden State Warriors vs Sacramento Kings lúc 07:30 ngà y 11/10/2026" 11238 data-title="Golden State Warriors vs Sacramento Kings lúc 07:30 ngà y 11/10/2026"></a> 11239 <div class="chroma-signal-lock" aria-hidden="true"></div> 11240 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 11241 11242 <div class="flex items-center justify-between sm:mb-0 mb-2"> 11243 11244 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 11245 <img src="https://img.thesports.com/basketball/competition/061f5ab5b1a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 11246 loading="lazy" /> 11247 <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span> 11248 </div> 11249 11250 <div 11251 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 11252 <span> 07:30 </span> 11253 <span class="text-gray-400 leading-none text-base">â¢</span> 11254 <span>11/10</span> 11255 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 11256 <span 11257 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 11258 </div> 11259 </div> 11260 11261 <div class="relative"> 11262 11263 <div 11264 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 11265 <span class="bals-status-name mr-1">NS</span> </div> 11266 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 11267 11268 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 11269 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 11270 Golden State Warriors 11271 </div> 11272 <img data-src="https://static.sportsfeed.pro/basketball/team/df3f6f8bb17fd1c618f60f0b14637140.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Golden State Warriors Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 11273 11274 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 11275 <div 11276 class="bals-score-track bals-score-track--vs"> 11277 <span 11278 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 11279 <span 11280 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 11281 0 11282 </span> 11283 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 11284 <span 11285 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 11286 0 11287 </span> 11288 </div> 11289 </div> 11290 11291 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 11292 <img data-src="https://static.sportsfeed.pro/basketball/team/1fc010aba7ac510b5364e5f76ca4f060.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Sacramento Kings Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 11293 Sacramento Kings 11294 </div> 11295 </div> 11296 </div> 11297 </div> 11298 11299 11300 <div class="space-y-3"> 11301 <div class="h-px w-full border-t-gradient-silver-fade"></div> 11302 <div class="relative"> 11303 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 11304 11305 11306 11307 <div class="flex-1 min-w-0"></div> 11308 11309 11310 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 11311 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 11312 </a></div> 11313 </div> 11314 </div> 11315 </div> 11316 </div> 11317 </div> 11318 11319</div> 11320<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 11321 bals-upcoming-match" 11322 data-accent="hot" 11323 data-template="chroma" data-sport="basketball" 11324 data-match-id="6ypq3kt7yx7nmd7" data-match-time="1791685800" 11325 data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 11326 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 11327 <div class="block relative group"> 11328 <a href="https://toptrader.io/basketball/phoenix-suns-vs-san-antonio-spurs-on-11-10-2026/" class="absolute inset-0 z-0" 11329 data-tooltip="Phoenix Suns vs San Antonio Spurs lúc 09
11329:30 ngà y 11/10/2026" 11330 data-title="Phoenix Suns vs San Antonio Spurs lúc 09:30 ngà y 11/10/2026"></a> 11331 <div class="chroma-signal-lock" aria-hidden="true"></div> 11332 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 11333 11334 <div class="flex items-center justify-between sm:mb-0 mb-2"> 11335 11336 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 11337 <img src="https://img.thesports.com/basketball/competition/061f5ab5b1a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 11338 loading="lazy" /> 11339 <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span> 11340 </div> 11341 11342 <div 11343 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 11344 <span> 09:30 </span> 11345 <span class="text-gray-400 leading-none text-base">â¢</span> 11346 <span>11/10</span> 11347 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 11348 <span 11349 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 11350 </div> 11351 </div> 11352 11353 <div class="relative"> 11354 11355 <div 11356 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 11357 <span class="bals-status-name mr-1">NS</span> </div> 11358 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 11359 11360 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 11361 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 11362 Phoenix Suns 11363 </div> 11364 <img data-src="https://static.sportsfeed.pro/basketball/team/da3c882a7e0bc592b4c1ba9d8c5fb68d.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Phoenix Suns Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 11365 11366 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 11367 <div 11368 class="bals-score-track bals-score-track--vs"> 11369 <span 11370 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 11371 <span 11372 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 11373 0 11374 </span> 11375 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 11376 <span 11377 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 11378 0 11379 </span> 11380 </div> 11381 </div> 11382 11383 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 11384 <img data-src="https://static.sportsfeed.pro/basketball/team/5305d1a7b721b5bef418041eff53ba82.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="San Antonio Spurs Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 11385 San Antonio Spurs 11386 </div> 11387 </div> 11388 </div> 11389 </div> 11390 11391 11392 <div class="space-y-3"> 11393 <div class="h-px w-full border-t-gradient-silver-fade"></div> 11394 <div class="relative"> 11395 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 11396 11397 11398 11399 <div class="flex-1 min-w-0"></div> 11400 11401 11402 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 11403 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 11404 </a></div> 11405 </div> 11406 </div> 11407 </div> 11408 </div> 11409 </div> 11410 11411</div> 11412<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 11413 bals-upcoming-match" 11414 data-accent="hot" 11415 data-template="chroma" data-sport="basketball" 11416 data-match-id="318q6nt6exo0mo9" data-match-time="1791694800" 11417 data-competition-id="9d23xmv1t4mg8ny" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 11418 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 11419 <div class="block relative group"> 11420 <a href="https://toptrader.io/basketball/anyang-jungkwanjang-red-boosters-vs-changwon-lg-sakers-on-11-10-2026/" class="absolute inset-0 z-0" 11421 data-tooltip="Anyang JungKwanJang Red Boosters vs Changwon LG Sakers lúc 12:00 ngà y 11/10/2026" 11422 data-title="Anyang JungKwanJang Red Boosters vs Changwon LG Sakers lúc 12:00 ngà y 11/10/2026"></a> 11423 <div class="chroma-signal-lock" aria-hidden="true"></div> 11424 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 11425 11426 <div class="flex items-center justify-between sm:mb-0 mb-2"> 11427 11428 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 11429 <img src="https://img.thesports.com/basketball/competition/f841aa3bd3c2aeffca04f78bfaeecaf7.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 11430 loading="lazy" />
11431 <span class="truncate tracking-wide bals-competition-name">Korean Basketball League</span> 11432 </div> 11433 11434 <div 11435 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 11436 <span> 12:00 </span> 11437 <span class="text-gray-400 leading-none text-base">â¢</span> 11438 <span>11/10</span> 11439 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 11440 <span 11441 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 11442 </div> 11443 </div> 11444 11445 <div class="relative"> 11446 11447 <div 11448 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 11449 <span class="bals-status-name mr-1">NS</span> </div> 11450 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 11451 11452 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 11453 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 11454 Anyang JungKwanJang Red Boosters 11455 </div> 11456 <img data-src="https://static.sportsfeed.pro/basketball/team/30683c359531664a5b97f129c047fcdc.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Anyang JungKwanJang Red Boosters Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 11457 11458 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 11459 <div 11460 class="bals-score-track bals-score-track--vs"> 11461 <span 11462 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 11463 <span 11464 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 11465 0 11466 </span> 11467 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 11468 <span 11469 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 11470 0 11471 </span> 11472 </div> 11473 </div> 11474 11475 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 11476 <img data-src="https://static.sportsfeed.pro/basketball/team/b3a61f88692a8a3836f3b93ba65b98da.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Changwon LG Sakers Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 11477 Changwon LG Sakers 11478 </div> 11479 </div> 11480 </div> 11481 </div> 11482 11483 11484 <div class="space-y-3"> 11485 <div class="h-px w-full border-t-gradient-silver-fade"></div> 11486 <div class="relative"> 11487 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 11488 11489 11490 11491 <div class="flex-1 min-w-0"></div> 11492 11493 11494 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 11495 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 11496 </a></div> 11497 </div> 11498 </div> 11499 </div> 11500 </div> 11501 </div> 11502 11503</div> 11504<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 11505 bals-upcoming-match" 11506 data-accent="hot" 11507 data-template="chroma" data-sport="basketball" 11508 data-match-id="6ypq3kt79vzpmd7" data-match-time="1791694800" 11509 data-competition-id="9d23xmv1t4mg8ny" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 11510 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 11511 <div class="block relative group"> 11512 <a href="https://toptrader.io/basketball/seoul-samsung-thunders-vs-goyang-sono-skygunners-on-11-10-2026/" class="absolute inset-0 z-0" 11513 data-tooltip="Seoul Samsung Thunders vs Goyang Sono Skygunners lúc 12:00 ngà y 11/10/2026" 11514 data-title="Seoul Samsung Thunders vs Goyang Sono Skygunners lúc 12:00 ngà y 11/10/2026"></a> 11515 <div class="chroma-signal-lock" aria-hidden="true"></div> 11516 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 11517 11518 <div class="flex items-center justify-between sm:mb-0 mb-2"> 11519 11520 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 11521 <img src="https://img.thesports.com/basketball/competition/f841aa3bd3c2aeffca04f78bfaeecaf7.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 11522 loading="lazy" />
11523 <span class="truncate tracking-wide bals-competition-name">Korean Basketball League</span> 11524 </div> 11525 11526 <div 11527 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 11528 <span> 12:00 </span> 11529 <span class="text-gray-400 leading-none text-base">â¢</span> 11530 <span>11/10</span> 11531 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 11532 <span 11533 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 11534 </div> 11535 </div> 11536 11537 <div class="relative"> 11538 11539 <div 11540 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 11541 <span class="bals-status-name mr-1">NS</span> </div> 11542 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 11543 11544 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 11545 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 11546 Seoul Samsung Thunders 11547 </div> 11548 <img data-src="https://static.sportsfeed.pro/basketball/team/9adc8e5768f7787b81ad366fed7b5edd.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Seoul Samsung Thunders Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 11549 11550 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 11551 <div 11552 class="bals-score-track bals-score-track--vs"> 11553 <span 11554 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 11555 <span 11556 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 11557 0 11558 </span> 11559 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 11560 <span 11561 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 11562 0 11563 </span> 11564 </div> 11565 </div> 11566 11567 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 11568 <img data-src="https://static.sportsfeed.pro/basketball/team/4a5ba2f4b39c4cb6db259ed9fb916da1.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Goyang Sono Skygunners Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 11569 Goyang Sono Skygunners 11570 </div> 11571 </div> 11572 </div> 11573 </div> 11574 11575 11576 <div class="space-y-3"> 11577 <div class="h-px w-full border-t-gradient-silver-fade"></div> 11578 <div class="relative"> 11579 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 11580 11581 11582 11583 <div class="flex-1 min-w-0"></div> 11584 11585 11586 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 11587 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 11588 </a></div> 11589 </div> 11590 </div> 11591 </div> 11592 </div> 11593 </div> 11594 11595</div> 11596<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 11597 bals-upcoming-match" 11598 data-accent="hot" 11599 data-template="chroma" data-sport="basketball" 11600 data-match-id="8yomovtgpwpkq0j" data-match-time="1791702000" 11601 data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 11602 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 11603 <div class="block relative group"> 11604 <a href="https://toptrader.io/basketball/shandong-hi-speed-kirin-v
11604s-guangzhou-loong-lions-on-11-10-2026/" class="absolute inset-0 z-0" 11605 data-tooltip="Shandong Hi-Speed Kirin vs Guangzhou Loong Lions lúc 14:00 ngà y 11/10/2026" 11606 data-title="Shandong Hi-Speed Kirin vs Guangzhou Loong Lions lúc 14:00 ngà y 11/10/2026"></a> 11607 <div class="chroma-signal-lock" aria-hidden="true"></div> 11608 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 11609 11610 <div class="flex items-center justify-between sm:mb-0 mb-2"> 11611 11612 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 11613 <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 11614 loading="lazy" /> 11615 <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span> 11616 </div> 11617 11618 <div 11619 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 11620 <span> 14:00 </span> 11621 <span class="text-gray-400 leading-none text-base">â¢</span> 11622 <span>11/10</span> 11623 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 11624 <span 11625 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 11626 </div> 11627 </div> 11628 11629 <div class="relative"> 11630 11631 <div 11632 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 11633 <span class="bals-status-name mr-1">NS</span> </div> 11634 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 11635 11636 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 11637 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 11638 Shandong Hi-Speed Kirin 11639 </div> 11640 <img data-src="https://static.sportsfeed.pro/basketball/team/fd94971d5354c254a48249ad402cfb92.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Shandong Hi-Speed Kirin Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 11641 11642 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 11643 <div 11644 class="bals-score-track bals-score-track--vs"> 11645 <span 11646 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 11647 <span 11648 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 11649 0 11650 </span> 11651 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 11652 <span 11653 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 11654 0 11655 </span> 11656 </div> 11657 </div> 11658 11659 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 11660 <img data-src="https://static.sportsfeed.pro/basketball/team/858cde8d2c075296f24e7ee61929fbeb.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Guangzhou Loong Lions Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 11661 Guangzhou Loong Lions 11662 </div> 11663 </div> 11664 </div> 11665 </div> 11666 11667 11668 <div class="space-y-3"> 11669 <div class="h-px w-full border-t-gradient-silver-fade"></div> 11670 <div class="relative"> 11671 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 11672 11673 11674 11675 <div class="flex-1 min-w-0"></div> 11676 11677 11678 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 11679 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 11680 </a></div> 11681 </div> 11682 </div> 11683 </div> 11684 </div> 11685 </div> 11686 11687</div> 11688<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 11689 bals-upcoming-match" 11690 data-accent="hot" 11691 data-template="chroma" data-sport="basketball" 11692 data-match-id="8yomovtgpwlkq0j" data-match-time="1791702000" 11693 data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 11694 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 11695 <div class="block relative group"> 11696 <a href="https://toptrader.io/basketball/shanghai-jiushi-sharks-vs-fujian-xunxing-sturgeons-on-11-10-2026/" class="absolute inset-0 z-0" 11697 data-tooltip="Shanghai Jiushi Sharks vs Fujian Xunxing Sturgeons lúc 14:00 ngà y 11/10/2026" 11698 data-title="Shanghai Jiushi Sharks vs Fujian Xunxing Sturgeons lúc 14:00 ngà y 11/10/2026"></a> 11699 <div class="chroma-signal-lock" aria-hidden="true"></div> 11700 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 11701 11702 <div class="flex items-center justify-between sm:mb-0 mb-2"> 11703 11704 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 11705 <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 11706 loading="lazy" />
11707 <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span> 11708 </div> 11709 11710 <div 11711 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 11712 <span> 14:00 </span> 11713 <span class="text-gray-400 leading-none text-base">â¢</span> 11714 <span>11/10</span> 11715 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 11716 <span 11717 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 11718 </div> 11719 </div> 11720 11721 <div class="relative"> 11722 11723 <div 11724 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 11725 <span class="bals-status-name mr-1">NS</span> </div> 11726 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 11727 11728 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 11729 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 11730 Shanghai Jiushi Sharks 11731 </div> 11732 <img data-src="https://static.sportsfeed.pro/basketball/team/1125281dafbf06dad029825221e83d5a.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Shanghai Jiushi Sharks Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 11733 11734 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 11735 <div 11736 class="bals-score-track bals-score-track--vs"> 11737 <span 11738 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 11739 <span 11740 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 11741 0 11742 </span> 11743 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 11744 <span 11745 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 11746 0 11747 </span> 11748 </div> 11749 </div> 11750 11751 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 11752 <img data-src="https://static.sportsfeed.pro/basketball/team/2428a8c17b5a31163b54cb9502998bbf.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Fujian Xunxing Sturgeons Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 11753 Fujian Xunxing Sturgeons 11754 </div> 11755 </div> 11756 </div> 11757 </div> 11758 11759 11760 <div class="space-y-3"> 11761 <div class="h-px w-full border-t-gradient-silver-fade"></div> 11762 <div class="relative"> 11763 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 11764 11765 11766 11767 <div class="flex-1 min-w-0"></div> 11768 11769 11770 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 11771 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 11772 </a></div> 11773 </div> 11774 </div> 11775 </div> 11776 </div> 11777 </div> 11778 11779</div> 11780<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 11781 bals-upcoming-match" 11782 data-accent="hot" 11783 data-template="chroma" data-sport="basketball" 11784 data-match-id="y0or5gtzpvyjqwz" data-match-time="1791702000" 11785 data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 11786 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 11787 <div class="block relative group"> 11788 <a href="https://toptrader.io/basketball/jilin-northeast-tigers-vs-qingdao-eagles-on-11-10-2026/" class="absolute inset-0 z-0" 11789 data-tooltip="Jilin Northeast Tigers vs Qingdao Eagles lúc 14:00 ngà y 11/10/2026" 11790 data-title="Jilin Northeast Tigers vs Qingdao Eagles lúc 14:00 ngà y 11/10/2026"></a> 11791 <div class="chroma-signal-lock" aria-hidden="true"></div> 11792 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 11793 11794 <div class="flex items-center justify-between sm:mb-0 mb-2"> 11795 11796 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 11797 <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 11798 loading="lazy" />
11799 <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span> 11800 </div> 11801 11802 <div 11803 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 11804 <span> 14:00 </span> 11805 <span class="text-gray-400 leading-none text-base">â¢</span> 11806 <span>11/10</span> 11807 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 11808 <span 11809 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 11810 </div> 11811 </div> 11812 11813 <div class="relative"> 11814 11815 <div 11816 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 11817 <span class="bals-status-name mr-1">NS</span> </div> 11818 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 11819 11820 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 11821 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 11822 Jilin Northeast Tigers 11823 </div> 11824 <img data-src="https://static.sportsfeed.pro/basketball/team/0ef4bf20fbdcd89b1d7cb4a9b29f0f5a.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Jilin Northeast Tigers Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 11825 11826 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 11827 <div 11828 class="bals-score-track bals-score-track--vs"> 11829 <span 11830 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 11831 <span 11832 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 11833 0 11834 </span> 11835 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 11836 <span 11837 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 11838 0 11839 </span> 11840 </div> 11841 </div> 11842 11843 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 11844 <img data-src="https://static.sportsfeed.pro/basketball/team/8265cde14b18d7e3716bb1e0b0aed623.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Qingdao Eagles Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 11845 Qingdao Eagles 11846 </div> 11847 </div> 11848 </div> 11849 </div> 11850 11851 11852 <div class="space-y-3"> 11853 <div class="h-px w-full border-t-gradient-silver-fade"></div> 11854 <div class="relative"> 11855 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 11856 11857 11858 11859 <div class="flex-1 min-w-0"></div> 11860 11861 11862 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 11863 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 11864 </a></div> 11865 </div> 11866 </div> 11867 </div> 11868 </div> 11869 </div> 11870 11871</div> 11872<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 11873 bals-upcoming-match" 11874 data-accent="hot" 11875 data-template="chroma" data-sport="basketball" 11876 data-match-id="ednm9kt2njy5ryo" data-match-time="1791702000" 11877 data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 11878 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 11879 <div class="block relative group"> 11880 <a href="https://toptrader.io/basketball/nanjing-monkey-kings-vs-shenzhen-leopards-on-11-10-2026/" class="absolute inset-0 z-0" 11881 data-tooltip="Nanjing Monkey Kings vs Shenzhen Leopards lúc 14:00 ngà y 11/10/2026" 11882 data-title="Nanjing Monkey Kings vs Shenzhen Leopards lúc 14:00 ngà y 11/10/2026"></a> 11883 <div class="chroma-signal-lock" aria-hidden="true"></div> 11884 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 11885 11886 <div class="flex items-center justify-between sm:mb-0 mb-2"> 11887 11888 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 11889 <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 11890 loading="lazy" />
11891 <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span> 11892 </div> 11893 11894 <div 11895 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 11896 <span> 14:00 </span> 11897 <span class="text-gray-400 leading-none text-base">â¢</span> 11898 <span>11/10</span> 11899 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 11900 <span 11901 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 11902 </div> 11903 </div> 11904 11905 <div class="relative"> 11906 11907 <div 11908 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 11909 <span class="bals-status-name mr-1">NS</span> </div> 11910 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 11911 11912 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 11913 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 11914 Nanjing Monkey Kings 11915 </div> 11916 <img data-src="https://static.sportsfeed.pro/basketball/team/a5117efc96b29138d9db8f5abc1aa699.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Nanjing Monkey Kings Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 11917 11918 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 11919 <div 11920 class="bals-score-track bals-score-track--vs"> 11921 <span 11922 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 11923 <span 11924 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 11925 0 11926 </span> 11927 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 11928 <span 11929 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 11930 0 11931 </span> 11932 </div> 11933 </div> 11934 11935 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 11936 <img data-src="https://static.sportsfeed.pro/basketball/team/fb44eee02df789207dee98898982cc16.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Shenzhen Leopards Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 11937 Shenzhen Leopards 11938 </div> 11939 </div> 11940 </div> 11941 </div> 11942 11943 11944 <div class="space-y-3"> 11945 <div class="h-px w-full border-t-gradient-silver-fade"></div> 11946 <div class="relative"> 11947 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 11948 11949 11950 11951 <div class="flex-1 min-w-0"></div> 11952 11953 11954 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 11955 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 11956 </a></div> 11957 </div> 11958 </div> 11959 </div> 11960 </div> 11961 </div> 11962 11963</div> 11964<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 11965 bals-upcoming-match" 11966 data-accent="hot" 11967 data-template="chroma" data-sport="basketball" 11968 data-match-id="4wyrn1to3jp3q86" data-match-time="1791702000" 11969 data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 11970 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 11971 <div class="block relative group"> 11972 <a href="https://toptrader.io/basketball/ningbo-rockets-vs-zhejiang-golden-bulls-on-11-10-2026/" class="absolute inset-0 z-0" 11973 data-tooltip="Ningbo Rockets vs Zhejiang Golden Bulls lúc 14:00 ngà y 11/10/2026" 11974 data-title="Ningbo Rockets vs Zhejiang Golden Bulls lúc 14:00 ngà y 11/10/2026"></a> 11975 <div class="chroma-signal-lock" aria-hidden="true"></div> 11976 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 11977 11978 <div class="flex items-center justify-between sm:mb-0 mb-2"> 11979 11980 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 11981 <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 11982 loading="lazy" />
11983 <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span> 11984 </div> 11985 11986 <div 11987 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 11988 <span> 14:00 </span> 11989 <span class="text-gray-400 leading-none text-base">â¢</span> 11990 <span>11/10</span> 11991 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 11992 <span 11993 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 11994 </div> 11995 </div> 11996 11997 <div class="relative"> 11998 11999 <div 12000 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 12001 <span class="bals-status-name mr-1">NS</span> </div> 12002 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 12003 12004 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 12005 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 12006 Ningbo Rockets 12007 </div> 12008 <img data-src="https://static.sportsfeed.pro/basketball/team/9b17d2feb1397b99fa0530fba4c7385b.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Ningbo Rockets Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 12009 12010 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 12011 <div 12012 class="bals-score-track bals-score-track--vs"> 12013 <span 12014 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 12015 <span 12016 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 12017 0 12018 </span> 12019 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 12020 <span 12021 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 12022 0 12023 </span> 12024 </div> 12025 </div> 12026 12027 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 12028 <img data-src="https://static.sportsfeed.pro/basketball/team/d1d77f07287fe840a7e77459e5bd1bfc.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Zhejiang Golden Bulls Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 12029 Zhejiang Golden Bulls 12030 </div> 12031 </div> 12032 </div> 12033 </div> 12034 12035 12036 <div class="space-y-3"> 12037 <div class="h-px w-full border-t-gradient-silver-fade"></div> 12038 <div class="relative"> 12039 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 12040 12041 12042 12043 <div class="flex-1 min-w-0"></div> 12044 12045 12046 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 12047 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 12048 </a></div> 12049 </div> 12050 </div> 12051 </div> 12052 </div> 12053 </div> 12054 12055</div> 12056<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 12057 bals-upcoming-match" 12058 data-accent="hot" 12059 data-template="chroma" data-sport="basketball" 12060 data-match-id="965mk8t2vydxm1g" data-match-time="1791703800" 12061 data-competition-id="9d23xmv1t4mg8ny" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 12062 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 12063 <div class="block relative group"> 12064 <a href="https://toptrader.io/basketball/busan-kcc-egis-vs-suwon-kt-sonicboom-on-11-10-2026/" class="absolute inset-0 z-0" 12065 data-tooltip="Busan KCC Egis vs Suwon KT Sonicboom lúc 14:30 ngà y 11/10/2026" 12066 data-title="Busan KCC Egis vs Suwon KT Sonicboom lúc 14:30 ngà y 11/10/2026"></a> 12067 <div class="chroma-signal-lock" aria-hidden="true"></div> 12068 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 12069 12070 <div class="flex items-center justify-between sm:mb-0 mb-2"> 12071 12072 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 12073 <img src="https://img.thesports.com/basketball/competition/f841aa3bd3c2aeffca04f78bfaeecaf7.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 12074 loading="lazy" />
12075 <span class="truncate tracking-wide bals-competition-name">Korean Basketball League</span> 12076 </div> 12077 12078 <div 12079 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 12080 <span> 14:30 </span> 12081 <span class="text-gray-400 leading-none text-base">â¢</span> 12082 <span>11/10</span> 12083 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 12084 <span 12085 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 12086 </div> 12087 </div> 12088 12089 <div class="relative"> 12090 12091 <div 12092 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 12093 <span class="bals-status-name mr-1">NS</span> </div> 12094 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 12095 12096 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 12097 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 12098 Busan KCC Egis 12099 </div> 12100 <img data-src="https://static.sportsfeed.pro/basketball/team/0add24fc964de3ea25e83417aa301f81.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Busan KCC Egis Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 12101 12102 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 12103 <div 12104 class="bals-score-track bals-score-track--vs"> 12105 <span 12106 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 12107 <span 12108 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 12109 0 12110 </span> 12111 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 12112 <span 12113 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 12114 0 12115 </span> 12116 </div> 12117 </div> 12118 12119 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 12120 <img data-src="https://static.sportsfeed.pro/basketball/team/624b1a84ff50919f44835640108bdd42.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Suwon KT Sonicboom Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 12121 Suwon KT Sonicboom 12122 </div> 12123 </div> 12124 </div> 12125 </div> 12126 12127 12128 <div class="space-y-3"> 12129 <div class="h-px w-full border-t-gradient-silver-fade"></div> 12130 <div class="relative"> 12131 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 12132 12133 12134 12135 <div class="flex-1 min-w-0"></div> 12136 12137 12138 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 12139 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 12140 </a></div> 12141 </div> 12142 </div> 12143 </div> 12144 </div> 12145 </div> 12146 12147</div> 12148<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 12149 bals-upcoming-match" 12150 data-accent="hot" 12151 data-template="chroma" data-sport="basketball" 12152 data-match-id="4jwq25tzyl92q0v" data-match-time="1791712800" 12153 data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 12154 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 12155 <div class="block relative group"> 12156 <a href="https://toptrader.io/basketball/houston-rockets-vs-dallas-mavericks-on-11-10-2026/" class="absolute inset-0 z-0" 12157 data-tooltip="Houston Rockets vs Dallas Mavericks lúc 17:00 ngà y 11/10/2026" 12158 data-title="Houston Rockets vs Dallas Mavericks lúc 17:00 ngà y 11/10/2026"></a> 12159 <div class="chroma-signal-lock" aria-hidden="true"></div> 12160 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 12161 12162 <div class="flex items-center justify-between sm:mb-0 mb-2"> 12163 12164 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 12165 <img src="https://img.thesports.com/basketball/competition/061f5ab5b1
12165a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 12166 loading="lazy" /> 12167 <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span> 12168 </div> 12169 12170 <div 12171 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 12172 <span> 17:00 </span> 12173 <span class="text-gray-400 leading-none text-base">â¢</span> 12174 <span>11/10</span> 12175 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 12176 <span 12177 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 12178 </div> 12179 </div> 12180 12181 <div class="relative"> 12182 12183 <div 12184 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 12185 <span class="bals-status-name mr-1">NS</span> </div> 12186 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 12187 12188 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 12189 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 12190 Houston Rockets 12191 </div> 12192 <img data-src="https://static.sportsfeed.pro/basketball/team/bcfe797437f18526ff4e62177021f638.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Houston Rockets Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 12193 12194 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 12195 <div 12196 class="bals-score-track bals-score-track--vs"> 12197 <span 12198 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 12199 <span 12200 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 12201 0 12202 </span> 12203 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 12204 <span 12205 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 12206 0 12207 </span> 12208 </div> 12209 </div> 12210 12211 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 12212 <img data-src="https://static.sportsfeed.pro/basketball/team/42d7b5ec22b2eb411d68f94a04eab742.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Dallas Mavericks Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 12213 Dallas Mavericks 12214 </div> 12215 </div> 12216 </div> 12217 </div> 12218 12219 12220 <div class="space-y-3"> 12221 <div class="h-px w-full border-t-gradient-silver-fade"></div> 12222 <div class="relative"> 12223 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 12224 12225 12226 12227 <div class="flex-1 min-w-0"></div> 12228 12229 12230 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 12231 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 12232 </a></div> 12233 </div> 12234 </div> 12235 </div> 12236 </div> 12237 </div> 12238 12239</div> 12240<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 12241 bals-upcoming-match" 12242 data-accent="hot" 12243 data-template="chroma" data-sport="basketball" 12244 data-match-id="6ypq3kt792yzmd7" data-match-time="1791718200" 12245 data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 12246 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 12247 <div class="block relative group"> 12248 <a href="https://toptrader.io/basketball/liaoning-flying-leopards-vs-sichuan-jinqiang-blue-whales-on-11-10-2026/" class="absolute inset-0 z-0" 12249 data-tooltip="Liaoning Flying Leopards vs Sichuan Jinqiang Blue Whales lúc 18:30 ngà y 11/10/2026" 12250 data-title="Liaoning Flying Leopards vs Sichuan Jinqiang Blue Whales lúc 18:30 ngà y 11/10/2026"></a> 12251 <div class="chroma-signal-lock" aria-hidden="true"></div> 12252 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 12253 12254 <div class="flex items-center justify-between sm:mb-0 mb-2"> 12255 12256 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 12257 <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 12258 loading="lazy" />
12259 <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span> 12260 </div> 12261 12262 <div 12263 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 12264 <span> 18:30 </span> 12265 <span class="text-gray-400 leading-none text-base">â¢</span> 12266 <span>11/10</span> 12267 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 12268 <span 12269 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 12270 </div> 12271 </div> 12272 12273 <div class="relative"> 12274 12275 <div 12276 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 12277 <span class="bals-status-name mr-1">NS</span> </div> 12278 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 12279 12280 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 12281 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 12282 Liaoning Flying Leopards 12283 </div> 12284 <img data-src="https://static.sportsfeed.pro/basketball/team/03173dab50b9418d1a834a91104d90a4.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Liaoning Flying Leopards Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 12285 12286 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 12287 <div 12288 class="bals-score-track bals-score-track--vs"> 12289 <span 12290 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 12291 <span 12292 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 12293 0 12294 </span> 12295 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 12296 <span 12297 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 12298 0 12299 </span> 12300 </div> 12301 </div> 12302 12303 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 12304 <img data-src="https://static.sportsfeed.pro/basketball/team/nd80e6d5b1e2d6d989b5c3b7790fe0025.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Sichuan Jinqiang Blue Whales Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 12305 Sichuan Jinqiang Blue Whales 12306 </div> 12307 </div> 12308 </div> 12309 </div> 12310 12311 12312 <div class="space-y-3"> 12313 <div class="h-px w-full border-t-gradient-silver-fade"></div> 12314 <div class="relative"> 12315 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 12316 12317 12318 12319 <div class="flex-1 min-w-0"></div> 12320 12321 12322 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 12323 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 12324 </a></div> 12325 </div> 12326 </div> 12327 </div> 12328 </div> 12329 </div> 12330 12331</div> 12332<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 12333 bals-upcoming-match" 12334 data-accent="hot" 12335 data-template="chroma" data-sport="basketball" 12336 data-match-id="n54ql7tp0lg1rvy" data-match-time="1791718200" 12337 data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 12338 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 12339 <div class="block relative group"> 12340 <a href="https://toptrader.io/basketball/xinjiang-flying-tigers-vs-zhejiang-guangsha-lions-on-11-10-2026/" class="absolute inset-0 z-0" 12341 data-tooltip="Xinjiang Flying Tigers vs Zhejiang Guangsha Lions lúc 18:30 ngà y 11/10/2026" 12342 data-title="Xinjiang Flying Tigers vs Zhejiang Guangsha Lions lúc 18:30 ngà y 11/10/2026"></a> 12343 <div class="chroma-signal-lock" aria-hidden="true"></div> 12344 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 12345 12346 <div class="flex items-center justify-between sm:mb-0 mb-2"> 12347 12348 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 12349 <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 12350 loading="lazy" />
12351 <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span> 12352 </div> 12353 12354 <div 12355 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 12356 <span> 18:30 </span> 12357 <span class="text-gray-400 leading-none text-base">â¢</span> 12358 <span>11/10</span> 12359 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 12360 <span 12361 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 12362 </div> 12363 </div> 12364 12365 <div class="relative"> 12366 12367 <div 12368 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 12369 <span class="bals-status-name mr-1">NS</span> </div> 12370 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 12371 12372 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 12373 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 12374 Xinjiang Flying Tigers 12375 </div> 12376 <img data-src="https://static.sportsfeed.pro/basketball/team/b54ffedd1c9a80374581bb3d7096dba6.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Xinjiang Flying Tigers Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 12377 12378 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 12379 <div 12380 class="bals-score-track bals-score-track--vs"> 12381 <span 12382 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 12383 <span 12384 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 12385 0 12386 </span> 12387 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 12388 <span 12389 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 12390 0 12391 </span> 12392 </div> 12393 </div> 12394 12395 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 12396 <img data-src="https://static.sportsfeed.pro/basketball/team/96108e3d2a3cf92f8f5305e5135f2419.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Zhejiang Guangsha Lions Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 12397 Zhejiang Guangsha Lions 12398 </div> 12399 </div> 12400 </div> 12401 </div> 12402 12403 12404 <div class="space-y-3"> 12405 <div class="h-px w-full border-t-gradient-silver-fade"></div> 12406 <div class="relative"> 12407 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 12408 12409 12410 12411 <div class="flex-1 min-w-0"></div> 12412 12413 12414 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 12415 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 12416 </a></div> 12417 </div> 12418 </div> 12419 </div> 12420 </div> 12421 </div> 12422 12423</div> 12424<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 12425 bals-upcoming-match" 12426 data-accent="hot" 12427 data-template="chroma" data-sport="basketball" 12428 data-match-id="965mk8t2vjdwm1g" data-match-time="1791718200" 12429 data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 12430 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 12431 <div class="block relative group"> 12432 <a href="https://toptrader.io/basketball/beijing-royal-fighters-vs-shanxi-loongs-fenjiu-on-11-10-2026/" class="absolute inset-0 z-0" 12433 data-tooltip="Beijing Royal Fighters vs Shanxi Loongs Fenjiu lúc 18:30 ngà y 11/10/2026" 12434 data-title="Beijing Royal Fighters vs Shanxi Loongs Fenjiu lúc 18:30 ngà y 11/10/2026"></a> 12435 <div class="chroma-signal-lock" aria-hidden="true"></div> 12436 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 12437 12438 <div class="flex items-center justify-between sm:mb-0 mb-2"> 12439 12440 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 12441 <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 12442 loading="lazy" />
12443 <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span> 12444 </div> 12445 12446 <div 12447 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 12448 <span> 18:30 </span> 12449 <span class="text-gray-400 leading-none text-base">â¢</span> 12450 <span>11/10</span> 12451 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 12452 <span 12453 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 12454 </div> 12455 </div> 12456 12457 <div class="relative"> 12458 12459 <div 12460 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 12461 <span class="bals-status-name mr-1">NS</span> </div> 12462 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 12463 12464 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 12465 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 12466 Beijing Royal Fighters 12467 </div> 12468 <img data-src="https://static.sportsfeed.pro/basketball/team/559cfc139ec9e214e54b4ddae5d1cba7.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Beijing Royal Fighters Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 12469 12470 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 12471 <div 12472 class="bals-score-track bals-score-track--vs"> 12473 <span 12474 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 12475 <span 12476 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 12477 0 12478 </span> 12479 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 12480 <span 12481 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 12482 0 12483 </span> 12484 </div> 12485 </div> 12486 12487 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 12488 <img data-src="https://static.sportsfeed.pro/basketball/team/f7ad4ca154d205eb1799c5a1d1ff3370.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Shanxi Loongs Fenjiu Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 12489 Shanxi Loongs Fenjiu 12490 </div> 12491 </div> 12492 </div> 12493 </div> 12494 12495 12496 <div class="space-y-3"> 12497 <div class="h-px w-full border-t-gradient-silver-fade"></div> 12498 <div class="relative"> 12499 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 12500 12501 12502 12503 <div class="flex-1 min-w-0"></div> 12504 12505 12506 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 12507 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 12508 </a></div> 12509 </div> 12510 </div> 12511 </div> 12512 </div> 12513 </div> 12514 12515</div> 12516<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 12517 bals-upcoming-match" 12518 data-accent="hot" 12519 data-template="chroma" data-sport="basketball" 12520 data-match-id="l5ergytl1zx9r8k" data-match-time="1791718200" 12521 data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 12522 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 12523 <div class="block relative group"> 12524 <a href="https://toptrader.io/basketball/jiangsu-dragons-kentier-vs-beijing-shougang-ducks-on-11-10-2026/" class="absolute inset-0 z-0" 12525 data-tooltip="Jiangsu Dragons Kentier vs Beijing Shougang Ducks lúc 18:30 ngà y 11/10/2026" 12526 data-title="Jiangsu Dragons Kentier vs Beijing Shougang Ducks lúc 18:30 ngà y 11/10/2026"></a> 12527 <div class="chroma-signal-lock" aria-hidden="true"></div> 12528 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 12529 12530 <div class="flex items-center justify-between sm:mb-0 mb-2"> 12531 12532 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 12533 <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 12534 loading="lazy" />
12535 <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span> 12536 </div> 12537 12538 <div 12539 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 12540 <span> 18:30 </span> 12541 <span class="text-gray-400 leading-none text-base">â¢</span> 12542 <span>11/10</span> 12543 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 12544 <span 12545 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 12546 </div> 12547 </div> 12548 12549 <div class="relative"> 12550 12551 <div 12552 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 12553 <span class="bals-status-name mr-1">NS</span> </div> 12554 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 12555 12556 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 12557 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 12558 Jiangsu Dragons Kentier 12559 </div> 12560 <img data-src="https://static.sportsfeed.pro/basketball/team/b25897e323bba837824c2d7fead03826.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Jiangsu Dragons Kentier Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 12561 12562 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 12563 <div 12564 class="bals-score-track bals-score-track--vs"> 12565 <span 12566 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 12567 <span 12568 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 12569 0 12570 </span> 12571 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 12572 <span 12573 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 12574 0 12575 </span> 12576 </div> 12577 </div> 12578 12579 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 12580 <img data-src="https://static.sportsfeed.pro/basketball/team/46cf02209721e88c21a85f35faeaa5f1.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Beijing Shougang Ducks Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 12581 Beijing Shougang Ducks 12582 </div> 12583 </div> 12584 </div> 12585 </div> 12586 12587 12588 <div class="space-y-3"> 12589 <div class="h-px w-full border-t-gradient-silver-fade"></div> 12590 <div class="relative"> 12591 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 12592 12593 12594 12595 <div class="flex-1 min-w-0"></div> 12596 12597 12598 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 12599 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 12600 </a></div> 12601 </div> 12602 </div> 12603 </div> 12604 </div> 12605 </div> 12606 12607</div> 12608<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 12609 bals-upcoming-match" 12610 data-accent="hot" 12611 data-template="chroma" data-sport="basketball" 12612 data-match-id="6ypq3kt7929zmd7" data-match-time="1791718200" 12613 data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 12614 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 12615 <div class="block relative group"> 12616 <a href="https://toptrader.io/basketball/guangdong-southern-tigers-vs-tianjin-pioneers-on-11-10-2026/" class="absolute inset-0 z-0" 12617 data-tooltip="Guangdong Southern Tigers vs Tianjin Pioneers lúc 18:30 ngà y 11/10/2026" 12618 data-title="Guangdong Southern Tigers vs Tianjin Pioneers lúc 18:30 ngà y 11/10/2026"></a> 12619 <div class="chroma-signal-lock" aria-hidden="true"></div> 12620 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 12621 12622 <div class="flex items-center justify-between sm:mb-0 mb-2"> 12623 12624 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 12625 <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 12626 loading="lazy" />
12627 <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span> 12628 </div> 12629 12630 <div 12631 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 12632 <span> 18:30 </span> 12633 <span class="text-gray-400 leading-none text-base">â¢</span> 12634 <span>11/10</span> 12635 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 12636 <span 12637 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 12638 </div> 12639 </div> 12640 12641 <div class="relative"> 12642 12643 <div 12644 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 12645 <span class="bals-status-name mr-1">NS</span> </div> 12646 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 12647 12648 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 12649 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 12650 Guangdong Southern Tigers 12651 </div> 12652 <img data-src="https://static.sportsfeed.pro/basketball/team/5689743705f1852f10597c559323f04a.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Guangdong Southern Tigers Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 12653 12654 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 12655 <div 12656 class="bals-score-track bals-score-track--vs"> 12657 <span 12658 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 12659 <span 12660 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 12661 0 12662 </span> 12663 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 12664 <span 12665 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 12666 0 12667 </span> 12668 </div> 12669 </div> 12670 12671 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 12672 <img data-src="https://static.sportsfeed.pro/basketball/team/ca7a0200923048ff354ddcce89b8f12b.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Tianjin Pioneers Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 12673 Tianjin Pioneers 12674 </div> 12675 </div> 12676 </div> 12677 </div> 12678 12679 12680 <div class="space-y-3"> 12681 <div class="h-px w-full border-t-gradient-silver-fade"></div> 12682 <div class="relative"> 12683 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 12684 12685 12686 12687 <div class="flex-1 min-w-0"></div> 12688 12689 12690 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 12691 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 12692 </a></div> 12693 </div> 12694 </div> 12695 </div> 12696 </div> 12697 </div> 12698 12699</div> 12700<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 12701 bals-upcoming-match" 12702 data-accent="hot" 12703 data-template="chroma" data-sport="basketball" 12704 data-match-id="ednm9kt2y103ryo" data-match-time="1791757800" 12705 data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 12706 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 12707 <div class="block relative group"> 12708 <a href="https://toptrader.io/basketball/cleveland-cavaliers-vs-orlando-magic-on-11-10-2026/" class="absolute inset-0 z-0" 12709 data-tooltip="Cleveland Cavaliers vs Orlando Magic lúc 05:30 ngà y 12/10/2026" 12710 data-title="Cleveland Cavaliers vs Orlando Magic lúc 05:30 ngà y 12/10/2026"></a> 12711 <div class="chroma-signal-lock" aria-hidden="true"></div> 12712 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 12713 12714 <div class="flex items-center justify-between sm:mb-0 mb-2"> 12715 12716 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 12717 <img src="https://img.thesports.com/basketball/competition/061f5ab5b1
12717a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 12718 loading="lazy" /> 12719 <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span> 12720 </div> 12721 12722 <div 12723 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 12724 <span> 05:30 </span> 12725 <span class="text-gray-400 leading-none text-base">â¢</span> 12726 <span>12/10</span> 12727 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 12728 <span 12729 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 12730 </div> 12731 </div> 12732 12733 <div class="relative"> 12734 12735 <div 12736 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 12737 <span class="bals-status-name mr-1">NS</span> </div> 12738 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 12739 12740 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 12741 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 12742 Cleveland Cavaliers 12743 </div> 12744 <img data-src="https://static.sportsfeed.pro/basketball/team/57c938e35ceb2ee92562a09c4165fb47.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Cleveland Cavaliers Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 12745 12746 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 12747 <div 12748 class="bals-score-track bals-score-track--vs"> 12749 <span 12750 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 12751 <span 12752 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 12753 0 12754 </span> 12755 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 12756 <span 12757 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 12758 0 12759 </span> 12760 </div> 12761 </div> 12762 12763 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 12764 <img data-src="https://static.sportsfeed.pro/basketball/team/0dc24d08ef0b5584e0b70f967db64b36.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Orlando Magic Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 12765 Orlando Magic 12766 </div> 12767 </div> 12768 </div> 12769 </div> 12770 12771 12772 <div class="space-y-3"> 12773 <div class="h-px w-full border-t-gradient-silver-fade"></div> 12774 <div class="relative"> 12775 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 12776 12777 12778 12779 <div class="flex-1 min-w-0"></div> 12780 12781 12782 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 12783 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 12784 </a></div> 12785 </div> 12786 </div> 12787 </div> 12788 </div> 12789 </div> 12790 12791</div> 12792<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 12793 bals-upcoming-match" 12794 data-accent="hot" 12795 data-template="chroma" data-sport="basketball" 12796 data-match-id="23xmv1tp5vk6mg8" data-match-time="1791759600" 12797 data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 12798 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 12799 <div class="block relative group"> 12800 <a href="https://toptrader.io/basketball/charlotte-hornets-vs-milwaukee-bucks-on-11-10-2026/" class="absolute inset-0 z-0" 12801 data-tooltip="Charlotte Hornets vs Milwaukee Bucks lúc 06:00 ngà y 12/10/2026" 12802 data-title="Charlotte Hornets vs Milwaukee Bucks lúc 06:00 ngà y 12/10/2026"></a> 12803 <div class="chroma-signal-lock" aria-hidden="true"></div> 12804 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 12805 12806 <div class="flex items-center justify-between sm:mb-0 mb-2"> 12807 12808 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 12809 <img src="https://img.thesports.com/basketball/competition/061f5ab5b1
12809a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 12810 loading="lazy" /> 12811 <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span> 12812 </div> 12813 12814 <div 12815 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 12816 <span> 06:00 </span> 12817 <span class="text-gray-400 leading-none text-base">â¢</span> 12818 <span>12/10</span> 12819 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 12820 <span 12821 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 12822 </div> 12823 </div> 12824 12825 <div class="relative"> 12826 12827 <div 12828 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 12829 <span class="bals-status-name mr-1">NS</span> </div> 12830 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 12831 12832 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 12833 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 12834 Charlotte Hornets 12835 </div> 12836 <img data-src="https://static.sportsfeed.pro/basketball/team/e52f6ac53681289c91703501a960cb3c.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Charlotte Hornets Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 12837 12838 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 12839 <div 12840 class="bals-score-track bals-score-track--vs"> 12841 <span 12842 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 12843 <span 12844 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 12845 0 12846 </span> 12847 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 12848 <span 12849 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 12850 0 12851 </span> 12852 </div> 12853 </div> 12854 12855 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 12856 <img data-src="https://static.sportsfeed.pro/basketball/team/172138a954c51bb257ac1ebaa52f01a1.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Milwaukee Bucks Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 12857 Milwaukee Bucks 12858 </div> 12859 </div> 12860 </div> 12861 </div> 12862 12863 12864 <div class="space-y-3"> 12865 <div class="h-px w-full border-t-gradient-silver-fade"></div> 12866 <div class="relative"> 12867 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 12868 12869 12870 12871 <div class="flex-1 min-w-0"></div> 12872 12873 12874 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 12875 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 12876 </a></div> 12877 </div> 12878 </div> 12879 </div> 12880 </div> 12881 </div> 12882 12883</div> 12884 12885 </div> 12886 12887 <div class="flex justify-center items-center py-5 gap-1"> 12888 <button 12889 class="load-more-matches px-6 py-2 rounded-full inset-ring inset-ring-gray-500/70 text-gray-400 cursor-pointer hover:bg-gray-700 hover:text-white transition-colors text-base font-normal" 12890 data-tab="bb-hot"> 12891 Tải thêm các tráºn Äấu 12892 </button> 12893 </div> 12894 </div> 12895 <div class="hidden match-container" id="bb-commentator-content" role="tabpanel" aria-labelledby="bb-commentator-tab"> 12896 <div class="flex flex-col bg-dark justify-center items-center py-5 px-3 gap-1"> 12897 <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/no-data-C4-fd-P2.webp" class="w-50 h-auto" alt="Không có dữ liá»u." /> 12898 <p class="text-center font-normal text-gray-400 text-base">Không có dữ liá»u.</p> 12899 </div> 12900 </div> 12901 <div class="hidden match-container" id="bb-today-content" role="tabpanel" aria-labelledby="bb-today-tab"> 12902 <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 bb-all-matches-grid"> 12903 <style> 12904 [data-sport="basketball"][data-template="chroma"].match-card { 12905 isolation: isolate; 12906 background: 12907 radial-gradient(circle at 50% 0%, rgba(var(--color-primary-rgb), 0.16) 0%, rgba(var(--color-primary-rgb), 0.08) 26%, transparent 58%), 12908 radial-gradient(circle at 14% 50%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 34%), 12909 linear-gradient(180deg, #0d1d18 0%, #0a1814 55%, #081310 100%); 12910 border: 1px solid rgba(var(--color-primary-rgb), 0.34); 12911 box-shadow: 12912 inset 0 1px 0 rgba(255,255,255,0.04), 12913 0 18px 40px -18px rgba(0,0,0,0.72); 12914 } 12915 12916 /** Code Review Fixes **/ 12917 [data-sport="basketball"][data-template="chroma"] .block.relative.group { 12918 overflow: hidden; 12919 } 12920 [data-sport="basketball"][data-template="chroma"].match-card::before { 12921 content: ''; 12922 position: absolute; 12923 inset: 0; 12924 z-index: 1; 12925 pointer-events: none; 12926 background-image: var(--chroma-line-image); 12927 background-repeat: no-repeat; 12928 background-position: center; 12929 background-size: cover; 12930 opacity: 0.18; 12931 mix-blend-mode: screen; 12932 filter: grayscale(1) brightness(1.35) contrast(1.25); 12933 } 12934 12935 [data-sport="basketball"][data-template="chroma"].match-card::after { 12936 content: ''; 12937 position: absolute; 12938 inset: 0; 12939 z-index: 2; 12940 pointer-events: none; 12941 background: 12942 linear-gradient(180deg, rgba(255,255,255,0.03) 0%, transparent 30%, transparent 70%, rgba(0,0,0,0.12) 100%), 12943 radial-gradient(circle at 50% 0%, rgba(var(--color-primary-rgb), 0.08) 0%, transparent 48%); 12944 } 12945 12946 [data-sport="basketball"][data-template="chroma"] .chroma-signal-lock { 12947 position: absolute; 12948 inset: 0; 12949 z-index: 2; 12950 pointer-events: none; 12951 opacity: 0; 12952 } 12953 12954 [data-sport="basketball"][data-template="chroma"] .chroma-signal-lock::before, 12955 [data-sport="basketball"][data-template="chroma"] .chroma-signal-lock::after { 12956 content: ''; 12957 position: absolute; 12958 left: 50%; 12959 top: 50%; 12960 transform: translate(-50%, -50%); 12961 pointer-events: none; 12962 } 12963 12964 [data-sport="basketball"][data-template="chroma"] .chroma-signal-lock::before { 12965 width: 38%; 12966 height: 64%; 12967 border-radius: 999px; 12968 background: 12969 radial-gradient(circle, rgba(var(--color-primary-rgb), 0.22) 0%, rgba(var(--color-primary-rgb), 0.1) 28%, transparent 68%); 12970 filter: blur(18px); 12971 } 12972 12973 [data-sport="basketball"][data-template="chroma"] .chroma-signal-lock::after { 12974 width: 46%; 12975 height: 1px; 12976 background: linear-gradient(90deg, transparent 0%, rgba(var(--color-primary-rgb), 0.0) 10%, rgba(var(--color-primary-rgb), 0.65) 50%, rgba(var(--color-primary-rgb), 0.0) 90%, transparent 100%); 12977 box-shadow: 0 0 12px rgba(var(--color-primary-rgb), 0.28); 12978 } 12979 12980 @media(prefers-reduced-motion: no-preference) { 12981 [data-sport="basketball"][data-template="chroma"].bals-live-match::before { 12982 animation: chroma-line-drift 8s ease-in-out infinite; 12983 } 12984 12985 [data-sport="basketball"][data-template="chroma"].bals-live-match .chroma-signal-lock { 12986 animation: chroma-signal-lock 4.6s cubic-bezier(0.22, 1, 0.36, 1) infinite; 12987 } 12988 12989 [data-sport="basketball"][data-template="chroma"].bals-live-match .bals-score-track { 12990 animation: chroma-score-focus 4.6s cubic-bezier(0.22, 1, 0.36, 1) infinite; 12991 } 12992 } 12993 12994 @keyframes chroma-line-drift { 12995 0%, 100% { 12996 background-position: center; 12997 transform: scale(1); 12998 opacity: 0.16; 12999 } 13000 50% { 13001 background-position: center 4px; 13002 transform: scale(1.015); 13003 opacity: 0.24; 13004 } 13005 } 13006 13007 @keyframes chroma-signal-lock { 13008 0%, 100% { 13009 opacity: 0; 13010 } 13011 18% { 13012 opacity: 0; 13013 } 13014 34% { 13015 opacity: 0.35; 13016 } 13017 52% { 13018 opacity: 0.8; 13019 } 13020 70% { 13021 opacity: 0.18; 13022 } 13023 } 13024 13025 @keyframes chroma-score-focus { 13026 0%, 100% { 13027 box-shadow: 13028 inset 0 1px 0 rgba(255, 255, 255, 0.04), 13029 0 0 0 1px rgba(var(--color-primary-rgb), 0.06); 13030 } 13031 30% { 13032 box-shadow: 13033 inset 0 1px 0 rgba(255, 255, 255, 0.05), 13034 0 0 0 1px rgba(var(--color-primary-rgb), 0.12), 13035 0 0 18px rgba(var(--color-primary-rgb), 0.12); 13036 } 13037 52% { 13038 box-shadow: 13039 inset 0 1px 0 rgba(255, 255, 255, 0.06), 13040 0 0 0 1px rgba(var(--color-primary-rgb), 0.18), 13041 0 0 22px rgba(var(--color-primary-rgb), 0.18); 13042 } 13043 74% { 13044 box-shadow: 13045 inset 0 1px 0 rgba(255, 255, 255, 0.04), 13046 0 0 0 1px rgba(var(--color-primary-rgb), 0.08); 13047 } 13048 } 13049 13050 [data-sport="basketball"][data-template="chroma"] .block.relative.group, 13051 [data-sport="basketball"][data-template="chroma"] .block.relative.group > .flex { 13052 position: relative; 13053 z-index: 3; 13054 } 13055 13056 [data-sport="basketball"][data-template="chroma"] .bals-score-track { 13057 display: inline-flex; 13058 align-items: center; 13059 justify-content: center; 13060 gap: 0.26rem; 13061 min-width: auto; 13062 padding: 0.07rem 0.13rem 0.07rem 0.07rem; 13063 border-radius: 999px; 13064 border: 1px solid rgba(var(--color-primary-rgb), 0.36); 13065 background: 13066 linear-gradient(180deg, rgba(8, 18, 15, 0.94) 0%, rgba(6, 15, 13,
130660.98) 100%), 13067 radial-gradient(circle at 18% 50%, rgba(var(--color-primary-rgb), 0.16) 0%, rgba(var(--color-primary-rgb), 0.06) 34%, transparent 64%); 13068 box-shadow: 13069 inset 0 1px 0 rgba(255, 255, 255, 0.04), 13070 0 0 0 1px rgba(var(--color-primary-rgb), 0.06); 13071 box-sizing: border-box; 13072 } 13073 13074 [data-sport="basketball"][data-template="chroma"] .bals-score-box { 13075 width: 2.2rem; 13076 min-width: 2.2rem; 13077 height: 1.82rem; 13078 padding: 0; 13079 display: inline-flex; 13080 align-items: center; 13081 justify-content: center; 13082 background: transparent; 13083 color: #fff; 13084 font-weight: 800; 13085 font-size: 0.95rem; 13086 line-height: 1; 13087 text-shadow: none; 13088 box-shadow: none; 13089 box-sizing: border-box; 13090 font-variant-numeric: tabular-nums; 13091 flex-shrink: 0; 13092 } 13093 13094 [data-sport="basketball"][data-template="chroma"] .bals-home-score.bg-gradient-red-bright { 13095 border: 1px solid rgba(var(--color-primary-rgb), 0.92); 13096 border-radius: 999px 0 0 999px; 13097 background: 13098 linear-gradient(180deg, rgba(var(--color-primary-rgb), 0.18) 0%, rgba(var(--color-primary-rgb), 0.08) 100%), 13099 rgba(255, 255, 255, 0.01); 13100 } 13101 13102 [data-sport="basketball"][data-template="chroma"] .bals-away-score.bg-gradient-red-bright { 13103 width: 2.2rem; 13104 min-width: 2.2rem; 13105 height: 1.82rem; 13106 padding: 0; 13107 border: 1px solid rgba(var(--color-primary-rgb), 0.92); 13108 border-radius: 0 999px 999px 0; 13109 background: 13110 linear-gradient(180deg, rgba(var(--color-primary-rgb), 0.18) 0%, rgba(var(--color-primary-rgb), 0.08) 100%), 13111 rgba(255, 255, 255, 0.01); 13112 } 13113 13114 [data-sport="basketball"][data-template="chroma"] .bals-score-divider { 13115 width: 0.2rem; 13116 height: 0.2rem; 13117 border-radius: 999px; 13118 background: rgba(236, 255, 242, 0.9); 13119 box-shadow: none; 13120 font-size: 0; 13121 flex-shrink: 0; 13122 align-self: center; 13123 transform: translateY(0.5px); 13124 } 13125 13126 [data-sport="basketball"][data-template="chroma"] .bals-vs-box { 13127 min-width: 2.2rem; 13128 height: 1.82rem; 13129 padding: 0 0.75rem; 13130 display: inline-flex; 13131 align-items: center; 13132 justify-content: center; 13133 border-radius: 999px; 13134 background: 13135 linear-gradient(180deg, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 100%), 13136 rgba(8, 18, 15, 0.9); 13137 border: 1px solid rgba(var(--color-primary-rgb), 0.86); 13138 color: #fff; 13139 font-weight: 800; 13140 font-size: 0.9rem; 13141 letter-spacing: 0; 13142 line-height: 1; 13143 text-shadow: none; 13144 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04); 13145 font-variant-numeric: tabular-nums; 13146 } 13147 13148 [data-sport="basketball"][data-template="chroma"] .bals-score-track--vs { 13149 padding: 0; 13150 border: 0; 13151 background: transparent; 13152 } 13153 13154 [data-sport="basketball"][data-template="chroma"] .bals-time-pill { 13155 display: inline-flex; 13156 align-items: center; 13157 justify-content: center; 13158 gap: 0.35rem; 13159 padding: 0.28rem 0.5rem; 13160 border-radius: 8px; 13161 background: rgba(255, 255, 255, 0.06); 13162 border: 1px solid rgba(255, 255, 255, 0.05); 13163 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03); 13164 backdrop-filter: blur(4px); 13165 -webkit-backdrop-filter: blur(4px); 13166 } 13167 13168 [data-sport="basketball"][data-template="chroma"] .chroma-commentator-chip { 13169 display: inline-flex; 13170 align-items: center; 13171 gap: 0.4rem; 13172 min-width: 0; 13173 } 13174 13175 [data-sport="basketball"][data-template="chroma"] .chroma-commentator-frame { 13176 width: 1rem; 13177 height: 1rem; 13178 flex-shrink: 0; 13179 display: inline-flex; 13180 align-items: center; 13181 justify-content: center; 13182 padding: 1px; 13183 border-radius: 999px; 13184 background: 13185 radial-gradient(circle at 30% 28%, rgba(255, 212, 153, 0.4) 0%, rgba(255, 212, 153, 0.08) 34%, transparent 60%), 13186 linear-gradient(180deg, #ffb35b 0%, #ff7a19 100%); 13187 box-shadow: 13188 0 0 0 1px rgba(255, 140, 36, 0.22), 13189 0 4px 10px rgba(0, 0, 0, 0.22); 13190 } 13191 13192 [data-sport="basketball"][data-template="chroma"] .chroma-commentator-frame img { 13193 width: 100%; 13194 height: 100%; 13195 object-fit: cover; 13196 display: block; 13197 background: #0f1217; 13198 border-radius: 999px; 13199 } 13200 13201 [data-sport="basketball"][data-template="chroma"] .chroma-commentator-name { 13202 min-width: 0; 13203 color: rgba(255, 255, 255, 0.92); 13204 font-size: 0.8125rem; 13205 font-weight: 500; 13206 line-height: 1; 13207 letter-spacing: 0; 13208 text-transform: none; 13209 text-shadow: 0 1px 4px rgba(0, 0, 0, 0.22); 13210 } 13211 13212 [data-sport="basketball"][data-template="chroma"][data-accent="featured"] { 13213 border: 2px solid #E97519; 13214 } 13215 13216 [data-sport="basketball"][data-template="chroma"][data-accent="hot"] { 13217 border: 1px solid #960B12; 13218 } 13219 13220 @media(min-width: 640px) { 13221 [data-sport="basketball"][data-template="chroma"] .bals-score-box, 13222 [data-sport="basketball"][data-template="chroma"] .bals-vs-box { 13223 width: 2.35rem; 13224 min-width: 2.35rem; 13225 height: 1.96rem; 13226 } 13227 13228 [data-sport="basketball"][data-template="chroma"] .bals-away-score.bg-gradient-red-bright { 13229 width: 2.35rem; 13230 min-width: 2.35rem; 13231 height: 1.96rem; 13232 } 13233 13234 [data-sport="basketball"][data-template="chroma"] .bals-score-track { 13235 gap: 0.3rem; 13236 padding: 0.08rem 0.15rem 0.08rem 0.08rem; 13237 } 13238 13239 [data-sport="basketball"][data-template="chroma"] .chroma-commentator-chip { 13240 gap: 0.45rem; 13241 } 13242 13243 [data-sport="basketball"][data-template="chroma"] .chroma-commentator-frame { 13244 width: 1.15rem; 13245 height: 1.15rem; 13246 } 13247 13248 [data-sport="basketball"][data-template="chroma"] .chroma-commentator-name { 13249 font-size: 0.875rem; 13250 } 13251 } 13252</style> 13253 13254<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 13255 bals-live-match" 13256 data-accent="" 13257 data-template="chroma" data-sport="basketball" 13258 data-match-id="vjxm8xt5z53xq6o" data-match-time="1791579600" 13259 data-competition-id="8y39mp4tgkmojxg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 13260 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 13261 <div class="block relative group"> 13262 <a href="https://toptrader.io/basketball/quimsa-ldd-vs-boca-juniors-ldd-on-09-10-2026/" class="absolute inset-0 z-0" 13263 data-tooltip="Quimsa LDD vs Boca Juniors LDD lúc 04:00 ngà y 10/10/2026" 13264 data-title="Quimsa LDD vs Boca Juniors LDD lúc 04:00 ngà y 10/10/2026"></a> 13265 <div class="chroma-signal-lock" aria-hidden="true"></div> 13266 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 13267 13268 <div class="flex items-center justify-between sm:mb-0 mb-2"> 13269 13270 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 13271 <img src="https://img.thesports.com/basketball/competition/fb01d8eef6efdc9ff8eedb03643e0623.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 13272 loading="lazy" />
13273 <span class="truncate tracking-wide bals-competition-name">Argentina Liga Nacional</span> 13274 </div> 13275 13276 <div 13277 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 13278 <span> 04:00 </span> 13279 <span class="text-gray-400 leading-none text-base">â¢</span> 13280 <span>10/10</span> 13281 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 13282 <span 13283 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 13284 </div> 13285 </div> 13286 13287 <div class="relative"> 13288 13289 <div 13290 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 13291 <span class="bals-status-name mr-1">Q4</span> : 13292 <span class="ml-1 bals-elapsed-time"></span> </div> 13293 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 13294 13295 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 13296 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 13297 Quimsa LDD 13298 </div> 13299 <img data-src="https://static.sportsfeed.pro/basketball/team/b4c8df57f3bc44e9e66f74d521673528.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Quimsa LDD Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 13300 13301 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 13302 <div 13303 class="bals-score-track "> 13304 <span 13305 class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 13306 <span 13307 class="bals-score-box text-sm sm:text-base bals-home-score" > 13308 65 13309 </span> 13310 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 13311 <span 13312 class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-away-score" > 13313 68 13314 </span> 13315 </div> 13316 </div> 13317 13318 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 13319 <img data-src="https://static.sportsfeed.pro/basketball/team/a7fcaac18d46b568c74f6916912e775e.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Boca Juniors LDD Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 13320 Boca Juniors LDD 13321 </div> 13322 </div> 13323 </div> 13324 </div> 13325 13326 13327 <div class="space-y-3"> 13328 <div class="h-px w-full border-t-gradient-silver-fade"></div> 13329 <div class="relative"> 13330 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 13331 13332 13333 13334 <div class="flex-1 min-w-0"></div> 13335 13336 13337 <div class="flex-shrink-0 flex items-center"> 13338 <div class="w-[120px] sm:w-[125px] min-w-0"> 13339 <div class="text-right mr-1.5 bals-odds"> 13340 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 13341 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.6</div> 13342 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0</div> 13343 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.45</div> 13344 </div> 13345 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 13346 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.8</div> 13347 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-2.5</div> 13348 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.86</div> 13349 </div> 13350 </div> 13351 </div> 13352 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 13353 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 13354 </a> 13355 </div> 13356 </div> 13357 </div> 13358 </div> 13359 </div> 13360 </div> 13361 13362</div> 13363<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 13364 bals-live-match" 13365 data-accent="" 13366 data-template="chroma" data-sport="basketball" 13367 data-match-id="pxwrx5txkxneqyk" data-match-time="1791581400" 13368 data-competition-id="vl7oqd4t175q510" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 13369 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 13370 <div class="block relative group"> 13371 <a href="https://toptrader.io/basketball/olimpia-queens-women-vs-sao-jose-w-on-09-10-2026/" class="absolute inset-0 z-0"
13372 data-tooltip="Olimpia Queens Women vs Sao Jose (W) lúc 04:30 ngà y 10/10/2026" 13373 data-title="Olimpia Queens Women vs Sao Jose (W) lúc 04:30 ngà y 10/10/2026"></a> 13374 <div class="chroma-signal-lock" aria-hidden="true"></div> 13375 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 13376 13377 <div class="flex items-center justify-between sm:mb-0 mb-2"> 13378 13379 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 13380 <img src="https://img.thesports.com/basketball/competition/7128fad192c66339f572998d886c01f7.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 13381 loading="lazy" /> 13382 <span class="truncate tracking-wide bals-competition-name">Paraguay LNCF Women</span> 13383 </div> 13384 13385 <div 13386 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 13387 <span> 04:30 </span> 13388 <span class="text-gray-400 leading-none text-base">â¢</span> 13389 <span>10/10</span> 13390 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 13391 <span 13392 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 13393 </div> 13394 </div> 13395 13396 <div class="relative"> 13397 13398 <div 13399 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 13400 <span class="bals-status-name mr-1">Q3</span> : 13401 <span class="ml-1 bals-elapsed-time"></span> </div> 13402 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 13403 13404 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 13405 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 13406 Olimpia Queens Women 13407 </div> 13408 <img data-src="https://static.sportsfeed.pro/basketball/team/5785ac5adba1127f191b735c9ea2b274.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Olimpia Queens Women Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 13409 13410 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 13411 <div 13412 class="bals-score-track "> 13413 <span 13414 class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 13415 <span 13416 class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-home-score" > 13417 41 13418 </span> 13419 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 13420 <span 13421 class="bals-score-box text-sm sm:text-base bals-away-score" > 13422 31 13423 </span> 13424 </div> 13425 </div> 13426 13427 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 13428 <img data-src="https://static.sportsfeed.pro/basketball/team/a7608b5e11640c32adaf05dd36d8e6ac.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Sao Jose
13428(W) Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 13429 Sao Jose (W) 13430 </div> 13431 </div> 13432 </div> 13433 </div> 13434 13435 13436 <div class="space-y-3"> 13437 <div class="h-px w-full border-t-gradient-silver-fade"></div> 13438 <div class="relative"> 13439 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 13440 13441 13442 13443 <div class="flex-1 min-w-0"></div> 13444 13445 13446 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 13447 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 13448 </a></div> 13449 </div> 13450 </div> 13451 </div> 13452 </div> 13453 </div> 13454 13455</div> 13456<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 13457 bals-live-match" 13458 data-accent="" 13459 data-template="chroma" data-sport="basketball" 13460 data-match-id="zp5rzkt6lyggr82" data-match-time="1791583800" 13461 data-competition-id="e4wyrn1tl8q86pv" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 13462 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 13463 <div class="block relative group"> 13464 <a href="https://toptrader.io/basketball/regatas-corrientes-vs-nacional-montevideo-on-09-10-2026/" class="absolute inset-0 z-0" 13465 data-tooltip="Regatas Corrientes vs Nacional Montevideo lúc 05:10 ngà y 10/10/2026" 13466 data-title="Regatas Corrientes vs Nacional Montevideo lúc 05:10 ngà y 10/10/2026"></a> 13467 <div class="chroma-signal-lock" aria-hidden="true"></div> 13468 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 13469 13470 <div class="flex items-center justify-between sm:mb-0 mb-2"> 13471 13472 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 13473 <img src="https://img.thesports.com/basketball/competition/c5c1c18327493d6534e691e4432ee487.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 13474 loading="lazy" /> 13475 <span class="truncate tracking-wide bals-competition-name">Liga Sudamericana de Básquetbol</span> 13476 </div> 13477 13478 <div 13479 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 13480 <span> 05:10 </span> 13481 <span class="text-gray-400 leading-none text-base">â¢</span> 13482 <span>10/10</span> 13483 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 13484 <span 13485 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 13486 </div> 13487 </div> 13488 13489 <div class="relative"> 13490 13491 <div 13492 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 13493 <span class="bals-status-name mr-1">Q2</span> : 13494 <span class="ml-1 bals-elapsed-time"></span> </div> 13495 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 13496 13497 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 13498 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 13499 Regatas Corrientes 13500 </div> 13501 <img data-src="https://static.sportsfeed.pro/basketball/team/a509b77070fc2f08bd663f9402f3fd9c.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Regatas Corrientes Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 13502 13503 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 13504 <div 13505 class="bals-score-track ">
13506 <span 13507 class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 13508 <span 13509 class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-home-score" > 13510 28 13511 </span> 13512 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 13513 <span 13514 class="bals-score-box text-sm sm:text-base bals-away-score" > 13515 27 13516 </span> 13517 </div> 13518 </div> 13519 13520 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 13521 <img data-src="https://static.sportsfeed.pro/basketball/team/077b6c3ee4123a72e24cd9f9d80b7ba1.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Nacional Montevideo Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 13522 Nacional Montevideo 13523 </div> 13524 </div> 13525 </div> 13526 </div> 13527 13528 13529 <div class="space-y-3"> 13530 <div class="h-px w-full border-t-gradient-silver-fade"></div> 13531 <div class="relative"> 13532 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 13533 13534 13535 13536 <div class="flex-1 min-w-0"></div> 13537 13538 13539 <div class="flex-shrink-0 flex items-center"> 13540 <div class="w-[120px] sm:w-[125px] min-w-0"> 13541 <div class="text-right mr-1.5 bals-odds"> 13542 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 13543 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.95</div> 13544 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0</div> 13545 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.74</div> 13546 </div> 13547 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 13548 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.83</div> 13549 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-1.5</div> 13550 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.83</div> 13551 </div> 13552 </div> 13553 </div> 13554 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 13555 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 13556 </a> 13557 </div> 13558 </div> 13559 </div> 13560 </div> 13561 </div> 13562 </div> 13563 13564</div> 13565<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 13566 bals-live-match" 13567 data-accent="" 13568 data-template="chroma" data-sport="basketball" 13569 data-match-id="3glrwyt3v39pqdy" data-match-time="1791584400" 13570 data-competition-id="vl7oqd4t175q510" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 13571 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 13572 <div class="block relative group"> 13573 <a href="https://toptrader.io/basketball/felix-perez-cardozo-women-vs-sol-de-america-women-on-09-10-2026/" class="absolute inset-0 z-0" 13574 data-tooltip="Felix Perez Cardozo Women vs Sol De America Women lúc 05:20 ngà y 10/10/2026" 13575 data-title="Felix Perez Cardozo Women vs Sol De America Women lúc 05:20 ngà y 10/10/2026"></a> 13576 <div class="chroma-signal-lock" aria-hidden="true"></div> 13577 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 13578 13579 <div class="flex items-center justify-between sm:mb-0 mb-2"> 13580 13581 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 13582 <img src="https://img.thesports.com/basketball/competition/7128fad192c66339f572998d886c01f7.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 13583 loading="lazy" />
13584 <span class="truncate tracking-wide bals-competition-name">Paraguay LNCF Women</span> 13585 </div> 13586 13587 <div 13588 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 13589 <span> 05:20 </span> 13590 <span class="text-gray-400 leading-none text-base">â¢</span> 13591 <span>10/10</span> 13592 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 13593 <span 13594 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 13595 </div> 13596 </div> 13597 13598 <div class="relative"> 13599 13600 <div 13601 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 13602 <span class="bals-status-name mr-1">Q1</span> : 13603 <span class="ml-1 bals-elapsed-time"></span> </div> 13604 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 13605 13606 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 13607 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 13608 Felix Perez Cardozo Women 13609 </div> 13610 <img data-src="https://static.sportsfeed.pro/basketball/team/ffbd56302476d796dd41b84029dbbb5b.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Felix Perez Cardozo Women Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 13611 13612 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 13613 <div 13614 class="bals-score-track "> 13615 <span 13616 class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 13617 <span 13618 class="bals-score-box text-sm sm:text-base bals-home-score" > 13619 0 13620 </span> 13621 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 13622 <span 13623 class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-away-score" > 13624 2 13625 </span> 13626 </div> 13627 </div> 13628 13629 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 13630 <img data-src="https://static.sportsfeed.pro/basketball/team/fc14ea3514aafa6381a7f6c1c73c094f.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Sol De America Women Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 13631 Sol De America Women 13632 </div> 13633 </div> 13634 </div> 13635 </div> 13636 13637 13638 <div class="space-y-3"> 13639 <div class="h-px w-full border-t-gradient-silver-fade"></div> 13640 <div class="relative"> 13641 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 13642 13643 13644 13645 <div class="flex-1 min-w-0"></div> 13646 13647 13648 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 13649 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 13650 </a></div> 13651 </div> 13652 </div> 13653 </div> 13654 </div> 13655 </div> 13656 13657</div> 13658<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 13659 bals-live-match" 13660 data-accent="" 13661 data-template="chroma" data-sport="basketball" 13662 data-match-id="4jwq25tz3zgjq0v" data-match-time="1791585000" 13663 data-competition-id="56ypq3kt47pmd7o" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 13664 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 13665 <div class="block relative group"> 13666 <a href="https://toptrader.io/basketball/espanol-osorno-u21-vs-cdb-la-union-u21-on-09-10-2026/" class="absolute inset-0 z-0" 13667 data-tooltip="Espanol Osorno U21 vs CDB La Union U21 lúc 05:30 ngà y 10/10/2026" 13668 data-title="Espanol Osorno U21 vs CDB La Union U21 lúc 05:30 ngà y 10/10/2026"></a> 13669 <div class="chroma-signal-lock" aria-hidden="true"></div> 13670 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 13671 13672 <div class="flex items-center justify-between sm:mb-0 mb-2"> 13673 13674 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 13675 <img src="https://img.thesports.com/basketball/competition/e11b7c2210fd09057697e69651b24039.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 13676 loading="lazy" />
13677 <span class="truncate tracking-wide bals-competition-name">Chile Liga U21</span> 13678 </div> 13679 13680 <div 13681 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 13682 <span> 05:30 </span> 13683 <span class="text-gray-400 leading-none text-base">â¢</span> 13684 <span>10/10</span> 13685 <span class="bals-live-pill text-gray-400 leading-none text-base" >â¢</span> 13686 <span 13687 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span> 13688 </div> 13689 </div> 13690 13691 <div class="relative"> 13692 13693 <div 13694 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" > 13695 <span class="bals-status-name mr-1">Q1</span> : 13696 <span class="ml-1 bals-elapsed-time"></span> </div> 13697 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 13698 13699 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 13700 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 13701 Espanol Osorno U21 13702 </div> 13703 <img data-src="https://static.sportsfeed.pro/basketball/team/b7abd900aa57fd56814c776c0d9ec4ee.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Espanol Osorno U21 Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 13704 13705 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 13706 <div 13707 class="bals-score-track "> 13708 <span 13709 class="bals-vs-box bals-vs-pill text-sm sm:text-base" style="display:none" >VS</span> 13710 <span 13711 class="bals-score-box text-sm sm:text-base bals-home-score" > 13712 0 13713 </span> 13714 <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span> 13715 <span 13716 class="bals-score-box text-sm sm:text-base bals-away-score" > 13717 0 13718 </span> 13719 </div> 13720 </div> 13721 13722 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 13723 <img data-src="https://static.sportsfeed.pro/basketball/team/07d18678585a896cf1f5a5f0c08b4acf.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="CDB La Union U21 Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 13724 CDB La Union U21 13725 </div> 13726 </div> 13727 </div> 13728 </div> 13729 13730 13731 <div class="space-y-3"> 13732 <div class="h-px w-full border-t-gradient-silver-fade"></div> 13733 <div class="relative"> 13734 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 13735 13736 13737 13738 <div class="flex-1 min-w-0"></div> 13739 13740 13741 <div class="flex-shrink-0 flex items-center"> 13742 <div class="w-[120px] sm:w-[125px] min-w-0"> 13743 <div class="text-right mr-1.5 bals-odds"> 13744 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 13745 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.95</div> 13746 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0</div> 13747 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.74</div> 13748 </div> 13749 <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight"> 13750 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.83</div> 13751 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-1.5</div> 13752 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.83</div> 13753 </div> 13754 </div> 13755 </div> 13756 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 13757 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 13758 </a> 13759 </div> 13760 </div> 13761 </div> 13762 </div> 13763 </div> 13764 </div> 13765 13766</div> 13767<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 13768 bals-upcoming-match" 13769 data-accent="hot" 13770 data-template="chroma" data-sport="basketball" 13771 data-match-id="23xmv1tp170zmg8" data-match-time="1791676800" 13772 data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 13773 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 13774 <div class="block relative group"> 13775 <a href="https://toptrader.io/basketball/miami-heat-vs-minnesota-timberwolves-on-11-10-2026/" class="absolute inset-0 z-0"
13776 data-tooltip="Miami Heat vs Minnesota Timberwolves lúc 07:00 ngà y 11/10/2026" 13777 data-title="Miami Heat vs Minnesota Timberwolves lúc 07:00 ngà y 11/10/2026"></a> 13778 <div class="chroma-signal-lock" aria-hidden="true"></div> 13779 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 13780 13781 <div class="flex items-center justify-between sm:mb-0 mb-2"> 13782 13783 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 13784 <img src="https://img.thesports.com/basketball/competition/061f5ab5b1a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 13785 loading="lazy" /> 13786 <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span> 13787 </div> 13788 13789 <div 13790 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 13791 <span> 07:00 </span> 13792 <span class="text-gray-400 leading-none text-base">â¢</span> 13793 <span>11/10</span> 13794 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 13795 <span 13796 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 13797 </div> 13798 </div> 13799 13800 <div class="relative"> 13801 13802 <div 13803 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 13804 <span class="bals-status-name mr-1">NS</span> </div> 13805 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 13806 13807 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 13808 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 13809 Miami Heat 13810 </div> 13811 <img data-src="https://static.sportsfeed.pro/basketball/team/ff7ccef6a6b79c6417ee8367946b0aec.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Miami Heat Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 13812 13813 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 13814 <div 13815 class="bals-score-track bals-score-track--vs"> 13816 <span 13817 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 13818 <span 13819 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 13820 0 13821 </span> 13822 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 13823 <span 13824 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 13825 0 13826 </span> 13827 </div> 13828 </div> 13829 13830 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 13831 <img data-src="https://static.sportsfeed.pro/basketball/team/38794d0ac418d8f2d03bd17a2623f3ed.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Minnesota Timberwolves Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 13832 Minnesota Timberwolves 13833 </div> 13834 </div> 13835 </div> 13836 </div> 13837 13838 13839 <div class="space-y-3"> 13840 <div class="h-px w-full border-t-gradient-silver-fade"></div> 13841 <div class="relative"> 13842 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 13843 13844 13845 13846 <div class="flex-1 min-w-0"></div> 13847 13848 13849 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 13850 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 13851 </a></div> 13852 </div> 13853 </div> 13854 </div> 13855 </div> 13856 </div> 13857 13858</div> 13859<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 13860 bals-upcoming-match" 13861 data-accent="hot" 13862 data-template="chroma" data-sport="basketball" 13863 data-match-id="zp5rzkt6v8w9r82" data-match-time="1791676800" 13864 data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 13865 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 13866 <div class="block relative group"> 13867 <a href="https://toptrader.io/basketball/boston-celtics-vs-philadelphia-76ers-on-11-10-2026/" class="absolute inset-0 z-0" 13868 data-tooltip="Boston Celtics vs Philadelphia 76ers lúc 07:00 ngà y 11/10/2026" 13869 data-title="Boston Celtics vs Philadelphia 76ers lúc 07:00 ngà y 11/10/2026"></a> 13870 <div class="chroma-signal-lock" aria-hidden="true"></div> 13871 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 13872 13873 <div class="flex items-center justify-between sm:mb-0 mb-2"> 13874 13875 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 13876 <img src="https://img.thesports.com/basketball/competition/061f5ab5b1
13876a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 13877 loading="lazy" /> 13878 <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span> 13879 </div> 13880 13881 <div 13882 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 13883 <span> 07:00 </span> 13884 <span class="text-gray-400 leading-none text-base">â¢</span> 13885 <span>11/10</span> 13886 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 13887 <span 13888 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 13889 </div> 13890 </div> 13891 13892 <div class="relative"> 13893 13894 <div 13895 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 13896 <span class="bals-status-name mr-1">NS</span> </div> 13897 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 13898 13899 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 13900 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 13901 Boston Celtics 13902 </div> 13903 <img data-src="https://static.sportsfeed.pro/basketball/team/884c1c1f5db46c170df3c34a8e213ec9.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Boston Celtics Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 13904 13905 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 13906 <div 13907 class="bals-score-track bals-score-track--vs"> 13908 <span 13909 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 13910 <span 13911 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 13912 0 13913 </span> 13914 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 13915 <span 13916 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 13917 0 13918 </span> 13919 </div> 13920 </div> 13921 13922 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 13923 <img data-src="https://static.sportsfeed.pro/basketball/team/06e7bde6cca98873fe971fad4e67a9b6.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Philadelphia 76ers Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 13924 Philadelphia 76ers 13925 </div> 13926 </div> 13927 </div> 13928 </div> 13929 13930 13931 <div class="space-y-3"> 13932 <div class="h-px w-full border-t-gradient-silver-fade"></div> 13933 <div class="relative"> 13934 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 13935 13936 13937 13938 <div class="flex-1 min-w-0"></div> 13939 13940 13941 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 13942 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 13943 </a></div> 13944 </div> 13945 </div> 13946 </div> 13947 </div> 13948 </div> 13949 13950</div> 13951<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 13952 bals-upcoming-match" 13953 data-accent="hot" 13954 data-template="chroma" data-sport="basketball" 13955 data-match-id="1l4rjztjovlom7v" data-match-time="1791678600" 13956 data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 13957 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 13958 <div class="block relative group"> 13959 <a href="https://toptrader.io/basketball/golden-state-warriors-vs-sacramento-kings-on-11-10-2026/" class="absolute inset-0 z-0"
13960 data-tooltip="Golden State Warriors vs Sacramento Kings lúc 07:30 ngà y 11/10/2026" 13961 data-title="Golden State Warriors vs Sacramento Kings lúc 07:30 ngà y 11/10/2026"></a> 13962 <div class="chroma-signal-lock" aria-hidden="true"></div> 13963 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 13964 13965 <div class="flex items-center justify-between sm:mb-0 mb-2"> 13966 13967 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 13968 <img src="https://img.thesports.com/basketball/competition/061f5ab5b1a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 13969 loading="lazy" /> 13970 <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span> 13971 </div> 13972 13973 <div 13974 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 13975 <span> 07:30 </span> 13976 <span class="text-gray-400 leading-none text-base">â¢</span> 13977 <span>11/10</span> 13978 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 13979 <span 13980 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 13981 </div> 13982 </div> 13983 13984 <div class="relative"> 13985 13986 <div 13987 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 13988 <span class="bals-status-name mr-1">NS</span> </div> 13989 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 13990 13991 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 13992 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 13993 Golden State Warriors 13994 </div> 13995 <img data-src="https://static.sportsfeed.pro/basketball/team/df3f6f8bb17fd1c618f60f0b14637140.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Golden State Warriors Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 13996 13997 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 13998 <div 13999 class="bals-score-track bals-score-track--vs"> 14000 <span 14001 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 14002 <span 14003 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 14004 0 14005 </span> 14006 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 14007 <span 14008 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 14009 0 14010 </span> 14011 </div> 14012 </div> 14013 14014 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 14015 <img data-src="https://static.sportsfeed.pro/basketball/team/1fc010aba7ac510b5364e5f76ca4f060.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Sacramento Kings Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 14016 Sacramento Kings 14017 </div> 14018 </div> 14019 </div> 14020 </div> 14021 14022 14023 <div class="space-y-3"> 14024 <div class="h-px w-full border-t-gradient-silver-fade"></div> 14025 <div class="relative"> 14026 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 14027 14028 14029 14030 <div class="flex-1 min-w-0"></div> 14031 14032 14033 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 14034 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 14035 </a></div> 14036 </div> 14037 </div> 14038 </div> 14039 </div> 14040 </div> 14041 14042</div> 14043<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 14044 bals-upcoming-match" 14045 data-accent="hot" 14046 data-template="chroma" data-sport="basketball" 14047 data-match-id="6ypq3kt7yx7nmd7" data-match-time="1791685800" 14048 data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 14049 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 14050 <div class="block relative group"> 14051 <a href="https://toptrader.io/basketball/phoenix-suns-vs-san-antonio-spurs-on-11-10-2026/" class="absolute inset-0 z-0" 14052 data-tooltip="Phoenix Suns vs San Antonio Spurs lúc 09
14052:30 ngà y 11/10/2026" 14053 data-title="Phoenix Suns vs San Antonio Spurs lúc 09:30 ngà y 11/10/2026"></a> 14054 <div class="chroma-signal-lock" aria-hidden="true"></div> 14055 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 14056 14057 <div class="flex items-center justify-between sm:mb-0 mb-2"> 14058 14059 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 14060 <img src="https://img.thesports.com/basketball/competition/061f5ab5b1a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 14061 loading="lazy" /> 14062 <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span> 14063 </div> 14064 14065 <div 14066 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 14067 <span> 09:30 </span> 14068 <span class="text-gray-400 leading-none text-base">â¢</span> 14069 <span>11/10</span> 14070 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 14071 <span 14072 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 14073 </div> 14074 </div> 14075 14076 <div class="relative"> 14077 14078 <div 14079 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 14080 <span class="bals-status-name mr-1">NS</span> </div> 14081 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 14082 14083 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 14084 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 14085 Phoenix Suns 14086 </div> 14087 <img data-src="https://static.sportsfeed.pro/basketball/team/da3c882a7e0bc592b4c1ba9d8c5fb68d.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Phoenix Suns Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 14088 14089 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 14090 <div 14091 class="bals-score-track bals-score-track--vs"> 14092 <span 14093 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 14094 <span 14095 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 14096 0 14097 </span> 14098 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 14099 <span 14100 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 14101 0 14102 </span> 14103 </div> 14104 </div> 14105 14106 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 14107 <img data-src="https://static.sportsfeed.pro/basketball/team/5305d1a7b721b5bef418041eff53ba82.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="San Antonio Spurs Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 14108 San Antonio Spurs 14109 </div> 14110 </div> 14111 </div> 14112 </div> 14113 14114 14115 <div class="space-y-3"> 14116 <div class="h-px w-full border-t-gradient-silver-fade"></div> 14117 <div class="relative"> 14118 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 14119 14120 14121 14122 <div class="flex-1 min-w-0"></div> 14123 14124 14125 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 14126 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 14127 </a></div> 14128 </div> 14129 </div> 14130 </div> 14131 </div> 14132 </div> 14133 14134</div> 14135<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 14136 bals-upcoming-match" 14137 data-accent="hot" 14138 data-template="chroma" data-sport="basketball" 14139 data-match-id="318q6nt6exo0mo9" data-match-time="1791694800" 14140 data-competition-id="9d23xmv1t4mg8ny" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 14141 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 14142 <div class="block relative group"> 14143 <a href="https://toptrader.io/basketball/anyang-jungkwanjang-red-boosters-vs-changwon-lg-sakers-on-11-10-2026/" class="absolute inset-0 z-0" 14144 data-tooltip="Anyang JungKwanJang Red Boosters vs Changwon LG Sakers lúc 12:00 ngà y 11/10/2026" 14145 data-title="Anyang JungKwanJang Red Boosters vs Changwon LG Sakers lúc 12:00 ngà y 11/10/2026"></a> 14146 <div class="chroma-signal-lock" aria-hidden="true"></div> 14147 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 14148 14149 <div class="flex items-center justify-between sm:mb-0 mb-2"> 14150 14151 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 14152 <img src="https://img.thesports.com/basketball/competition/f841aa3bd3c2aeffca04f78bfaeecaf7.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 14153 loading="lazy" />
14154 <span class="truncate tracking-wide bals-competition-name">Korean Basketball League</span> 14155 </div> 14156 14157 <div 14158 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 14159 <span> 12:00 </span> 14160 <span class="text-gray-400 leading-none text-base">â¢</span> 14161 <span>11/10</span> 14162 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 14163 <span 14164 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 14165 </div> 14166 </div> 14167 14168 <div class="relative"> 14169 14170 <div 14171 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 14172 <span class="bals-status-name mr-1">NS</span> </div> 14173 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 14174 14175 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 14176 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 14177 Anyang JungKwanJang Red Boosters 14178 </div> 14179 <img data-src="https://static.sportsfeed.pro/basketball/team/30683c359531664a5b97f129c047fcdc.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Anyang JungKwanJang Red Boosters Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 14180 14181 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 14182 <div 14183 class="bals-score-track bals-score-track--vs"> 14184 <span 14185 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 14186 <span 14187 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 14188 0 14189 </span> 14190 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 14191 <span 14192 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 14193 0 14194 </span> 14195 </div> 14196 </div> 14197 14198 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 14199 <img data-src="https://static.sportsfeed.pro/basketball/team/b3a61f88692a8a3836f3b93ba65b98da.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Changwon LG Sakers Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 14200 Changwon LG Sakers 14201 </div> 14202 </div> 14203 </div> 14204 </div> 14205 14206 14207 <div class="space-y-3"> 14208 <div class="h-px w-full border-t-gradient-silver-fade"></div> 14209 <div class="relative"> 14210 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 14211 14212 14213 14214 <div class="flex-1 min-w-0"></div> 14215 14216 14217 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 14218 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 14219 </a></div> 14220 </div> 14221 </div> 14222 </div> 14223 </div> 14224 </div> 14225 14226</div> 14227<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 14228 bals-upcoming-match" 14229 data-accent="hot" 14230 data-template="chroma" data-sport="basketball" 14231 data-match-id="6ypq3kt79vzpmd7" data-match-time="1791694800" 14232 data-competition-id="9d23xmv1t4mg8ny" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 14233 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 14234 <div class="block relative group"> 14235 <a href="https://toptrader.io/basketball/seoul-samsung-thunders-vs-goyang-sono-skygunners-on-11-10-2026/" class="absolute inset-0 z-0" 14236 data-tooltip="Seoul Samsung Thunders vs Goyang Sono Skygunners lúc 12:00 ngà y 11/10/2026" 14237 data-title="Seoul Samsung Thunders vs Goyang Sono Skygunners lúc 12:00 ngà y 11/10/2026"></a> 14238 <div class="chroma-signal-lock" aria-hidden="true"></div> 14239 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 14240 14241 <div class="flex items-center justify-between sm:mb-0 mb-2"> 14242 14243 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 14244 <img src="https://img.thesports.com/basketball/competition/f841aa3bd3c2aeffca04f78bfaeecaf7.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 14245 loading="lazy" />
14246 <span class="truncate tracking-wide bals-competition-name">Korean Basketball League</span> 14247 </div> 14248 14249 <div 14250 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 14251 <span> 12:00 </span> 14252 <span class="text-gray-400 leading-none text-base">â¢</span> 14253 <span>11/10</span> 14254 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 14255 <span 14256 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 14257 </div> 14258 </div> 14259 14260 <div class="relative"> 14261 14262 <div 14263 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 14264 <span class="bals-status-name mr-1">NS</span> </div> 14265 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 14266 14267 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 14268 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 14269 Seoul Samsung Thunders 14270 </div> 14271 <img data-src="https://static.sportsfeed.pro/basketball/team/9adc8e5768f7787b81ad366fed7b5edd.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Seoul Samsung Thunders Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 14272 14273 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 14274 <div 14275 class="bals-score-track bals-score-track--vs"> 14276 <span 14277 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 14278 <span 14279 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 14280 0 14281 </span> 14282 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 14283 <span 14284 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 14285 0 14286 </span> 14287 </div> 14288 </div> 14289 14290 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 14291 <img data-src="https://static.sportsfeed.pro/basketball/team/4a5ba2f4b39c4cb6db259ed9fb916da1.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Goyang Sono Skygunners Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 14292 Goyang Sono Skygunners 14293 </div> 14294 </div> 14295 </div> 14296 </div> 14297 14298 14299 <div class="space-y-3"> 14300 <div class="h-px w-full border-t-gradient-silver-fade"></div> 14301 <div class="relative"> 14302 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 14303 14304 14305 14306 <div class="flex-1 min-w-0"></div> 14307 14308 14309 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 14310 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 14311 </a></div> 14312 </div> 14313 </div> 14314 </div> 14315 </div> 14316 </div> 14317 14318</div> 14319<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 14320 bals-upcoming-match" 14321 data-accent="hot" 14322 data-template="chroma" data-sport="basketball" 14323 data-match-id="8yomovtgpwpkq0j" data-match-time="1791702000" 14324 data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 14325 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 14326 <div class="block relative group"> 14327 <a href="https://toptrader.io/basketball/shandong-hi-speed-kirin-v
14327s-guangzhou-loong-lions-on-11-10-2026/" class="absolute inset-0 z-0" 14328 data-tooltip="Shandong Hi-Speed Kirin vs Guangzhou Loong Lions lúc 14:00 ngà y 11/10/2026" 14329 data-title="Shandong Hi-Speed Kirin vs Guangzhou Loong Lions lúc 14:00 ngà y 11/10/2026"></a> 14330 <div class="chroma-signal-lock" aria-hidden="true"></div> 14331 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 14332 14333 <div class="flex items-center justify-between sm:mb-0 mb-2"> 14334 14335 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 14336 <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 14337 loading="lazy" /> 14338 <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span> 14339 </div> 14340 14341 <div 14342 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 14343 <span> 14:00 </span> 14344 <span class="text-gray-400 leading-none text-base">â¢</span> 14345 <span>11/10</span> 14346 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 14347 <span 14348 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 14349 </div> 14350 </div> 14351 14352 <div class="relative"> 14353 14354 <div 14355 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 14356 <span class="bals-status-name mr-1">NS</span> </div> 14357 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 14358 14359 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 14360 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 14361 Shandong Hi-Speed Kirin 14362 </div> 14363 <img data-src="https://static.sportsfeed.pro/basketball/team/fd94971d5354c254a48249ad402cfb92.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Shandong Hi-Speed Kirin Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 14364 14365 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 14366 <div 14367 class="bals-score-track bals-score-track--vs"> 14368 <span 14369 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 14370 <span 14371 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 14372 0 14373 </span> 14374 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 14375 <span 14376 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 14377 0 14378 </span> 14379 </div> 14380 </div> 14381 14382 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 14383 <img data-src="https://static.sportsfeed.pro/basketball/team/858cde8d2c075296f24e7ee61929fbeb.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Guangzhou Loong Lions Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 14384 Guangzhou Loong Lions 14385 </div> 14386 </div> 14387 </div> 14388 </div> 14389 14390 14391 <div class="space-y-3"> 14392 <div class="h-px w-full border-t-gradient-silver-fade"></div> 14393 <div class="relative"> 14394 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 14395 14396 14397 14398 <div class="flex-1 min-w-0"></div> 14399 14400 14401 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 14402 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 14403 </a></div> 14404 </div> 14405 </div> 14406 </div> 14407 </div> 14408 </div> 14409 14410</div> 14411<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 14412 bals-upcoming-match" 14413 data-accent="hot" 14414 data-template="chroma" data-sport="basketball" 14415 data-match-id="8yomovtgpwlkq0j" data-match-time="1791702000" 14416 data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 14417 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 14418 <div class="block relative group"> 14419 <a href="https://toptrader.io/basketball/shanghai-jiushi-sharks-vs-fujian-xunxing-sturgeons-on-11-10-2026/" class="absolute inset-0 z-0" 14420 data-tooltip="Shanghai Jiushi Sharks vs Fujian Xunxing Sturgeons lúc 14:00 ngà y 11/10/2026" 14421 data-title="Shanghai Jiushi Sharks vs Fujian Xunxing Sturgeons lúc 14:00 ngà y 11/10/2026"></a> 14422 <div class="chroma-signal-lock" aria-hidden="true"></div> 14423 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 14424 14425 <div class="flex items-center justify-between sm:mb-0 mb-2"> 14426 14427 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 14428 <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 14429 loading="lazy" />
14430 <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span> 14431 </div> 14432 14433 <div 14434 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 14435 <span> 14:00 </span> 14436 <span class="text-gray-400 leading-none text-base">â¢</span> 14437 <span>11/10</span> 14438 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 14439 <span 14440 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 14441 </div> 14442 </div> 14443 14444 <div class="relative"> 14445 14446 <div 14447 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 14448 <span class="bals-status-name mr-1">NS</span> </div> 14449 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 14450 14451 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 14452 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 14453 Shanghai Jiushi Sharks 14454 </div> 14455 <img data-src="https://static.sportsfeed.pro/basketball/team/1125281dafbf06dad029825221e83d5a.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Shanghai Jiushi Sharks Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 14456 14457 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 14458 <div 14459 class="bals-score-track bals-score-track--vs"> 14460 <span 14461 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 14462 <span 14463 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 14464 0 14465 </span> 14466 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 14467 <span 14468 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 14469 0 14470 </span> 14471 </div> 14472 </div> 14473 14474 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 14475 <img data-src="https://static.sportsfeed.pro/basketball/team/2428a8c17b5a31163b54cb9502998bbf.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Fujian Xunxing Sturgeons Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 14476 Fujian Xunxing Sturgeons 14477 </div> 14478 </div> 14479 </div> 14480 </div> 14481 14482 14483 <div class="space-y-3"> 14484 <div class="h-px w-full border-t-gradient-silver-fade"></div> 14485 <div class="relative"> 14486 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 14487 14488 14489 14490 <div class="flex-1 min-w-0"></div> 14491 14492 14493 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 14494 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 14495 </a></div> 14496 </div> 14497 </div> 14498 </div> 14499 </div> 14500 </div> 14501 14502</div> 14503<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 14504 bals-upcoming-match" 14505 data-accent="hot" 14506 data-template="chroma" data-sport="basketball" 14507 data-match-id="y0or5gtzpvyjqwz" data-match-time="1791702000" 14508 data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 14509 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 14510 <div class="block relative group"> 14511 <a href="https://toptrader.io/basketball/jilin-northeast-tigers-vs-qingdao-eagles-on-11-10-2026/" class="absolute inset-0 z-0" 14512 data-tooltip="Jilin Northeast Tigers vs Qingdao Eagles lúc 14:00 ngà y 11/10/2026" 14513 data-title="Jilin Northeast Tigers vs Qingdao Eagles lúc 14:00 ngà y 11/10/2026"></a> 14514 <div class="chroma-signal-lock" aria-hidden="true"></div> 14515 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 14516 14517 <div class="flex items-center justify-between sm:mb-0 mb-2"> 14518 14519 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 14520 <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 14521 loading="lazy" />
14522 <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span> 14523 </div> 14524 14525 <div 14526 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 14527 <span> 14:00 </span> 14528 <span class="text-gray-400 leading-none text-base">â¢</span> 14529 <span>11/10</span> 14530 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 14531 <span 14532 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 14533 </div> 14534 </div> 14535 14536 <div class="relative"> 14537 14538 <div 14539 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 14540 <span class="bals-status-name mr-1">NS</span> </div> 14541 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 14542 14543 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 14544 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 14545 Jilin Northeast Tigers 14546 </div> 14547 <img data-src="https://static.sportsfeed.pro/basketball/team/0ef4bf20fbdcd89b1d7cb4a9b29f0f5a.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Jilin Northeast Tigers Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 14548 14549 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 14550 <div 14551 class="bals-score-track bals-score-track--vs"> 14552 <span 14553 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 14554 <span 14555 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 14556 0 14557 </span> 14558 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 14559 <span 14560 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 14561 0 14562 </span> 14563 </div> 14564 </div> 14565 14566 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 14567 <img data-src="https://static.sportsfeed.pro/basketball/team/8265cde14b18d7e3716bb1e0b0aed623.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Qingdao Eagles Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 14568 Qingdao Eagles 14569 </div> 14570 </div> 14571 </div> 14572 </div> 14573 14574 14575 <div class="space-y-3"> 14576 <div class="h-px w-full border-t-gradient-silver-fade"></div> 14577 <div class="relative"> 14578 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 14579 14580 14581 14582 <div class="flex-1 min-w-0"></div> 14583 14584 14585 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 14586 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 14587 </a></div> 14588 </div> 14589 </div> 14590 </div> 14591 </div> 14592 </div> 14593 14594</div> 14595<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 14596 bals-upcoming-match" 14597 data-accent="hot" 14598 data-template="chroma" data-sport="basketball" 14599 data-match-id="ednm9kt2njy5ryo" data-match-time="1791702000" 14600 data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 14601 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 14602 <div class="block relative group"> 14603 <a href="https://toptrader.io/basketball/nanjing-monkey-kings-vs-shenzhen-leopards-on-11-10-2026/" class="absolute inset-0 z-0" 14604 data-tooltip="Nanjing Monkey Kings vs Shenzhen Leopards lúc 14:00 ngà y 11/10/2026" 14605 data-title="Nanjing Monkey Kings vs Shenzhen Leopards lúc 14:00 ngà y 11/10/2026"></a> 14606 <div class="chroma-signal-lock" aria-hidden="true"></div> 14607 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 14608 14609 <div class="flex items-center justify-between sm:mb-0 mb-2"> 14610 14611 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 14612 <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 14613 loading="lazy" />
14614 <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span> 14615 </div> 14616 14617 <div 14618 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 14619 <span> 14:00 </span> 14620 <span class="text-gray-400 leading-none text-base">â¢</span> 14621 <span>11/10</span> 14622 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 14623 <span 14624 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 14625 </div> 14626 </div> 14627 14628 <div class="relative"> 14629 14630 <div 14631 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 14632 <span class="bals-status-name mr-1">NS</span> </div> 14633 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 14634 14635 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 14636 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 14637 Nanjing Monkey Kings 14638 </div> 14639 <img data-src="https://static.sportsfeed.pro/basketball/team/a5117efc96b29138d9db8f5abc1aa699.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Nanjing Monkey Kings Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 14640 14641 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 14642 <div 14643 class="bals-score-track bals-score-track--vs"> 14644 <span 14645 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 14646 <span 14647 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 14648 0 14649 </span> 14650 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 14651 <span 14652 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 14653 0 14654 </span> 14655 </div> 14656 </div> 14657 14658 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 14659 <img data-src="https://static.sportsfeed.pro/basketball/team/fb44eee02df789207dee98898982cc16.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Shenzhen Leopards Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 14660 Shenzhen Leopards 14661 </div> 14662 </div> 14663 </div> 14664 </div> 14665 14666 14667 <div class="space-y-3"> 14668 <div class="h-px w-full border-t-gradient-silver-fade"></div> 14669 <div class="relative"> 14670 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 14671 14672 14673 14674 <div class="flex-1 min-w-0"></div> 14675 14676 14677 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 14678 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 14679 </a></div> 14680 </div> 14681 </div> 14682 </div> 14683 </div> 14684 </div> 14685 14686</div> 14687<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 14688 bals-upcoming-match" 14689 data-accent="hot" 14690 data-template="chroma" data-sport="basketball" 14691 data-match-id="4wyrn1to3jp3q86" data-match-time="1791702000" 14692 data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 14693 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 14694 <div class="block relative group"> 14695 <a href="https://toptrader.io/basketball/ningbo-rockets-vs-zhejiang-golden-bulls-on-11-10-2026/" class="absolute inset-0 z-0" 14696 data-tooltip="Ningbo Rockets vs Zhejiang Golden Bulls lúc 14:00 ngà y 11/10/2026" 14697 data-title="Ningbo Rockets vs Zhejiang Golden Bulls lúc 14:00 ngà y 11/10/2026"></a> 14698 <div class="chroma-signal-lock" aria-hidden="true"></div> 14699 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 14700 14701 <div class="flex items-center justify-between sm:mb-0 mb-2"> 14702 14703 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 14704 <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 14705 loading="lazy" />
14706 <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span> 14707 </div> 14708 14709 <div 14710 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 14711 <span> 14:00 </span> 14712 <span class="text-gray-400 leading-none text-base">â¢</span> 14713 <span>11/10</span> 14714 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 14715 <span 14716 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 14717 </div> 14718 </div> 14719 14720 <div class="relative"> 14721 14722 <div 14723 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 14724 <span class="bals-status-name mr-1">NS</span> </div> 14725 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 14726 14727 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 14728 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 14729 Ningbo Rockets 14730 </div> 14731 <img data-src="https://static.sportsfeed.pro/basketball/team/9b17d2feb1397b99fa0530fba4c7385b.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Ningbo Rockets Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 14732 14733 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 14734 <div 14735 class="bals-score-track bals-score-track--vs"> 14736 <span 14737 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 14738 <span 14739 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 14740 0 14741 </span> 14742 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 14743 <span 14744 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 14745 0 14746 </span> 14747 </div> 14748 </div> 14749 14750 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 14751 <img data-src="https://static.sportsfeed.pro/basketball/team/d1d77f07287fe840a7e77459e5bd1bfc.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Zhejiang Golden Bulls Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 14752 Zhejiang Golden Bulls 14753 </div> 14754 </div> 14755 </div> 14756 </div> 14757 14758 14759 <div class="space-y-3"> 14760 <div class="h-px w-full border-t-gradient-silver-fade"></div> 14761 <div class="relative"> 14762 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 14763 14764 14765 14766 <div class="flex-1 min-w-0"></div> 14767 14768 14769 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 14770 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 14771 </a></div> 14772 </div> 14773 </div> 14774 </div> 14775 </div> 14776 </div> 14777 14778</div> 14779<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 14780 bals-upcoming-match" 14781 data-accent="hot" 14782 data-template="chroma" data-sport="basketball" 14783 data-match-id="965mk8t2vydxm1g" data-match-time="1791703800" 14784 data-competition-id="9d23xmv1t4mg8ny" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 14785 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 14786 <div class="block relative group"> 14787 <a href="https://toptrader.io/basketball/busan-kcc-egis-vs-suwon-kt-sonicboom-on-11-10-2026/" class="absolute inset-0 z-0" 14788 data-tooltip="Busan KCC Egis vs Suwon KT Sonicboom lúc 14:30 ngà y 11/10/2026" 14789 data-title="Busan KCC Egis vs Suwon KT Sonicboom lúc 14:30 ngà y 11/10/2026"></a> 14790 <div class="chroma-signal-lock" aria-hidden="true"></div> 14791 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 14792 14793 <div class="flex items-center justify-between sm:mb-0 mb-2"> 14794 14795 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 14796 <img src="https://img.thesports.com/basketball/competition/f841aa3bd3c2aeffca04f78bfaeecaf7.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 14797 loading="lazy" />
14798 <span class="truncate tracking-wide bals-competition-name">Korean Basketball League</span> 14799 </div> 14800 14801 <div 14802 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 14803 <span> 14:30 </span> 14804 <span class="text-gray-400 leading-none text-base">â¢</span> 14805 <span>11/10</span> 14806 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 14807 <span 14808 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 14809 </div> 14810 </div> 14811 14812 <div class="relative"> 14813 14814 <div 14815 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 14816 <span class="bals-status-name mr-1">NS</span> </div> 14817 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 14818 14819 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 14820 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 14821 Busan KCC Egis 14822 </div> 14823 <img data-src="https://static.sportsfeed.pro/basketball/team/0add24fc964de3ea25e83417aa301f81.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Busan KCC Egis Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 14824 14825 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 14826 <div 14827 class="bals-score-track bals-score-track--vs"> 14828 <span 14829 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 14830 <span 14831 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 14832 0 14833 </span> 14834 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 14835 <span 14836 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 14837 0 14838 </span> 14839 </div> 14840 </div> 14841 14842 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 14843 <img data-src="https://static.sportsfeed.pro/basketball/team/624b1a84ff50919f44835640108bdd42.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Suwon KT Sonicboom Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 14844 Suwon KT Sonicboom 14845 </div> 14846 </div> 14847 </div> 14848 </div> 14849 14850 14851 <div class="space-y-3"> 14852 <div class="h-px w-full border-t-gradient-silver-fade"></div> 14853 <div class="relative"> 14854 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 14855 14856 14857 14858 <div class="flex-1 min-w-0"></div> 14859 14860 14861 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 14862 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 14863 </a></div> 14864 </div> 14865 </div> 14866 </div> 14867 </div> 14868 </div> 14869 14870</div> 14871<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 14872 bals-upcoming-match" 14873 data-accent="hot" 14874 data-template="chroma" data-sport="basketball" 14875 data-match-id="4jwq25tzyl92q0v" data-match-time="1791712800" 14876 data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 14877 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 14878 <div class="block relative group"> 14879 <a href="https://toptrader.io/basketball/houston-rockets-vs-dallas-mavericks-on-11-10-2026/" class="absolute inset-0 z-0" 14880 data-tooltip="Houston Rockets vs Dallas Mavericks lúc 17:00 ngà y 11/10/2026" 14881 data-title="Houston Rockets vs Dallas Mavericks lúc 17:00 ngà y 11/10/2026"></a> 14882 <div class="chroma-signal-lock" aria-hidden="true"></div> 14883 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 14884 14885 <div class="flex items-center justify-between sm:mb-0 mb-2"> 14886 14887 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 14888 <img src="https://img.thesports.com/basketball/competition/061f5ab5b1
14888a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 14889 loading="lazy" /> 14890 <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span> 14891 </div> 14892 14893 <div 14894 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 14895 <span> 17:00 </span> 14896 <span class="text-gray-400 leading-none text-base">â¢</span> 14897 <span>11/10</span> 14898 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 14899 <span 14900 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 14901 </div> 14902 </div> 14903 14904 <div class="relative"> 14905 14906 <div 14907 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 14908 <span class="bals-status-name mr-1">NS</span> </div> 14909 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 14910 14911 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 14912 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 14913 Houston Rockets 14914 </div> 14915 <img data-src="https://static.sportsfeed.pro/basketball/team/bcfe797437f18526ff4e62177021f638.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Houston Rockets Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 14916 14917 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 14918 <div 14919 class="bals-score-track bals-score-track--vs"> 14920 <span 14921 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 14922 <span 14923 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 14924 0 14925 </span> 14926 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 14927 <span 14928 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 14929 0 14930 </span> 14931 </div> 14932 </div> 14933 14934 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 14935 <img data-src="https://static.sportsfeed.pro/basketball/team/42d7b5ec22b2eb411d68f94a04eab742.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Dallas Mavericks Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 14936 Dallas Mavericks 14937 </div> 14938 </div> 14939 </div> 14940 </div> 14941 14942 14943 <div class="space-y-3"> 14944 <div class="h-px w-full border-t-gradient-silver-fade"></div> 14945 <div class="relative"> 14946 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 14947 14948 14949 14950 <div class="flex-1 min-w-0"></div> 14951 14952 14953 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 14954 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 14955 </a></div> 14956 </div> 14957 </div> 14958 </div> 14959 </div> 14960 </div> 14961 14962</div> 14963<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 14964 bals-upcoming-match" 14965 data-accent="hot" 14966 data-template="chroma" data-sport="basketball" 14967 data-match-id="6ypq3kt792yzmd7" data-match-time="1791718200" 14968 data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 14969 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 14970 <div class="block relative group"> 14971 <a href="https://toptrader.io/basketball/liaoning-flying-leopards-vs-sichuan-jinqiang-blue-whales-on-11-10-2026/" class="absolute inset-0 z-0" 14972 data-tooltip="Liaoning Flying Leopards vs Sichuan Jinqiang Blue Whales lúc 18:30 ngà y 11/10/2026" 14973 data-title="Liaoning Flying Leopards vs Sichuan Jinqiang Blue Whales lúc 18:30 ngà y 11/10/2026"></a> 14974 <div class="chroma-signal-lock" aria-hidden="true"></div> 14975 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 14976 14977 <div class="flex items-center justify-between sm:mb-0 mb-2"> 14978 14979 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 14980 <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 14981 loading="lazy" />
14982 <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span> 14983 </div> 14984 14985 <div 14986 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 14987 <span> 18:30 </span> 14988 <span class="text-gray-400 leading-none text-base">â¢</span> 14989 <span>11/10</span> 14990 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 14991 <span 14992 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 14993 </div> 14994 </div> 14995 14996 <div class="relative"> 14997 14998 <div 14999 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 15000 <span class="bals-status-name mr-1">NS</span> </div> 15001 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 15002 15003 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 15004 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 15005 Liaoning Flying Leopards 15006 </div> 15007 <img data-src="https://static.sportsfeed.pro/basketball/team/03173dab50b9418d1a834a91104d90a4.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Liaoning Flying Leopards Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 15008 15009 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 15010 <div 15011 class="bals-score-track bals-score-track--vs"> 15012 <span 15013 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 15014 <span 15015 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 15016 0 15017 </span> 15018 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 15019 <span 15020 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 15021 0 15022 </span> 15023 </div> 15024 </div> 15025 15026 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 15027 <img data-src="https://static.sportsfeed.pro/basketball/team/nd80e6d5b1e2d6d989b5c3b7790fe0025.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Sichuan Jinqiang Blue Whales Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 15028 Sichuan Jinqiang Blue Whales 15029 </div> 15030 </div> 15031 </div> 15032 </div> 15033 15034 15035 <div class="space-y-3"> 15036 <div class="h-px w-full border-t-gradient-silver-fade"></div> 15037 <div class="relative"> 15038 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 15039 15040 15041 15042 <div class="flex-1 min-w-0"></div> 15043 15044 15045 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 15046 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 15047 </a></div> 15048 </div> 15049 </div> 15050 </div> 15051 </div> 15052 </div> 15053 15054</div> 15055<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white 15056 bals-upcoming-match" 15057 data-accent="hot" 15058 data-template="chroma" data-sport="basketball" 15059 data-match-id="n54ql7tp0lg1rvy" data-match-time="1791718200" 15060 data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''" 15061 style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;"> 15062 <div class="block relative group"> 15063 <a href="https://toptrader.io/basketball/xinjiang-flying-tigers-vs-zhejiang-guangsha-lions-on-11-10-2026/" class="absolute inset-0 z-0" 15064 data-tooltip="Xinjiang Flying Tigers vs Zhejiang Guangsha Lions lúc 18:30 ngà y 11/10/2026" 15065 data-title="Xinjiang Flying Tigers vs Zhejiang Guangsha Lions lúc 18:30 ngà y 11/10/2026"></a> 15066 <div class="chroma-signal-lock" aria-hidden="true"></div> 15067 <div class="flex flex-col gap-5 relative z-10 pointer-events-none"> 15068 15069 <div class="flex items-center justify-between sm:mb-0 mb-2"> 15070 15071 <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]"> 15072 <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain" 15073 loading="lazy" />
15074 <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span> 15075 </div> 15076 15077 <div 15078 class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center"> 15079 <span> 18:30 </span> 15080 <span class="text-gray-400 leading-none text-base">â¢</span> 15081 <span>11/10</span> 15082 <span class="bals-live-pill text-gray-400 leading-none text-base" style="display:none" >â¢</span> 15083 <span 15084 class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" style="display:none" >Live</span> 15085 </div> 15086 </div> 15087 15088 <div class="relative"> 15089 15090 <div 15091 class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" style="display:none" > 15092 <span class="bals-status-name mr-1">NS</span> </div> 15093 <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden"> 15094 15095 <div class="flex items-center justify-end gap-2 w-[40%] min-w-0"> 15096 <div class="w-36 truncate font-semibold text-right bals-home-team-name"> 15097 Xinjiang Flying Tigers 15098 </div> 15099 <img data-src="https://static.sportsfeed.pro/basketball/team/b54ffedd1c9a80374581bb3d7096dba6.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Xinjiang Flying Tigers Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> </div> 15100 15101 <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"> 15102 <div 15103 class="bals-score-track bals-score-track--vs"> 15104 <span 15105 class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span> 15106 <span 15107 class="bals-score-box text-sm sm:text-base bals-home-score" style="display:none" > 15108 0 15109 </span> 15110 <span class="bals-score-divider bals-score-sep" aria-hidden="true" style="display:none" ></span> 15111 <span 15112 class="bals-score-box text-sm sm:text-base bals-away-score" style="display:none" > 15113 0 15114 </span> 15115 </div> 15116 </div> 15117 15118 <div class="flex items-center justify-start gap-2 w-[40%] min-w-0"> 15119 <img data-src="https://static.sportsfeed.pro/basketball/team/96108e3d2a3cf92f8f5305e5135f2419.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Zhejiang Guangsha Lions Logo" onerror="this.src="https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png"" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" /> <div class="w-36 truncate font-semibold text-left bals-away-team-name"> 15120 Zhejiang Guangsha Lions 15121 </div> 15122 </div> 15123 </div> 15124 </div> 15125 15126 15127 <div class="space-y-3"> 15128 <div class="h-px w-full border-t-gradient-silver-fade"></div> 15129 <div class="relative"> 15130 <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]"> 15131 15132 15133 15134 <div class="flex-1 min-w-0"></div> 15135 15136 15137 <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto"> 15138 <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" /> 15139 </a></div> 15140 </div> 15141 </div> 15142 </div> 15143 </div> 15144 </div> 15145 15146</div> 15147 15148 </div> 15149 15150 <div class="flex justify-center items-center py-5 gap-1"> 15151 <button 15152 class="load-more-matches px-6 py-2 rounded-full inset-ring inset-ring-gray-500/70 text-gray-400 cursor-pointer hover:bg-gray-700 hover:text-white transition-colors text-base font-normal" 15153 data-tab="bb-all"> 15154 Tải thêm các tráºn Äấu 15155 </button> 15156 </div> 15157 </div> 15158 <!-- Tomorrow content is lazy-loaded on tab click (see loadBBTomorrowMatches in home.js). 15159 SSR is skipped here because the basketball repository's date range is today-bound; 15160 tomorrow needs a separate fetch with date=tomorrow to pull the full day. --> 15161 <div class="hidden match-container" id="bb-tomorrow-content" role="tabpanel" aria-labelledby="bb-tomorrow-tab"> 15162 <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 bb-tomorrow-matches-grid"> 15163 <!-- Matches will be loaded here via AJAX --> 15164 </div> 15165 <div class="flex justify-center items-center py-5 gap-1 load-more-bb-tomorrow-container" style="display: none;"> 15166 <button class="load-more-bb-tomorrow px-6 py-2 rounded-full inset-ring inset-ring-gray-500/70 text-gray-400 cursor-pointer hover:bg-gray-700 hover:text-white transition-colors font-normal"> 15167 Tải thêm các tráºn Äấu 15168 </button> 15169 </div> 15170 </div> 15171 </div> 15172 </div> 15173 15174 <!-- Livescore View --> 15175 <template x-if="showLiveScore"> 15176 <div id="livescore-view" class="w-full" style="height: 90vh;"> 15177 <iframe src="https://livescores.antlive.pro/" id="livescore_iframe" width="100%" height="100%" frameborder="0" style="border:0;"></iframe> 15178 </div> 15179 </template> 15180 15181 <!-- News Section --> 15182 <section class="pt-4 mx-auto relative z-0"> 15183 <div class="flex items-center justify-between mb-4"> 15184 <h2 class="text-base min-[375px]:text-lg sm:text-xl font-bold leading-none uppercase px-3 py-2 text-white">Tin tức & Cáºp nháºt</h2> 15185 </div> 15186 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3 sm:gap-4"> 15187 </div> 15188 <a href="/all-news" 15189 class="sm:hidden block text-primary text-base font-medium text-right px-2 py-1.5 min-w-[75px] mt-3"> 15190 Xem tất cả tin tức 15191 <svg class="size-4 inline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"/></svg> </a> 15192</section> 15193 <!-- Category Posts Section --> 15194 <!-- Home Content Section --> 15195 <section class="py-8 mx-auto"> 15196 <div class="px-3 py-5 rounded-lg bg-[#1A1B1F]"> 15197 <div class="flex items-center justify-between mb-4">
15198 <span 15199 class="text-base min-[375px]:text-lg sm:text-xl font-bold leading-none uppercase px-3 py-2 text-white">Lá»i 15200 giá»i thiá»u</span> 15201 </div> 15202 <div class="flex flex-col lg:flex-row gap-6"> 15203 15204 <div class="toc-wrapper lg:w-1/4 text-[16px]"> 15205 <div class="toc-fixed sticky top-4 max-h-[780px] overflow-y-auto no-scrollbar custom-scrollbar"> 15206 15207 </div> 15208 </div> 15209 15210 15211 <div class="content lg:w-3/4 order-1 lg:order-2 p-4 bg-[#292B2E] text-[16px] text-justify"> 15212 <div class="max-h-[780px] overflow-y-auto no-scrollbar match-content-article"> 15213 <div id="toc_container" role="navigation" aria-label="Table of Contents" data-nosnippet class="no_bullets toc_title_center"><ul class="toc_list"><li><a href="#Thong_tin_gioi_thieu_8220de_che8221_phat_song_truc_tiep_Xoilactv_2025">Thông tin giá»i thiá»u “Äế chế” phát sóng trá»±c tiếp Xoilactv 2025</a></li><li><a href="#Kham_pha_suc_hut_khien_Xoilactv_8220de_bep8221_cac_doi_thu_manh">Khám phá sức hút khiến Xoilactv “Äè bẹp” các Äá»i thá»§ mạnh</a></li><li><a href="#Trai_nghiem_xem_bong_da_82200_dong8221_chat_luong_8220chuan_5_sao8221">Trải nghiá»m xem bóng Äá “0 Äá»ng” chất lượng “chuẩn 5 sao”</a></li><li><a href="#Am_thanh_song_dong_8220chan_thuc_tung_milimet8221">Ãm thanh sá»ng Äá»ng “chân thá»±c từng milimet”</a></li><li><a href="#Cam_ket_noi_khong_voi_quang_cao">Cam kết nói không vá»i quảng cáo</a></li><li><a href="#Ha_tang_8220thep8221_dap_tan_con_ac_mong_giat_lag">Hạ tầng “thép” Äáºp tan cÆ¡n ác má»ng giáºt lag</a></li><li><a href="#Link_xem_du_phong_82203_lop_an_toan8221">Link xem dá»± phòng “3 lá»p an toà n”</a></li><li><a href="#Dan_BLV_8220man_moi8221">Dà n BLV “mặn mòi”</a></li><li><a href="#Vu_tru_tien_ich_the_thao_toan_dien_chi_co_tai_trang_Xoilactv">VÅ© trụ tiá»n Ãch thá» thao toà n diá»n chá» có tại trang Xoilactv</a></li><li><a href="#Lich_thi_dau_sieu_toc_cap_nhat_truoc_14_ngay">Lá»ch thi Äấu siêu tá»c cáºp nháºt trưá»c 14 ngà y</a></li><li><a href="#BXH_bien_dong_real-time_tung_giay">BXH biến Äá»ng real-time từng giây</a></li><li><a href="#Ket_qua_bong_da_8220sau_tan_goc8221">Kết quả bóng Äá “sâu táºn gá»c”</a></li><li><a href="#Ban_tin_8220nong_hoi8221_247">Bản tin “nóng há»i” 24/7</a></li><li><a href="#Nhan_dinh_chuyen_sau">Nháºn Äá»nh chuyên sâu</a></li><li><a href="#So_sanh_Xoilactv_va_cac_8220ong_lon8221_phat_song_bong_da">So sánh Xoilactv và các “ông lá»n” phát sóng bóng Äá</a></li><li><a href="#FAQs_8211_Thac_mac_cua_khan_gia_khi_trai_nghiem_Xoilactv">(FAQs) – Thắc mắc cá»§a khán giả khi trải nghiá»m Xoilactv</a></li><li><a href="#Xem_bong_da_co_mien_phi_100_khong">Xem bóng Äá có miá» n phà 100% không?</a></li><li><a href="#Nen_tang_gioi_han_IP_truy_cap_khong">Ná»n tảng giá»i hạn IP truy cáºp không?</a></li><li><a href="#Lam_sao_de_xem_lai_tran_da_dien_ra">Là m sao Äá» xem lại tráºn Äã diá» n ra?</a></li><li><a href="#Loi_ket">Lá»i kết</a></li></ul></div> 15214 15215<div class="qMYqUG_convSearchResultHighlightRoot"> 15216<div class="" data-turn-id-container="request-WEB:53ccf199-ee0b-41ed-ac58-5fa192294912-2" data-is-intersecting="true"> 15217<section class="text-token-text-primary w-full focus:outline-none has-data-writing-block:pointer-events-none [&:has([data-writing-block])>*]:pointer-events-auto R6Vx5W_threadScrollVars scroll-mb-[calc(var(--scroll-root-safe-area-inset-bottom,0px)+var(--thread-response-height))] scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]" dir="auto" data-turn-id="request-WEB:53ccf199-ee0b-41ed-ac58-5fa192294912-2" data-turn-id-container="request-WEB:53ccf199-ee0b-41ed-ac58-5fa192294912-2" data-testid="conversation-turn-6" data-turn="assistant"> 15218<div class="text-base my-auto mx-auto pb-8 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)"> 15219<div class="[--thread-content-max-width:40rem] @w-lg/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn" data-conversation-screenshot-content=""> 15220<div class="flex max-w-full flex-col gap-4 grow"> 15221<div class="min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+&]:mt-1" dir="auto" tabindex="0" data-message-author-role="assistant" data-message-id="eff2b1e1-1b4c-494a-82dd-3b6cee6a636a" data-message-model-slug="gpt-5-6" data-turn-start-message="true"> 15222<div class="flex w-full flex-col gap-1 empty:hidden"> 15223<div class="fbskMG_root markdown prose dark:prose-invert wrap-break-word w-full light markdown-new-styling"> 15224<h1 dir="auto" style="text-align: center;" data-pm-slice="1 1 []">XoilacTV Live – Kênh Xem Bóng Äá Trá»±c Tuyến Xôi Lạc Sá» 1</h1> 15225</div> 15226</div> 15227</div> 15228</div> 15229</div> 15230</div> 15231</section> 15232</div> 15233</div> 15234<p><strong><a href="https://toptrader.io/">XOILACTV</a></strong><b></b><span style="font-weight: 400;">
15234 ghi nháºn cá»t má»c ká»· lục vá»i hÆ¡n 10.000.000 lượt truy cáºp/tháng. Äá»ng thá»i phục vụ 98% ngưá»i hâm má» bóng Äá Viá»t Nam vá»i chi phà 0 Äá»ng. Sá»± kết hợp hoà n hảo giữa hạ tầng 100 máy chá»§ siêu phân luá»ng và tá»c Äá» truyá»n tải Äạt 60fps Äã biến nÆ¡i Äây thà nh “thánh Äá»a giải trÔ không thá» thay thế. HÆ¡n 500 tráºn Äấu Äá»nh cao từ 5 giải vô Äá»ch quá»c gia hà ng Äầu châu Ãu ÄÆ°á»£c phát sóng trá»n vẹn má»i tuần Äang Äợi bạn khám phá.</span></p> 15235<h2><span id="Thong_tin_gioi_thieu_8220de_che8221_phat_song_truc_tiep_Xoilactv_2025"><b>Thông tin giá»i thiá»u “Äế chế” phát sóng trá»±c tiếp Xoilactv 2025</b></span></h2> 15236<p><span style="font-weight: 400;">Thá» trưá»ng xem thá» thao trá»±c tuyến nÄm 2026 chứng kiến sá»± dá»ch chuyá»n mạnh mẽ. HÆ¡n 85% khán giả chuyá»n từ mà n hình tivi truyá»n thá»ng sang các ná»n tảng sá» di Äá»ng. Sá»± bùng ná» cá»§a hạ tầng Internet 5G cùng thuáºt toán tá»i ưu hóa bÄng thông Äã giúp thương hiá»u nà y vươn lên chiếm 65% thá» phần bóng Äá trá»±c tuyến. </span></p> 15237<p><span style="font-weight: 400;">Giai Äoạn 2023 – 2026 Äánh dấu bưá»c thÄng tiến “thần tá»c” cá»§a thương hiá»u vá»i những sá» liá»u thá»ng kê biết nói vô cùng ấn tượng. Bắt Äầu từ mức 2.500.000 ngưá»i dùng thưá»ng xuyên và o Äầu nÄm 2023, ná»n tảng Äã tÄng trưá»ng 160% Äá» Äạt 6.500.000 ngưá»i dùng nÄm 2024. </span></p> 15238<p><span style="font-weight: 400;">Äến hiá»n tại, </span><b>Xoilactv </b><span style="font-weight: 400;">chÃnh thức chạm ngưỡng 10.200.000 thà nh viên. Tá»· lá» giữ chân khán giả Äạt mức ká»· lục 91,5%, thá»i gian xem trung bình cá»§a má»i ngưá»i dùng lên tá»i 82 phút/tráºn. Con sá» nà y vượt 35% so vá»i các ná»n tảng xem bóng Äá miá» n phà khác trên thá» trưá»ng.</span></p> 15239<table> 15240<tbody> 15241<tr> 15242<td> 15243<p><b>Chá» sá» phát triá»n</b></p> 15244</td> 15245<td> 15246<p><b>NÄm 2023</b></p> 15247</td> 15248<td> 15249<p><b>NÄm 2024</b></p> 15250</td> 15251<td> 15252<p><b>NÄm 2025</b></p> 15253</td> 15254</tr> 15255<tr> 15256<td> 15257<p><b>Lượt truy cáºp hà ng tháng</b></p> 15258</td> 15259<td> 15260<p><span style="font-weight: 400;">2.500.000</span></p> 15261</td> 15262<td> 15263<p><span style="font-weight: 400;">6.500.000</span></p> 15264</td> 15265<td> 15266<p><span style="font-weight: 400;">10.200.000</span></p> 15267</td> 15268</tr> 15269<tr> 15270<td> 15271<p><b>BÄng thông máy chá»§</b></p> 15272</td> 15273<td> 15274<p><span style="font-weight: 400;">500 Gbps</span></p> 15275</td> 15276<td> 15277<p><span style="font-weight: 400;">1.200 Gbps</span></p> 15278</td> 15279<td> 15280<p><span style="font-weight: 400;">3.500 Gbps</span></p> 15281</td> 15282</tr> 15283<tr> 15284<td> 15285<p><b>Sá» giải Äấu bản quyá»n/phát sóng</b></p> 15286</td> 15287<td> 15288<p><span style="font-weight: 400;">15 giải</span></p> 15289</td> 15290<td> 15291<p><span style="font-weight: 400;">28 giải</span></p> 15292</td> 15293<td> 15294<p><span style="font-weight: 400;">45 giải</span></p> 15295</td> 15296</tr> 15297<tr> 15298<td> 15299<p><b>Tá»· lá» hà i lòng cá»§a ngưá»i dùng</b></p> 15300</td> 15301<td> 15302<p><span style="font-weight: 400;">84%</span></p> 15303</td> 15304<td> 15305<p><span style="font-weight: 400;">91%</span></p> 15306</td> 15307<td> 15308<p><span style="font-weight: 400;">97,8%</span></p> 15309</td> 15310</tr> 15311</tbody> 15312</table> 15313<figure id="attachment_220443" aria-describedby="caption-attachment-220443" style="width: 800px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="wp-image-220443 size-full" src="https://cdn.toptrader.io/26xoilactv-com/2026/07/de-che-tin-tuc-bong-da-xoilactv-thong-linh-thi-truong.webp" alt="Äế chế tin tức bóng Äá Xoilactv thá»ng lÄ©nh thá» trưá»ng" width="800" height="400" srcset="https://cdn.toptrader.io/2026/07/de-che-tin-tuc-bong-da-xoilactv-thong-linh-thi-truong.webp 800w, https://cdn.toptrader.io/2026/07/de-che-tin-tuc-bong-da-xoilactv-thong-linh-thi-truong-300x150.webp 300w, https://cdn.toptrader.io/2026/07/de-che-tin-tuc-bong-da-xoilactv-thong-linh-thi-truong-768x384.webp 768w" sizes="auto, (max-width: 800px) 100v
15313w, 800px" /><figcaption id="caption-attachment-220443" class="wp-caption-text">Äế chế tin tức bóng Äá Xoilactv thá»ng lÄ©nh thá» trưá»ng</figcaption></figure> 15314<h2><span id="Kham_pha_suc_hut_khien_Xoilactv_8220de_bep8221_cac_doi_thu_manh"><b>Khám phá sức hút khiến Xoilactv “Äè bẹp” các Äá»i thá»§ mạnh</b></span></h2> 15315<p>Äá» duy trì vá» thế dẫn Äầu giữa hà ng loạt cái tên Äình Äám, thương hiá»u Äã tạo ra chuá»i giá trá» khác biá»t dá»±a trên trải nghiá»m thá»±c tế cá»§a ngưá»i hâm má». Dưá»i Äây là những <a href="https://toptrader.io/tips/"><strong>tips</strong></a> hữu Ãch giúp ngưá»i dùng táºn hưá»ng trải nghiá»m xem bóng Äá trá»n vẹn hÆ¡n:</p> 15316<h3><span id="Trai_nghiem_xem_bong_da_82200_dong8221_chat_luong_8220chuan_5_sao8221"><b>Trải nghiá»m xem bóng Äá “0 Äá»ng” chất lượng “chuẩn 5 sao”</b></span></h3> 15317<p><span style="font-weight: 400;">Cam kết phi thương mại hóa trải nghiá»m cá»t lõi cá»§a ngưá»i dùng là kim chá» nam giúp thương hiá»u ghi Äiá»m tuyá»t Äá»i trong lòng ngưá»i hâm má». Khán giả ÄÆ°á»£c táºn hưá»ng trá»n vẹn 100% các tráºn Äấu Äá»nh cao mà không phải bá» ra bất kỳ khoản phà ÄÄng ký hay duy trì tà i khoản nà o. </span></p> 15318<p><span style="font-weight: 400;">Dù tiết kiá»m 100% chi phà so vá»i viá»c ÄÄng ký các gói truyá»n hình trả tiá»n Äắt Äá» từ 150.000Ä Äến 300.000Ä/tháng, ngưá»i xem vẫn ÄÆ°á»£c táºn hưá»ng ÄÆ°á»ng truyá»n hình ảnh chuẩn Full HD 1080p. Äá» phân giải 1920×1080 pixels, mà u sắc Äạt Äá» phá»§ 99% sRGB và Äá» trá» tÃn hiá»u ÄÆ°á»£c kiá»m soát á» mức cá»±c thấp dưá»i 1,5 giây so vá»i thá»±c Äá»a.</span></p> 15319<h3><span id="Am_thanh_song_dong_8220chan_thuc_tung_milimet8221"><b>Ãm thanh sá»ng Äá»ng “chân thá»±c từng milimet”</b></span></h3> 15320<p><span style="font-weight: 400;">Há» thá»ng lá»c âm thông minh giúp tái tạo tần sỠâm thanh từ 20Hz Äến 20.000Hz. Có thá» bắt trá»n từng tiếng reo hò cá»§a 80.000 CÄV trên khán Äà i, tiếng va chạm nảy lá»a giữa các Äinh già y hay tiếng va Äáºp cá»§a trái bóng và o xà ngang vá»i Äá» chân thá»±c lên tá»i 96%. Sá»± kết hợp cá»§a dà n âm thanh chuẩn vòm vòm giúp không gian giải trà tại nhà cá»§a bạn biến thà nh má»t “chảo lá»a” thá»±c sá»±.</span></p> 15321<figure id="attachment_220437" aria-describedby="caption-attachment-220437" style="width: 800px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="wp-image-220437 size-full" src="https://cdn.toptrader.io/26xoilactv-com/2026/07/xoilactv-dau-tu-am-thanh-phat-song-chan-thuc.webp" alt="Xoilactv Äầu tư âm thanh phát sóng chân thá»±c" width="800" height="400" srcset="https://cdn.toptrader.io/2026/07/xoilactv-dau-tu-am-thanh-phat-song-chan-thuc.webp 800w, https://cdn.toptrader.io/2026/07/xoilactv-dau-tu-am-thanh-phat-song-chan-thuc-300x150.webp 300w, https://cdn.toptrader.io/2026/07/xoilactv-dau-tu-am-thanh-phat-song-chan-thuc-768x384.webp 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /><figcaption id="caption-attachment-220437" class="wp-caption-text">Xoilactv Äầu tư âm thanh phát sóng chân thá»±c</figcaption></figure> 15322<h3><span id="Cam_ket_noi_khong_voi_quang_cao"><b>Cam kết nói không vá»i quảng cáo</b></span></h3> 15323<p><span style="font-weight: 400;">Sá»± khó chá»u khi bá» ngắt Äoạn cảm xúc bá»i các banner quảng cáo phiá»n phức Äã hoà n toà n bá» xóa bá» tại trang web. </span><b>Xoilactv</b><span style="font-weight: 400;"> lÃ ÄÆ¡n vá» tiên phong áp dụng chÃnh sách “sạch quảng cáo” khi cam kết loại bá» 100% video quảng cáo chèn ngang trong 90 phút thi Äấu chÃnh thức và 30 phút hiá»p phụ. Äiá»u nà y giúp dòng cảm xúc cá»§a bạn luôn liá»n mạch trong từng khoảnh khắc nghẹt thá» cá»§a tráºn Äấu.</span></p> 15324<h3><span id="Ha_tang_8220thep8221_dap_tan_con_ac_mong_giat_lag"><b>Hạ tầng “thép” Äáºp tan cÆ¡n ác má»ng giáºt lag</b></span></h3> 15325<p><span style="font-weight: 400;">Ná»i lo vá» Äứt Äứt cáp quang hay nghẽn mạng và o các khung giá» cao Äiá»m Äã ÄÆ°á»£c giải quyết triá»t Äá» nhá» há» thá»ng hạ tầng máy chá»
15325§ quy mô lá»n. Nhá» sá» hữu 100 server dá»± phòng Äặt tại 12 trung tâm dữ liá»u Äạt chuẩn Tier III khắp Äông Nam Ã, há» thá»ng chá»u tải dá» dà ng cùng lúc 3.000.000 ngưá»i truy cáºp. Tá»· lá» giáºt lag ghi nháºn ÄÆ°á»£c tại há» thá»ng luôn duy trì á» mức dưá»i 0,01%, tá»c Äá» phản há»i lá»nh phản há»i trang chá» mất 0,2 giây.</span></p> 15326<h3><span id="Link_xem_du_phong_82203_lop_an_toan8221"><b>Link xem dá»± phòng “3 lá»p an toà n”</b></span></h3> 15327<p><span style="font-weight: 400;">Má»i tráºn Äấu ÄÆ°á»£c trang </span><b>Xoilactv </b><span style="font-weight: 400;">cung cấp tá»i thiá»u 5 ÄÆ°á»ng link xem trá»±c tiếp. Bao gá»m link HD, Full HD, 4K và các link backup tá»c Äá» cao ÄÆ°á»£c kiá»m tra tá»± Äá»ng 5 giây/lần bằng AI. Nếu phát hiá»n ÄÆ°á»ng truyá»n chÃnh có dấu hiá»u cháºp chá»n, há» thá»ng tá»± Äá»ng chuyá»n Äá»i sang tuyến link dá»± phòng trong vòng 0,5 giây mà không là m ngắt kết ná»i cá»§a ngưá»i xem.</span></p> 15328<h3><span id="Dan_BLV_8220man_moi8221"><b>Dà n BLV “mặn mòi”</b></span></h3> 15329<p><span style="font-weight: 400;">Khán giả không chá» xem bóng Äá mà còn ÄÆ°á»£c Äắm chìm và o không gian giải trà Äá»nh cao nhá» sá»± góp mặt cá»§a những “cây hà i” trong là ng bình luáºn. Äá»i ngÅ© 30 bình luáºn viên ÄÆ°á»£c tuyá»n chá»n khắt khe vá»i trung bình 5 nÄm kinh nghiá»m, sá» hữu vá»n kiến thức chuyên môn sâu rá»ng cùng phong cách dẫn dắt “Äá»i phá má»i giá»i hạn”. </span></p> 15330<p><span style="font-weight: 400;">Há» cung cấp chÃnh xác 95% các thông tin thuáºt toán chiến thuáºt, kết hợp lá»i nói chuyá»n hà i hưá»c. Qua Äó tạo nên trung bình 15-20 khoảnh khắc giải trà gây bão má»i tráºn, giúp má»i phút giây theo dõi bóng Äá trá» nên vô cùng thư giãn.</span></p> 15331<figure id="attachment_220439" aria-describedby="caption-attachment-220439" style="width: 800px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-220439" src="https://cdn.toptrader.io/26xoilactv-com/2026/07/xoilactv-so-huu-dan-binh-luan-vien-hai-huoc-tai-nang.webp" alt="Xoilactv sá» hữu dà n bình luáºn viên hà i hưá»c, tà i nÄng" width="800" height="400" srcset="https://cdn.toptrader.io/2026/07/xoilactv-so-huu-dan-binh-luan-vien-hai-huoc-tai-nang.webp 800w, https://cdn.toptrader.io/2026/07/xoilactv-so-huu-dan-binh-luan-vien-hai-huoc-tai-nang-300x150.webp 300w, https://cdn.toptrader.io/2026/07/xoilactv-so-huu-dan-binh-luan-vien-hai-huoc-tai-nang-768x384.webp 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /><figcaption id="caption-attachment-220439" class="wp-caption-text">Xoilactv sá» hữu dà n bình luáºn viên hà i hưá»c, tà i nÄng</figcaption></figure> 15332<h2><span id="Vu_tru_tien_ich_the_thao_toan_dien_chi_co_tai_trang_Xoilactv"><b>VÅ© trụ tiá»n Ãch thá» thao toà n diá»n chá» có tại trang Xoilactv</b></span></h2> 15333<p><span style="font-weight: 400;">Không dừng lại á» vai trò má»t kênh phát sóng trá»±c tiếp, ná»n tảng Äã phát triá»n thà nh má»t há» sinh thái dữ liá»u bóng Äá Äá» sá» báºc nhất. Có thá» ká» Äến như:</span></p> 15334<h3><span id="Lich_thi_dau_sieu_toc_cap_nhat_truoc_14_ngay"><b>Lá»ch thi Äấu siêu tá»c cáºp nháºt trưá»c 14 ngà y</b></span></h3> 15335<p><span style="font-weight: 400;">Lá»ch thi Äấu cá»§a hÆ¡n 1.000 giải Äấu lá»n nhá» trên toà n thế giá»i từ Champions League, Premier League, Euro, La Liga, Serie A cho Äến V-League Äá»u ÄÆ°á»£c cáºp nháºt chÃnh xác trưá»c 14 ngà y. Khán giả có thá» nắm rõ khung giá» Äá theo giá» Viá»t Nam (UTC+7), sÆ¡ Äá» Äá»i hình ra sân dá»± kiến ÄÆ°á»£c cáºp nháºt trưá»c 60 phút. HÆ¡n nữa còn có lá»ch sá» Äá»i Äầu trong 5 tráºn gần nhất và cả thông tin trá»ng tà i bắt chÃnh vá»i Äá» chÃnh xác 99,9%.</span></p> 15336<h3><span id="BXH_bien_dong_real-time_tung_giay"><b>BXH biến Äá»ng real-time từng giây</b></span></h3> 15337<p><span style="font-weight: 400;">Nắm bắt vá» trà và thứ hạng cá»§a Äá»i bóng yêu thÃch ngay trong khi tráºn Äấu Äang diá» n ra là trải nghiá»m vô cùng thú vá». Bảng xếp hạng tại </span><b>Xoilactv</b><span style="font-weight: 400;"> cáºp nháºt tá»± Äá»ng theo thá»i gian thá»±c (Real-time) chá» 3 giây ngay
15337sau khi có bà n thắng ÄÆ°á»£c ghi. </span></p> 15338<p><span style="font-weight: 400;">Há» thá»ng cung cấp chi tiết 8 chá» sá» quan trá»ng cá»§a từng Äá»i bóng. Bao gá»m: sá» tráºn Äã Äấu, hiá»u sá» bà n thắng/bại (+/-), tá»ng Äiá»m, thà nh tÃch sân nhà /sân khách, phong Äá» 5 tráºn gần nhất, sá» thẻ phạt và tá»· lá» kiá»m soát bóng trung bình.</span></p> 15339<figure id="attachment_220436" aria-describedby="caption-attachment-220436" style="width: 800px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-220436" src="https://cdn.toptrader.io/26xoilactv-com/2026/07/trang-xoilactv-cap-nhat-da-dang-tin-tuc-bong-da-chuan.webp" alt="Trang Xoilactv cáºp nháºt Äa dạng tin tức bóng Äá chuẩn" width="800" height="400" srcset="https://cdn.toptrader.io/2026/07/trang-xoilactv-cap-nhat-da-dang-tin-tuc-bong-da-chuan.webp 800w, https://cdn.toptrader.io/2026/07/trang-xoilactv-cap-nhat-da-dang-tin-tuc-bong-da-chuan-300x150.webp 300w, https://cdn.toptrader.io/2026/07/trang-xoilactv-cap-nhat-da-dang-tin-tuc-bong-da-chuan-768x384.webp 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /><figcaption id="caption-attachment-220436" class="wp-caption-text">Trang Xoilactv cáºp nháºt Äa dạng tin tức bóng Äá chuẩn</figcaption></figure> 15340<h3><span id="Ket_qua_bong_da_8220sau_tan_goc8221"><b>Kết quả bóng Äá “sâu táºn gá»c”</b></span></h3> 15341<p><span style="font-weight: 400;">Trang </span><b>Xoilactv</b><span style="font-weight: 400;"> lưu trữ dữ liá»u kết quả cá»§a hÆ¡n 50.000 tráºn Äấu trong vòng 10 nÄm qua. Chá» sau 1 phút khi tiếng còi kết thúc tráºn Äấu vang lên, ngưá»i xem có thá» truy cáºp toà n bá» bảng thá»ng kê chi tiết. </span></p> 15342<ul> 15343<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">100% sá» cú sút trúng ÄÃch</span></li> 15344<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Sá» lần phạm lá»i</span></li> 15345<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Sá» quả phạt góc</span></li> 15346<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Tá»· lá» chuyá»n bóng chÃnh xác</span></li> 15347<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Bản Äá» nhiá»t (Heatmap) di chuyá»n cá»§a từng cầu thá»§ trên sân</span></li> 15348</ul> 15349<h3><span id="Ban_tin_8220nong_hoi8221_247"><b>Bản tin “nóng há»i” 24/7</b></span></h3> 15350<p><span style="font-weight: 400;">Thế giá»i túc cầu chuyá»n Äá»ng không ngừng và bạn sẽ không bao giá» trá» thà nh ngưá»i “lá»i thá»i” khi Äá»ng hà nh cùng chuyên mục tin tức. Äá»i ngÅ© 20 biên táºp viên thá» thao hoạt Äá»ng liên tục 24/7 Äá» xuất bản hÆ¡n 100 <strong><a href="https://toptrader.io/tin-tuc/">tin tức</a></strong> má»i má»i ngà y. </span></p> 15351<p><span style="font-weight: 400;">Má»i thông tin chuyá»n nhượng “bom tấn”, chấn thương cá»§a các siêu sao, phát biá»u há»p báo gay gắt hay những drama bên lá» sân cá» Äá»u ÄÆ°á»£c kiá»m chứng từ 3 nguá»n tin uy tÃn. Äó là Fabrizio Romano, Sky Sports, BBC và ÄÄng tải sá»m hÆ¡n các báo Äiá»n tá» truyá»n thá»ng từ 15 Äến 30 phút.</span></p> 15352<h3><span id="Nhan_dinh_chuyen_sau"><b>Nháºn Äá»nh chuyên sâu</b></span></h3> 15353<p><span style="font-weight: 400;">Äá»i vá»i những khán giả Äam mê phân tÃch chuyên sâu và tìm kiếm cÆ¡ há»i từ các tá»· lá» kèo, chuyên mục nháºn Äá»nh là má»t kho báu thá»±c sá»±. Má»i ngà y, các chuyên gia </span><b>Xoilactv </b><span style="font-weight: 400;">sẽ phân tÃch dữ liá»u cáºp nháºt hÆ¡n 50 bà i phân tÃch chuyên sâu trưá»c tráºn Äấu. </span></p> 15354<p><span style="font-weight: 400;">Các bà i viết áp dụng mô hình máy há»c Äá» tÃnh toán tá»· lá» thắng/hòa/thua dá»±a trên 20 biến sá» Äá»c láºp. Và dụ như: phong Äá» lá»±c lượng, thá»i tiết, lá»ch sá» Äá»i Äầu, áp lá»±c Äiá»m sá» và biến Äá»ng tá»· lá» kèo châu Ã, châu Ãu. Tá»· lá» dá»± Äoán chÃnh xác cá»§a các bà i nháºn Äá»nh trên trang Äạt mức ấn tượng lên tá»i 78,5%.</span></p> 15355<h2><span id="So_sanh_Xoilactv_va_cac_8220ong_lon8221_phat_song_bong_da"><b>So sánh Xoilactv và các “ông lá»n” phát sóng bóng Äá</b></span></h2> 15356<p><span style="font-weight: 400;">Äá» có cái nhìn khách quan nhất vá» vá» thế cá»§a thương hiá»u </span><b>Xoilactv</b><span style="font-weight: 400;">
15356, chúng ta hãy cùng Äặt ná»n tảng lên bà n cân so sánh vá»i các Äá»i thá»§ cùng phân khúc. Bao gá»m:</span></p> 15357<table style="width: 100%; height: 400px;"> 15358<tbody> 15359<tr style="height: 80px;"> 15360<td style="height: 80px;"> 15361<p><b>Tiêu chà so sánh</b></p> 15362</td> 15363<td style="height: 80px;"> 15364<p><b>Xoilactv</b></p> 15365</td> 15366<td style="height: 80px;"> 15367<p><b>Các trang web khác</b></p> 15368</td> 15369</tr> 15370<tr style="height: 160px;"> 15371<td style="height: 160px;"> 15372<p><b>Äá» phá»§ giải Äấu</b></p> 15373</td> 15374<td style="height: 160px;"> 15375<p><span style="font-weight: 400;">⢠</span><b>45+ giải Äấu</b><span style="font-weight: 400;"> toà n cầu (Bóng Äá nữ, U19, U23, Tennis, Bóng rá»…).</span></p> 15376<br /> 15377<p><span style="font-weight: 400;">⢠Link phát sóng </span><b>nhiá»u hÆ¡n 40%</b><span style="font-weight: 400;">.</span></p> 15378</td> 15379<td style="height: 160px;"> 15380<p><span style="font-weight: 400;">⢠Chá» phát </span><b>5 giải lá»n</b><span style="font-weight: 400;"> Châu Ãu.</span></p> 15381<br /> 15382<p><span style="font-weight: 400;">⢠Ãt phát sóng giải trẻ, bóng Äá nữ hay môn thá» thao khác.</span></p> 15383</td> 15384</tr> 15385<tr style="height: 80px;"> 15386<td style="height: 80px;"> 15387<p><b>Thá»i gian lên link</b></p> 15388</td> 15389<td style="height: 80px;"> 15390<p><span style="font-weight: 400;">Cáºp nháºt trưá»c </span><b>60 phút</b><span style="font-weight: 400;"> (nhanh hÆ¡n 30 phút so vá»i thá» trưá»ng).</span></p> 15391</td> 15392<td style="height: 80px;"> 15393<p><span style="font-weight: 400;">Cáºp nháºt trá» , sát giá» bóng lÄn (trưá»c </span><b>30 phút</b><span style="font-weight: 400;">).</span></p> 15394</td> 15395</tr> 15396<tr style="height: 80px;"> 15397<td style="height: 80px;"> 15398<p><b>Tá»i ưu mà n hình</b></p> 15399</td> 15400<td style="height: 80px;"> 15401<p><span style="font-weight: 400;">TÃch hợp </span><b>Auto-Fit Screen (AI)</b><span style="font-weight: 400;">, tá»± cÄn chá»nh khung hình (16:9, 18:9, 21:9), </span><b>không vỡ nét</b><span style="font-weight: 400;">.</span></p> 15402</td> 15403<td style="height: 80px;"> 15404<p><span style="font-weight: 400;">Trình phát thưá»ng, dá» dãn hình hoặc vỡ nét khi xem mà n hình dá».</span></p> 15405</td> 15406</tr> 15407</tbody> 15408</table> 15409<figure id="attachment_220445" aria-describedby="caption-attachment-220445" style="width: 800px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-220445" src="https://cdn.toptrader.io/26xoilactv-com/2026/07/so-sanh-xoilactv-noi-bat-hon-nhieu-doi-thu-khac.webp" alt="So sánh Xoilactv ná»i báºt hÆ¡n nhiá»u Äá»i thá»§ khác" width="800" height="400" srcset="https://cdn.toptrader.io/2026/07/so-sanh-xoilactv-noi-bat-hon-nhieu-doi-thu-khac.webp 800w, https://cdn.toptrader.io/2026/07/so-sanh-xoilactv-noi-bat-hon-nhieu-doi-thu-khac-300x150.webp 300w, https://cdn.toptrader.io/2026/07/so-sanh-xoilactv-noi-bat-hon-nhieu-doi-thu-khac-768x384.webp 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /><figcaption id="caption-attachment-220445" class="wp-caption-text">So sánh Xoilactv ná»i báºt hÆ¡n nhiá»u Äá»i thá»§ khác</figcaption></figure> 15410<h2><span id="FAQs_8211_Thac_mac_cua_khan_gia_khi_trai_nghiem_Xoilactv"><b>(FAQs) – Thắc mắc cá»§a khán giả khi trải nghiá»m Xoilactv</b></span></h2> 15411<p><span style="font-weight: 400;">Dưá»i Äây là tá»ng hợp những thắc mắc phá» biến nhất cá»§a ngưá»i dùng lần Äầu truy cáºp há» thá»ng cùng lá»i giải Äáp chi tiết từ bá» pháºn há» trợ kỹ thuáºt. Bao gá»m:</span></p> 15412<h3><span id="Xem_bong_da_co_mien_phi_100_khong"><b>Xem bóng Äá có miá» n phà 100% không?</b></span></h3> 15413<p><span style="font-weight: 400;">Ngưá»i dùng truy cáºp và thưá»ng thức tất cả các tráºn Äấu mà không phải trả bất kỳ khoản phà ẩn, phà ÄÄng ký hay phà gia hạn nà o. Mô hình hoạt Äá»ng cá»§a trang web ÄÆ°á»£c tà i trợ bá»i các Äá»i tác truyá»n thông thá» thao lá»n, Äảm bảo ngưá»i xem táºn hưá»ng dá»ch vụ chất lượng cao nhất vá»i giá 0 Äá»ng.</span></p> 15414<h3><span id="Nen_tang_gioi_han_IP_truy_cap_khong"><b>Ná»n tảng giá»i hạn IP truy cáºp không?</b></span></h3> 15415<p><b>Xoilactv</b><span style="font-weight: 400;"> má» cá»a tá»± do cho tất cả ngưá»i hâm má» trên toà n thế giá»i mà không áp dụng bất kỳ rà o cản Äá»a lý hay chÃnh sách giá»i hạn IP nà o. Dù bạn Äang á» Äâu, chá» cần có kết ná»i Internet á»n Äá»nh từ 5 Mbps trá» lên là có thá» dá» dà ng theo dõi trá»±c tiếp các tráºn cầu Äá»nh cao.</span></p> 15416<h3><span id="Lam_sao_de_xem_lai_tran_da_dien_ra"><b>Là m sao Äá» xem lại tráºn Äã diá» n ra?</b></span></h3> 15417<p><span style="font-weight: 400;">Há» thá»ng cung cấp chuyên mục video highlight chuyên biá»t, cáºp nháºt chá» 15 phút sau khi tráºn Äấu kết thúc. Các video có Äá» dà i từ 5 Äến 10 phút, tóm tắt Äiá»m chÃnh cá»§a tráºn Äá» bạn dá» nắm bắt tình hình.</span></p> 15418<figure id="attachment_220435" aria-describedby="caption-attachment-220435" style="width: 800px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-220435" src="https://cdn.toptrader.io/26xoilactv-com/2026/07/thac-mac-ve-trang-xoilactv-khi-nguoi-dung-trai-nghiem.webp" alt="Thắc mắc vá» trang Xoilactv khi ngưá»i dùng trải nghiá»m" width="800" height="400" srcset="https://cdn.toptrader.io/2026/07/thac-mac-ve-trang-xoilactv-khi-nguoi-dung-trai-nghiem.webp 800w, https://cdn.toptrader.io/2026/07/thac-mac-ve-trang-xoilactv-khi-nguoi-dung-trai-nghiem-300x150.webp 300w, https://cdn.toptrader.io/2026/07/thac-mac-ve-trang-xoilactv-khi-nguoi-dung-trai-nghiem-768x384.webp 768w" sizes="auto, (max-width: 800px) 100v
15418w, 800px" /><figcaption id="caption-attachment-220435" class="wp-caption-text">Thắc mắc vá» trang Xoilactv khi ngưá»i dùng trải nghiá»m</figcaption></figure> 15419<h2><span id="Loi_ket"><b>Lá»i kết</b></span></h2> 15420<p><span style="font-weight: 400;">Cam kết trải nghiá»m trá»n vẹn cho ngưá»i hâm má», </span><a href="https://toptrader.io/"><b>XOILAC TV</b></a><span style="font-weight: 400;"> xứng Äáng là lá»±a chá»n hà ng Äầu cho bất kỳ ai trót yêu trái bóng tròn trong nÄm 2026. Hãy truy cáºp ngay hôm nay Äá» tá»± mình kiá»m chứng và hòa mình và o không khà sôi Äá»ng cá»§a những tráºn cầu Äá»nh cao nhé.</span></p> 15421 </div> 15422 </div> 15423 </div> 15424 </div> 15425</section> 15426
15427<script> 15428 document.addEventListener('DOMContentLoaded', function () { 15429 const tocContainer = document.getElementById('toc_container'); 15430 const tocFixed = document.querySelector('.toc-fixed'); 15431 15432 if (tocContainer && tocFixed) { 15433 tocFixed.appendChild(tocContainer); 15434 } else if (!tocContainer) { 15435 const content = document.querySelector('.content'); 15436 if (content) { 15437 content.classList.add('lg:!w-full'); 15438 } 15439 } 15440 }); 15441</script>
15441 </div> 15442 15443 </main> 15444 15445 15446 <footer class="sm:py-8 py-2 text-[16px] sm:text-[18px]"> 15447 <div class="container mx-auto px-3"> 15448 <div class="flex flex-col sm:flex-row sm:justify-between sm:items-center space-y-4 sm:space-y-0"> 15449 15450 15451 <div class="flex-1 text-center text-[#afb4ba]"> 15452 <section class="widget block-37 widget_block widget_text mb-6"> 15453<p>XoilacTV là chuyên trang trá»±c tiếp bóng Äá uy tÃn, cung cấp kho giải Äấu Äa dạng từ Ngoại Hạng Anh, Champions League Äến La Liga. Truy cáºp ngay hôm nay Äá» xem trá»±c tuyến miá» n phà và trải nghiá»m há» thá»ng link mượt mà , HD siêu tá»c.</p> 15454</section> <section class="widget block-46 widget_block mb-6"> 15455<ul class="wp-block-list"> 15456<li>Äá»a chá»: 1 Liên Khu 2-10, Bình Hưng Hoà A, Bình Tân, Há» Chà Minh, Viá»t Nam</li> 15457 15458 15459 15460<li>Email: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="64171114140b16102417100516100116100c0109014a080d1201">[email protected]</a></li> 15461 15462 15463 15464<li>Website: https://toptrader.io/</li> 15465 15466 15467 15468<li>Hotline: 0914564013<br>Tag: #xoilactv #26xoilactvcom #xoilactvcom #xoilaclive #trangchuxoilactv</li> 15469</ul> 15470</section><section class="widget block-47 widget_block mb-6"> 15471<ul class="wp-block-social-links aligncenter is-layout-flex wp-block-social-links-is-layout-flex"></ul> 15472</section> </div> 15473 </div> 15474 <div class="border-t border-divider mt-2 pt-2 text-center text-gray-400 text-sm"> 15475 Bản quyá»n ná»i dung thuá»c vá» Xoilac TV © 2026. Tuân thá»§ chÃnh sách bảo máºt và Äiá»u khoản sá» dụng. 15476 </div> 15477 </div> 15478</footer> 15479 15480 15481 <div class="fixed bottom-0 left-0 right-0 z-[80] lg:hidden"> 15482 <div class="bg-[#151618] border-t border-gray-800"> 15483 <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow noopener" 15484 aria-label="Cược 8xbet" 15485 class="block mb-2 sm:mb-4 rounded overflow-hidden w-full aspect-[928/90] sm:aspect-[1330/60]"> 15486 <picture> 15487 <source srcset="https://imgixycdn.com/banner/1330x60.gif" media="(min-width: 640px)"> 15488 <img src="https://imgixycdn.com/banner/928x90.gif" 15489 alt="Cược 8xbet" 15490 class="w-full h-full block object-cover" 15491 loading="lazy" decoding="async" 15492 width="928" height="90"> 15493 </picture> 15494</a> 15495 </div> 15496 15497 15498 <nav class="mobile-nav border-t border-gray-800" 15499 role="navigation" aria-label="Main mobile navigation" aria-describedby="mobile-nav-description"> 15500 15501 <div class="flex items-center justify-between h-12 px-2" role="tablist" aria-label="Main navigation sections"> 15502 15503 <div id="mobile-nav-description" class="sr-only"> 15504 Navigate between main sections of the site. 15505 </div> 15506 15507 <a href="https://toptrader.io/" class="mobile-nav-item flex-1 flex flex-col items-center justify-center relative p-1 rounded-lg transition-all duration-200 hover:bg-gray-800/50 focus:outline-none focus:ring-2 focus:ring-primary/50 h-full touch-manipulation active bg-primary/10" role="tab" aria-label="Trá»±c tiếp, current page, 1 of 6" 15508 aria-current="page" aria-selected="true" 15509 aria-describedby="nav-item-truc-tiep-desc" tabindex="0" data-nav-item="truc-tiep" 15510 data-nav-position="1" data-nav-total="6"> 15511 15512 <div class="relative"> 15513 15514 <svg class="mobile-nav-icon text-xl transition-colors duration-200 size-5 text-primary" aria-hidden="true" data-icon="play-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm48.24-94.78-64-40A8,8,0,0,0,100,88v80a8,8,0,0,0,12.24,6.78l64-40a8,8,0,0,0,0-13.56ZM116,153.57V102.43L156.91,128Z"/></svg> 15515 15516 </div> 15517 15518 15519 <span class="mobile-nav-label text-[10px] font-medium transition-colors duration-200 text-center leading-tight text-white font-semibold" aria-hidden="true"> 15520 Trá»±c tiếp 15521 </span> 15522 15523 15524 <span id="nav-item-truc-tiep-desc" class="sr-only"> 15525 Navigate to Trá»±c tiếp section 15526 , currently selected 15527 </span> 15528 15529
15530 <span class="absolute top-0 left-1/2 transform -translate-x-1/2 w-6 h-1 bg-primary rounded-b-sm" 15531 aria-hidden="true"></span> 15532 </a> <a href="https://toptrader.io/lich-thi-dau/" class="mobile-nav-item flex-1 flex flex-col items-center justify-center relative p-1 rounded-lg transition-all duration-200 hover:bg-gray-800/50 focus:outline-none focus:ring-2 focus:ring-primary/50 h-full touch-manipulation" role="tab" aria-label="Lá»ch, 2 of 6" 15533 aria-current="false" aria-selected="false" 15534 aria-describedby="nav-item-lich-desc" tabindex="-1" data-nav-item="lich" 15535 data-nav-position="2" data-nav-total="6"> 15536 15537 <div class="relative"> 15538 15539 <svg class="mobile-nav-icon text-xl transition-colors duration-200 size-5 text-gray-400" aria-hidden="true" data-icon="calendar" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"/></svg> 15540 15541 </div> 15542 15543 15544 <span class="mobile-nav-label text-[10px] font-medium transition-colors duration-200 text-center leading-tight text-gray-light" aria-hidden="true"> 15545 Lá»ch 15546 </span> 15547 15548 15549 <span id="nav-item-lich-desc" class="sr-only"> 15550 Navigate to Lá»ch section 15551 </span> 15552 15553 15554 </a> <a href="https://toptrader.io/highlights/" class="mobile-nav-item flex-1 flex flex-col items-center justify-center relative p-1 rounded-lg transition-all duration-200 hover:bg-gray-800/50 focus:outline-none focus:ring-2 focus:ring-primary/50 h-full touch-manipulation" role="tab" aria-label="Highlights, 3 of 6" 15555 aria-current="false" aria-selected="false" 15556 aria-describedby="nav-item-highlights-desc" tabindex="-1" data-nav-item="highlights" 15557 data-nav-position="3" data-nav-total="6"> 15558 15559 <div class="relative"> 15560 15561 <svg class="mobile-nav-icon text-xl transition-colors duration-200 size-5 text-gray-400" aria-hidden="true" data-icon="video" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M164.44,105.34l-48-32A8,8,0,0,0,104,80v64a8,8,0,0,0,12.44,6.66l48-32a8,8,0,0,0,0-13.32ZM120,129.05V95l25.58,17ZM216,40H40A16,16,0,0,0,24,56V168a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,128H40V56H216V168Zm16,40a8,8,0,0,1-8,8H32a8,8,0,0,1,0-16H224A8,8,0,0,1,232,208Z"/></svg> 15562 15563 </div> 15564 15565 15566 <span class="mobile-nav-label text-[10px] font-medium transition-colors duration-200 text-center leading-tight text-gray-light" aria-hidden="true"> 15567 Highlights 15568 </span> 15569 15570 15571 <span id="nav-item-highlights-desc" class="sr-only"> 15572 Navigate to Highlights section 15573 </span> 15574 15575 15576 </a> <a href="https://toptrader.io/kqbd/" class="mobile-nav-item flex-1 flex flex-col items-center justify-center relative p-1 rounded-lg transition-all duration-200 hover:bg-gray-800/50 focus:outline-none focus:ring-2 focus:ring-primary/50 h-full touch-manipulation" role="tab" aria-label="Kết quả, 4 of 6" 15577 aria-current="false" aria-selected="false" 15578 aria-describedby="nav-item-ket-qua-desc" tabindex="-1" data-nav-item="ket-qua" 15579 data-nav-position="4" data-nav-total="6"> 15580 15581 <div class="relative"> 15582 15583 <svg class="mobile-nav-icon text-xl transition-colors duration-200 size-5 text-gray-400" aria-hidden="true" data-icon="check-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z"/></svg> 15584 15585 </div> 15586 15587 15588 <span class="mobile-nav-label text-[10px] font-medium transition-colors duration-200 text-center leading-tight text-gray-light" aria-hidden="true"> 15589 Kết quả 15590 </span> 15591 15592 15593 <span id="nav-item-ket-qua-desc" class="sr-only"> 15594 Navigate to Kết quả section 15595 </span> 15596 15597 15598 </a> <a href="https://toptrader.io/bang-xep-hang/" class="mobile-nav-item flex-1 flex flex-col items-center justify-center relative p-1 rounded-lg transition-all duration-200 hover:bg-gray-800/50 focus:outline-none focus:ring-2 focus:ring-primary/50 h-full touch-manipulation" role="tab" aria-label="BXH, 5 of 6" 15599 aria-current="false" aria-selected="false" 15600 aria-describedby="nav-item-bxh-desc" tabindex="-1" data-nav-item="bxh" 15601 data-nav-position="5" data-nav-total="6"> 15602 15603 <div class="relative"> 15604 15605 <svg class="mobile-nav-icon text-xl transition-colors duration-200 size-5 text-gray-400" aria-hidden="true" data-icon="ranking" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M112.41,102.53a8,8,0,0,1,5.06-10.12l12-4A8,8,0,0,1,140,96v40a8,8,0,0,1-16,0V107.1l-1.47.49A8,8,0,0,1,112.41,102.53ZM248,208a8,8,0,0,1-8,8H16a8,8,0,0,1,0-16h8V104A16,16,0,0,1,40,88H80V56A16,16,0,0,1,96,40h64a16,16,0,0,1,16,16v72h40a16,16,0,0,1,16,16v56h8A8,8,0,0,1,248,208Zm-72-64v56h40V144ZM96,200h64V56H96Zm-56,0H80V104H40Z"/></svg> 15606 15607 </div> 15608 15609 15610 <span class="mobile-nav-label text-[10px] font-medium transition-colors duration-200 text-center leading-tight text-gray-light" aria-hidden="true"> 15611 BXH 15612 </span> 15613 15614 15615 <span id="nav-item-bxh-desc" class="sr-only"> 15616 Navigate to BXH section 15617 </span> 15618 15619 15620 </a> <a href="https://toptrader.io/tin-tuc/" class="mobile-nav-item flex-1 flex flex-col items-center justify-center relative p-1 rounded-lg transition-all duration-200 hover:bg-gray-800/50 focus:outline-none focus:ring-2 focus:ring-primary/50 h-full touch-manipulation" role="tab" aria-label="Tin tức, 6 of 6" 15621 aria-current="false" aria-selected="false" 15622 aria-describedby="nav-item-tin-tuc-desc" tabindex="-1" data-nav-item="tin-tuc" 15623 data-nav-position="6" data-nav-total="6"> 15624 15625 <div class="relative"> 15626 15627 <svg class="mobile-nav-icon text-xl transition-colors duration-200 size-5 text-gray-400" aria-hidden="true" data-icon="newspaper" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M88,112a8,8,0,0,1,8-8h80a8,8,0,0,1,0,16H96A8,8,0,0,1,88,112Zm8,40h80a8,8,0,0,0,0-16H96a8,8,0,0,0,0,16ZM232,64V184a24,24,0,0,1-24,24H32A24,24,0,0,1,8,184.11V88a8,8,0,0,1,16,0v96a8,8,0,0,0,16,0V64A16,16,0,0,1,56,48H216A16,16,0,0,1,232,64Zm-16,0H56V184a23.84,23.84,0,0,1-1.37,8H208a8,8,0,0,0,8-8Z"/></svg> 15628 15629 </div> 15630 15631 15632 <span class="mobile-nav-label text-[10px] font-medium transition-colors duration-200 text-center leading-tight text-gray-light" aria-hidden="true"> 15633 Tin tức 15634 </span> 15635 15636 15637 <span id="nav-item-tin-tuc-desc" class="sr-only"> 15638 Navigate to Tin tức section 15639 </span> 15640 15641 15642 </a> </div> 15643 </nav> 15644 </div> 15645 15646 </div>
vendor: 118 bytes, lines 15646-15648
15646 15647 15648 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
15648<script type="speculationrules"> 15649{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp/wp-*.php","/wp/wp-admin/*","/app/uploads/*","/app/*","/app/plugins/*","/app/themes/ba-theme/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 15650</script>
vendor: 1 bytes, line 15650
15650
15651<script src="https://toptrader.io/app/plugins/table-of-contents-plus/assets/front.min.js?ver=202608.2" id="toc-front-js"></script>
vendor: 1 bytes, line 15651
15651
15652<script type="module" src="https://toptrader.io/app/themes/ba-theme/resources/js/debug-utils.js?ver=1.0.0" id="debug-utils-js"></script>
15652 15653 15654 15655
15655<script> 15656 (function () { 15657 var alpineReady = false; 15658 document.addEventListener('alpine:initialized', function () { 15659 alpineReady = true; 15660 }); 15661 setTimeout(function () { 15662 if (alpineReady) return; 15663 document.querySelectorAll('[x-cloak]').forEach(function (el) { 15664 el.removeAttribute('x-cloak'); 15665 }); 15666 }, 3000); 15667 })(); 15668 </script>
15668 15669
15669<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"5cb608440cdc4c2db427ad7f6ba00d15","r":1,"spa":2}' crossorigin="anonymous"></script>
15669 15670</body> 15671</html> 15672<!-- Performance optimized by Redis Object Cache. Learn more: https://wprediscache.com -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.