1<!DOCTYPE html> 2<html lang="vi"> 3 4<head>
4<script>(function(w,i,g){w[g]=w[g]||[];if(typeof w[g].push=='function')w[g].push(i)}) 5(window,'G-TZY1EN3NNW','google_tags_first_party');</script>
5<script async src="/wkzu/"></script>
5 6
6<script> 7 window.dataLayer = window.dataLayer || []; 8 function gtag(){dataLayer.push(arguments);} 9 gtag('js', new Date()); 10 gtag('set', 'developer_id.dY2E1Nz', true); 11 12 </script>
12 13 14 <meta charset="UTF-8"> 15 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0"> 16 <meta name="referrer" content="strict-origin-when-cross-origin"> 17 18 <!-- === SEO & Social =================================== --> 19 <title>Loto gan Miá»n Bắc â Sá» lô chưa vá» lâu nhất hôm nay | XEMKETQUA.NET</title> 20 <meta name="description" content="Thá»ng kê loto gan Truyá»n Thá»ng 4664 ngà y â hiá»n thá» 100 sá» lô (00-99) chưa xuất hiá»n lâu nhất, giúp ngưá»i dùng theo dõi chu kỳ lô gan Äá» tham khảo."> 21 <meta name="keywords" content="loto gan Truyá»n Thá»ng, lo gan Truyá»n Thá»ng, lô gan miá»n bắc 30 ngà y, lô gan miá»n bắc 4664 ngà y, sá» lô chưa vá» lâu nhất, thong ke lo gan Truyá»n Thá»ng"> 22 <meta name="author" content="XEMKETQUA.NET"> 23 <meta name="robots" content="index, follow"> 24 <!-- CSRF Meta --> 25 <meta name="csrf-token" content="56fd588ce4893ec51e2b97a226aa5ef2"> 26 <meta name="csrf-header" content="X-CSRF-TOKEN"> 27 <link rel="canonical" href="https://xemketqua.net/loto-gan"> 28 <!-- [SEO] Fix #6: hreflang cho thá» trưá»ng Viá»t Nam --> 29 <link rel="alternate" hreflang="vi" href="https://xemketqua.net/loto-gan"> 30 <link rel="alternate" hreflang="x-default" href="https://xemketqua.net/loto-gan"> 31 32 <!-- Open Graph --> 33 <meta property="og:type" content="website"> 34 <meta property="og:title" content="Loto gan Miá»n Bắc â Sá» lô chưa vá» lâu nhất hôm nay | XEMKETQUA.NET"> 35 <meta property="og:description" content="Thá»ng kê loto gan Truyá»n Thá»ng 4664 ngà y â hiá»n thá» 100 sá» lô (00-99) chưa xuất hiá»n lâu nhất, giúp ngưá»i dùng theo dõi chu kỳ lô gan Äá» tham khảo."> 36 <meta property="og:url" content="https://xemketqua.net/loto-gan"> 37 <meta property="og:locale" content="vi_VN"> 38 <meta property="og:image" content="https://xemketqua.net/og-image?title=Loto+gan+Mi%E1%BB%81n+B%E1%BA%AFc+%E2%80%94+S%E1%BB%91+l%C3%B4+ch%C6%B0a+v%E1%BB%81+l%C3%A2u+nh%E1%BA%A5t+h%C3%B4m+nay+%7C+XEMKETQUA.NET&subtitle=Th%E1%BB%91ng+k%C3%AA+loto+gan+Truy%E1%BB%81n+Th%E1%BB%91ng+4664+ng%C3%A0y+%E2%80%94+hi%E1%BB%83n+th%E1%BB%8B+100+s%E1%BB%91+l%C3%B4+%2800-99%29+ch%C6%B0a+xu%E1%BA%A5t+hi%E1%BB%87n+l%C3%A2u+nh%E1%BA%A5t%2C+gi%C3%BAp+ng%C6%B0%E1%BB%9Di+d%C3%B9ng+theo+d%C3%B5i+chu+k%E1%BB%B3+l%C3%B4+gan+%C4%91%E1%BB%83+tham+kh%E1%BA%A3o."> 39 <meta property="og:image:width" content="1200"> 40 <meta property="og:image:height" content="630"> 41 <meta property="og:site_name" content="XEMKETQUA.NET"> 42 43 <!-- Twitter / X Card (Tá»i ưu cho X, Telegram, Pinterest) --> 44 <meta name="twitter:card" content="summary_large_image"> 45 <meta name="twitter:url" content="https://xemketqua.net/loto-gan"> 46 <meta name="twitter:title" content="Loto gan Miá»n Bắc â Sá» lô chưa vá» lâu nhất hôm nay | XEMKETQUA.NET"> 47 <meta name="twitter:description" content="Thá»ng kê loto gan Truyá»n Thá»ng 4664 ngà y â hiá»n thá» 100 sá» lô (00-99) chưa xuất hiá»n lâu nhất, giúp ngưá»i dùng theo dõi chu kỳ lô gan Äá» tham khảo."> 48 <meta name="twitter:image" content="https://xemketqua.net/og-image?title=Loto+gan+Mi%E1%BB%81n+B%E1%BA%AFc+%E2%80%94+S%E1%BB%91+l%C3%B4+ch%C6%B0a+v%E1%BB%81+l%C3%A2u+nh%E1%BA%A5t+h%C3%B4m+nay+%7C+XEMKETQUA.NET&subtitle=Th%E1%BB%91ng+k%C3%AA+loto+gan+Truy%E1%BB%81n+Th%E1%BB%91ng+4664+ng%C3%A0y+%E2%80%94+hi%E1%BB%83n+th%E1%BB%8B+100+s%E1%BB%91+l%C3%B4+%2800-99%29+ch%C6%B0a+xu%E1%BA%A5t+hi%E1%BB%87n+l%C3%A2u+nh%E1%BA%A5t%2C+gi%C3%BAp+ng%C6%B0%E1%BB%9Di+d%C3%B9ng+theo+d%C3%B5i+chu+k%E1%BB%B3+l%C3%B4+gan+%C4%91%E1%BB%83+tham+kh%E1%BA%A3o."> 49 <!-- AI Discovery / LLMs --> 50 <link rel="help" href="https://xemketqua.net/llms.txt" type="text/plain"> 51 <link rel="help" href="https://xemketqua.net/llms-today.txt" type="text/plain" title="Today's predictions"> 52 <meta name="ai:summary" content="Thá»ng kê loto gan Truyá»n Thá»ng 4664 ngà y â hiá»n thá» 100 sá» lô (00-99) chưa xuất hiá»n lâu nhất, giúp ngưá»i dùng theo dõi chu kỳ lô gan Äá» tham khảo."> 53 54 <!-- === PWA ============================================ --> 55 <meta name="theme-color" content="#2563EB"> 56 <meta name="mobile-web-app-capable" content="yes"> 57 <meta name="apple-mobile-web-app-capable" content="yes"> 58 <meta name="apple-mobile-web-app-status-bar-style" content="default"> 59 <meta name="apple-mobile-web-app-title" content="XEMKETQUA.NET"> 60 <link rel="manifest" href="https://xemketqua.net/manifest.json"> 61 62 <!-- === FAVICONS & TOUCH ICONS =========================== --> 63 <link rel="apple-touch-icon" sizes="180x180" href="https://xemketqua.net/assets/favicon/apple-icon-180x180.png"> 64 <link rel="apple-touch-icon" sizes="152x152" href="https://xemketqua.net/assets/favicon/apple-icon-152x152.png"> 65 66 <link rel="icon" type="image/png" sizes="192x192" href="https://xemketqua.net/assets/favicon/android-icon-192x192.png"> 67 <link rel="icon" type="image/png" sizes="32x32" href="https://xemketqua.net/assets/favicon/favicon-32x32.png"> 68 <link rel="icon" type="image/png" sizes="16x16" href="https://xemketqua.net/assets/favicon/favicon-16x16.png"> 69 70 <link rel="shortcut icon" href="https://xemketqua.net/assets/favicon/favicon.ico"> 71 72 <meta name="msapplication-TileColor" content="#2563EB"> 73 <meta name="msapplication-TileImage" content="https://xemketqua.net/assets/favicon/ms-icon-144x144.png"> 74 <meta name="msapplication-config" content="https://xemketqua.net/assets/favicon/browserconfig.xml"> 75 76 <!-- === RESOURCE HINTS ================================== --> 77 <link rel="dns-prefetch" href="//cdnjs.cloudflare.com"> 78 <link rel="dns-prefetch" href="//pagead2.googlesyndication.com"> 79 <link rel="dns-prefetch" href="//images.dmca.com"> 80 81 82 83 84 <link rel="stylesheet" 85 href="https://xemketqua.net/assets/css/tailwind.min.css?v=1783696140" 86 fetchpriority="high"> 87 88 <!-- === CRITICAL CSS & FONT RESIZER =========================== --> 89 <link rel="stylesheet" href="https://xemketqua.net/assets/css/critical-theme.css?v=1782268605"> 90 <!-- FOUC Prevention: Äá»c localStorage và áp dụng scale/theme ngay trưá»c khi DOM render --> 91
91<script type="552de0b68c60c9fc5da11272-text/javascript"> 92 (function() { 93 try { 94 // Ãp dụng scale cỡ chữ 95 var s = localStorage.getItem('xkq_text_scale'); 96 if (s) { 97 var v = parseFloat(s); 98 if (v >= 0.85 && v <= 1.30) { 99 document.documentElement.style.setProperty('--text-scale', v); 100 } 101 } 102 // Ãp dụng theme sáng tá»i 103 var theme = localStorage.getItem('theme'); 104 var isDark = theme === 'dark' || (!theme && window.matchMedia('(prefers-color-scheme: dark)').matches); 105 if (isDark) { 106 document.documentElement.classList.add('dark'); 107 // Äá»ng bá» thẻ meta theme-color 108 var meta = document.querySelector('meta[name="theme-color"]'); 109 if (meta) meta.setAttribute('content', '#12161C'); 110 } else { 111 document.documentElement.classList.remove('dark'); 112 } 113 } catch(e) {} 114 })(); 115 </script>
115 116 117 <!-- Alpine.js (interactive UI components) --> 118
118<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js" type="552de0b68c60c9fc5da11272-text/javascript"></script>
vendor: 142 bytes, lines 118-119
118 119 <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="552de0b68c60c9fc5da11272-|49"></script>
119<link rel="stylesheet" 120 href="https://xemketqua.net/assets/css/styles.css?v=1783753439" media="print" 121 onload="this.media='all';this.onload=null;">
vendor: 142 bytes, lines 121-122
121 122 <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="552de0b68c60c9fc5da11272-|49"></script>
122<link rel="stylesheet" 123 href="https://xemketqua.net/assets/css/lottery-table.css?v=1783753438" media="print" 124 onload="this.media='all';this.onload=null;"> 125 <noscript> 126 <link rel="stylesheet" 127 href="https://xemketqua.net/assets/css/styles.css?v=1783753439"> 128 <link rel="stylesheet" 129 href="https://xemketqua.net/assets/css/lottery-table.css?v=1783753438"> 130 </noscript> 131 <link rel="stylesheet" 132 href="https://xemketqua.net/assets/css/comments.css?v=1780954652">
vendor: 146 bytes, lines 132-133
132 133 <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="552de0b68c60c9fc5da11272-|49"></script>
133<link rel="preload" 134 href="https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&family=Be+Vietnam+Pro:wght@400;600;700&family=Source+Code+Pro:wght@600;700&display=optional" 135 as="style" onload="this.onload=null;this.rel='stylesheet'"> 136 <noscript> 137 <link 138 href="https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&family=Be+Vietnam+Pro:wght@400;600;700&family=Source+Code+Pro:wght@600;700&display=optional" 139 rel="stylesheet"> 140 </noscript>
vendor: 142 bytes, lines 140-141
140 141 <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="552de0b68c60c9fc5da11272-|49"></script>
141<link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" as="style" 142 onload="this.onload=null;this.rel='stylesheet'"> 143 <noscript> 144 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"> 145 </noscript> 146 147 148 <!-- === ADSENSE (after all CSS to avoid bandwidth contention) === --> 149
149<script type="552de0b68c60c9fc5da11272-text/javascript">window.adsbygoogle = window.adsbygoogle || []; window.adsbygoogle.requestNonPersonalizedAds = 1;</script>
149 150 151 152 <!-- === STRUCTURED DATA (JSON-LD) ======================= --> 153 <!-- Organization (standalone â E-E-A-T signal) --> 154
154<script type="application/ld+json"> 155 { 156 "@context": "https://schema.org", 157 "@type": "Organization", 158 "@id": "http://xemketqua.net/#organization", 159 "name": "XEMKETQUA.NET", 160 "alternateName": "XEMKETQUA", 161 "url": "http://xemketqua.net/", 162 "logo": { 163 "@type": "ImageObject", 164 "url": "https://xemketqua.net/assets/favicon/android-icon-192x192.png", 165 "width": 192, 166 "height": 192 167 }, 168 "description": "Há» thá»ng tra cứu kết quả xá» sá» kiến thiết 3 miá»n Bắc, Trung, Nam nhanh nhất, chÃnh xác nhất Viá»t Nam. HÆ¡n 60 công cụ thá»ng kê và phân tÃch.", 169 "foundingDate": "2024", 170 "knowsLanguage": "vi", 171 "knowsAbout": ["Kết quả xá» sá»", "KQXS", "Xá» sá» kiến thiết", "Thá»ng kê loto", "Phân tÃch xác suất xá» sá»"] 172 ,"contactPoint": { 173 "@type": "ContactPoint", 174 "contactType": "customer service", 175 "email": "[email protected]", 176 "url": "https://xemketqua.net/lien-he", 177 "availableLanguage": "Vietnamese" 178 } 179 ,"sameAs": ["https://www.facebook.com/xemketqua.official","https://t.me/xemketquadotnet"] } 180 </script>
180 181 <!-- WebSite (with SearchAction for Sitelinks Search Box) --> 182
182<script type="application/ld+json"> 183 { 184 "@context": "https://schema.org", 185 "@type": "WebSite", 186 "name": "XEMKETQUA.NET", 187 "alternateName": "XEMKETQUA", 188 "url": "http://xemketqua.net/", 189 "description": "Thá»ng kê loto gan Truyá»n Thá»ng 4664 ngà y â hiá»n thá» 100 sá» lô (00-99) chưa xuất hiá»n lâu nhất, giúp ngưá»i dùng theo dõi chu kỳ lô gan Äá» tham khảo.", 190 "inLanguage": "vi", 191 "publisher": { 192 "@id": "http://xemketqua.net/#organization" 193 }, 194 "potentialAction": { 195 "@type": "SearchAction", 196 "target": { 197 "@type": "EntryPoint", 198 "urlTemplate": "http://xemketqua.net/do-xo-so?ve_so={search_term_string}" 199 }, 200 "query-input": "required name=search_term_string" 201 } 202 } 203 </script>
203 204 <!-- SoftwareApplication (for Review Snippets / Aggregate Rating) --> 205
205<script type="application/ld+json"> 206 { 207 "@context": "https://schema.org", 208 "@type": "SoftwareApplication", 209 "@id": "http://xemketqua.net/#softwareapplication", 210 "name": "XEMKETQUA.NET", 211 "operatingSystem": "All", 212 "applicationCategory": "UtilitiesApplication", 213 "url": "http://xemketqua.net/", 214 "offers": { 215 "@type": "Offer", 216 "price": "0", 217 "priceCurrency": "VND" 218 }, 219 "aggregateRating": { 220 "@type": "AggregateRating", 221 "ratingValue": "4.8", 222 "bestRating": "5", 223 "worstRating": "1", 224 "ratingCount": "9218" 225 }, 226 "publisher": { 227 "@id": "http://xemketqua.net/#organization" 228 } 229 } 230 </script>
230 231
231<script type="application/ld+json"> 232 { 233 "@context": "https://schema.org", 234 "@type": "BreadcrumbList", 235 "itemListElement": [ 236 { 237 "@type": "ListItem", 238 "position": 1, 239 "name": "Trang chá»§", 240 "item": "https://xemketqua.net/" 241 }, 242 { 243 "@type": "ListItem", 244 "position": 2, 245 "name": "Thá»ng Kê", 246 "item": "https://xemketqua.net/thong-ke" 247 }, 248 { 249 "@type": "ListItem", 250 "position": 3, 251 "name": "Loto Gan Truyá»n Thá»ng", 252 "item": "https://xemketqua.net/loto-gan" 253 } 254 ] 255 } 256 </script>
256 257 258
258<script type="application/ld+json"> 259{ 260 "@context": "https://schema.org", 261 "@type": "Table", 262 "name": "Loto gan Miá»n Bắc â Sá» lô chưa vá» lâu nhất hôm nay", 263 "about": "Bảng thá»ng kê các sá» lô gan (sá» lô chưa vá» lâu nhất) cá»§a Truyá»n Thá»ng tÃnh Äến ngà y 09-10-2026.", 264 "mainEntity": { 265 "@type": "ItemList", 266 "name": "Loto gan Miá»n Bắc â Sá» lô chưa vá» lâu nhất hôm nay", 267 "numberOfItems": 6, 268 "itemListElement": [ 269 { 270 "@type": "ListItem", 271 "position": 1, 272 "name": "Bá» sá» 64", 273 "description": "Sá» ngà y chưa ra: 14 ngà y" 274 }, 275 { 276 "@type": "ListItem", 277 "position": 2, 278 "name": "Bá» sá» 28", 279 "description": "Sá» ngà y chưa ra: 13 ngà y" 280 }, 281 { 282 "@type": "ListItem", 283 "position": 3, 284 "name": "Bá» sá» 32", 285 "description": "Sá» ngà y chưa ra: 13 ngà y" 286 }, 287 { 288 "@type": "ListItem", 289 "position": 4, 290 "name": "Bá» sá» 18", 291 "description": "Sá» ngà y chưa ra: 12 ngà y" 292 }, 293 { 294 "@type": "ListItem", 295 "position": 5, 296 "name": "Bá» sá» 20", 297 "description": "Sá» ngà y chưa ra: 12 ngà y" 298 }, 299 { 300 "@type": "ListItem", 301 "position": 6, 302 "name": "Bá» sá» 22", 303 "description": "Sá» ngà y chưa ra: 11 ngà y" 304 } 305 ] 306 } 307}</script>
307 308 309 <!-- === GA4 USER-ID & SIGNALS TRACKING ===================== --> 310
310<script type="552de0b68c60c9fc5da11272-text/javascript"> 311 window.dataLayer = window.dataLayer || []; 312 function gtag(){dataLayer.push(arguments);} 313 314 // 1. Cấu hình Google Signals & Ad Personalization dá»±a trên Cookie Consent 315 // Nếu user chưa chấp nháºn cookie, tắt cá nhân hoá quảng cáo và tÃn hiá»u Google 316 gtag('set', 'allow_google_signals', false); 317 gtag('set', 'allow_ad_personalization_signals', false); 318 319 // 2. Gán User-ID ná»i bá» nếu user Äã ÄÄng nháºp 320 </script>
320 321 322 <!-- Há» THá»NG: Mà NHÃNG TÃY CHá»NH THEO CẤU HÃNH --> 323 <template id="lazy-header-scripts"> 324 <meta name="p:domain_verify" content="cfba4400ee6e6b840b9a81ecb28eefaf"/>
325<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6395022309587449" crossorigin="anonymous" type="552de0b68c60c9fc5da11272-text/javascript"></script>
vendor: 2 bytes, line 325
325
326<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js" type="552de0b68c60c9fc5da11272-text/javascript"></script>
326 327
328<script src="https://analytics.ahrefs.com/analytics.js" data-key="c3eD6nDQaJFN26KDs05CAg" async type="552de0b68c60c9fc5da11272-text/javascript"></script>
328 329<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 329-330
329 330<script async src="https://www.googletagmanager.com/gtag/js?id=
330G-TZY1EN3NNW
vendor: 61 bytes, line 330
330" type="552de0b68c60c9fc5da11272-text/javascript"></script>
331<script type="552de0b68c60c9fc5da11272-text/javascript"> 332
vendor: 138 bytes, lines 332-336
332window.dataLayer = window.dataLayer || []; 333 function gtag(){dataLayer.push(arguments);} 334 gtag('js', new Date()); 335 336 gtag('config', '
336G-TZY1EN3NNW
vendor: 5 bytes, line 336
336');
337</script>
337 </template> 338 339 <!-- OneSignal Web Push SDK --> 340
340<script src="https://cdn.onesignal.com/sdks/web/v16/OneSignalSDK.page.js" defer type="552de0b68c60c9fc5da11272-text/javascript"></script>
340 341
341<script type="552de0b68c60c9fc5da11272-text/javascript"> 342 window.OneSignalDeferred = window.OneSignalDeferred || []; 343 OneSignalDeferred.push(async function(OneSignal) { 344 await OneSignal.init({ 345 appId: "808b8de1-6679-4245-be2f-083ccc203872", 346 allowLocalhostAsSecureOrigin: true, 347 promptOptions: { 348 slidedown: { 349 prompts: [ 350 { 351 type: "push", 352 autoPrompt: true, 353 text: { 354 actionMessage: "Nháºn thông báo KQXS 3 miá»n nhanh nhất má»i ngà y?", 355 acceptButton: "Äá»ng ý", 356 cancelButton: "Äá» sau" 357 }, 358 delay: { 359 pageViews: 1, 360 timeDelay: 15 361 } 362 } 363 ] 364 } 365 } 366 }); 367 }); 368 </script>
368 369 <style> 370 /* Tùy chá»nh vá» trà bảng thông báo OneSignal trên Desktop cho cân Äá»i (không bá» cấn Header) */ 371 @media (min-width: 768px) { 372 #onesignal-slidedown-container, .onesignal-slidedown-container, .onesignal-slidedown-dialog { 373 top: 75px !important; 374 } 375 } 376 </style> 377</head> 378 379<body class="bg-white text-black dark:bg-black dark:text-white" data-instant-intensity="mousedown" data-instant-allow-query-string data-site-brand="XEMKETQUA.NET" data-site-brand-upper="XEMKETQUANET"> 380 381 <!-- === BARS/TOASTS ===================================== --> 382 <div id="offline-bar" role="alert" aria-live="assertive"> 383 <span><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"> 384 <path 385 d="M1 1L23 23M16.72 11.06A10.94 10.94 0 0 1 19 12.55M5 12.55a10.94 10.94 0 0 1 5.17-2.39M10.71 5.05A16 16 0 0 1 22.56 9M1.42 9a15.91 15.91 0 0 1 4.7-2.88M8.53 16.11a6 6 0 0 1 6.95 0M12 20h.01" /> 386 </svg> Äang offline â Hiá»n thá» dữ liá»u Äã lưu</span><button id="offlineRetryBtn" 387 aria-label="Thá» kết ná»i lại">Thá» lại</button> 388 </div> 389 <div id="sw-toast" role="status" aria-live="polite"> 390 <span><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" 391 aria-hidden="true"> 392 <polyline points="23 4 23 10 17 10" /> 393 <path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10" /> 394 </svg> Phiên bản má»i sẵn sà ng</span><button id="swUpdateBtn">Cáºp nháºt ngay</button><button id="swDismissBtn" 395 aria-label="Bá» qua">â</button> 396 </div> 397 <div id="pwa-install-bar" role="complementary" aria-label="Cà i Äặt ứng dụng"> 398 <div id="pwa-install-content"><span class="pwa-icon" aria-hidden="true">â</span> 399 <div class="pwa-text"><strong>Cà i XEMKETQUANET lên mà n hình</strong><span>Truy cáºp nhanh, dùng ÄÆ°á»£c 400 offline</span></div> 401 </div> 402 <div class="pwa-actions"><button id="pwaInstallBtn">Cà i Äặt</button><button id="pwaDismissBtn" 403 aria-label="Bá» qua">Äá» sau</button></div> 404 </div> 405 406 <style> 407 408@keyframes mascot-tada { 409 0% { transform: scale(1); filter: drop-shadow(0 2px 4px rgba(245,200,66,0.5)); } 410 10%, 20% { transform: scale(0.9) rotate(-6deg); } 411 30%, 50%, 70%, 90% { transform: scale(1.15) rotate(6deg); filter: drop-shadow(0 0 15px rgba(245,200,66,1)); } 412 40%, 60%, 80% { transform: scale(1.15) rotate(-6deg); filter: drop-shadow(0 0 15px rgba(245,200,66,1)); } 413 100% { transform: scale(1.15) rotate(0); filter: drop-shadow(0 0 12px rgba(245,200,66,0.8)); } 414} 415.mascot-hover-anim { 416 transition: all 0.3s ease-out; 417 filter: drop-shadow(0 2px 4px rgba(245,200,66,0.5)); 418} 419.group:hover .mascot-hover-anim { 420 animation: mascot-tada 1s ease-in-out forwards; 421} 422 423@keyframes domain-pulse { 424 0% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(239,68,68,0)); } 425 50% { transform: scale(1.15); filter: drop-shadow(0 0 12px rgba(239,68,68,0.9)); } 426 100% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(239,68,68,0)); } 427} 428.domain-hover-anim { 429 transition: all 0.3s ease-out; 430} 431.group:hover .domain-hover-anim { 432 animation: domain-pulse 1.2s infinite ease-in-out; 433 animation-delay: 1s; 434} 435 436/* Hiá»u ứng Äá»ng Tiá»n Và ng LÄn Cải Tiến */ 437@keyframes coinRollEffect { 438 0% { transform: translateY(-50%) translateX(0px) rotate(0deg); opacity: 0; } 439 15% { transform: translateY(-50%) translateX(15px) rotate(180deg); opacity: 1; } 440 85% { transform: translateY(-50%) translateX(160px) rotate(720deg); opacity: 1; } 441 100% { transform: translateY(-50%) translateX(210px) rotate(1080deg); opacity: 0; } 442} 443@keyframes maskWipeReveal { 444 0% { width: 100%; } 445 15% { width: 90%; } 446 85% { width: 5%; } 447 100% { width: 0%; } 448} 449.golden-coin { 450 position: absolute; 451 top: 50%; 452 left: 45px; 453 width: 26px;
454 height: 26px; 455 background: radial-gradient(ellipse at center, #ffd700 0%, #ca8a04 100%); 456 border: 2px solid #fef08a; 457 border-radius: 50%; 458 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3), inset 0 2px 4px rgba(255,255,255,0.8); 459 display: flex; 460 align-items: center; 461 justify-content: center; 462 color: #854d0e; 463 font-size: 15px; 464 font-weight: 900; 465 pointer-events: none; 466 z-index: 50; 467 opacity: 0; 468 transform: translateY(-50%); 469} 470.golden-coin::after { 471 content: "â«"; 472 line-height: 1; 473} 474.group:hover .golden-coin { 475 animation: coinRollEffect 1.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; 476} 477.mask-wipe-overlay { 478 width: 0%; 479} 480.group:hover .mask-wipe-overlay { 481 animation: maskWipeReveal 1.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; 482} 483</style> 484<header class="w-full sticky top-0 z-[100] bg-white dark:bg-slate-900 text-gray-800 dark:text-slate-100 shadow-sm border-b border-gray-200 dark:border-slate-800" id="siteHeader"> 485 <div class="container mx-auto max-w-[1600px] relative"> 486 <div class="flex items-center justify-between h-[72px]"> 487 <!-- Logo --> 488 <a href="https://xemketqua.net/" id="siteLogo" class="flex items-center gap-2 group shrink-0 mr-4 relative"> 489 490 <!-- Icon Box (Mascot) --> 491 <div class="w-12 h-12 flex items-center justify-center"> 492 <img src="https://xemketqua.net/assets/images/than_tai.png" alt="Thần Tà i" 493 class="w-full h-full object-contain mascot-hover-anim origin-bottom"> 494 </div> 495 496 <!-- Text --> 497 <div class="flex flex-col justify-center relative pr-4"> 498 <!-- Overlay che lấp Äá» quét mượt mà không lá»i render --> 499 <div class="absolute top-0 right-0 h-full bg-white dark:bg-slate-900 z-10 pointer-events-none mask-wipe-overlay"></div> 500 501 <span 502 class="text-[22px] font-black tracking-tight text-transparent bg-clip-text bg-gradient-to-r from-blue-800 to-blue-600 dark:from-white dark:to-blue-200 leading-none relative z-0"> 503 XEMKETQUA<strong 504 class="text-transparent bg-clip-text bg-gradient-to-br from-orange-400 to-red-600 inline-block domain-hover-anim origin-bottom" 505 style="line-height:1">.NET</strong> 506 </span> 507 <span 508 class="text-[11px] text-slate-500 dark:text-slate-300 font-bold tracking-wider mt-0.5 uppercase transition-colors duration-300 group-hover:text-yellow-600 dark:group-hover:text-yellow-400 relative z-0"> 509 Kết Quả Xá» Sá» Kiến Thiết 510 </span> 511 </div> 512 513 <!-- Äá»ng tiá»n và ng lÄn --> 514 <div class="golden-coin"></div> 515 </a> 516 517 <!-- Desktop Nav --> 518 <nav class="nav-desktop-only items-center h-full flex-1 justify-center gap-0" id="mainNav"> 519 520 <a href="https://xemketqua.net/" 521 class="h-[72px] flex items-center px-2 xl:px-2.5 2xl:px-4 font-bold text-[13px] 2xl:text-[14px] text-gray-700 border-transparent hover:text-blue-600 transition-colors border-b-2 hover:border-blue-600 whitespace-nowrap"> 522 <i class="fa-solid fa-house mr-1 text-blue-500"></i> Trang Chá»§ 523 </a> 524 525 <!-- Vietlott --> 526 <a href="https://xemketqua.net/vietlott" 527 class="h-[72px] flex items-center px-2 xl:px-2.5 2xl:px-4 font-bold text-[13px] 2xl:text-[14px] text-gray-700 border-transparent hover:text-blue-600 transition-colors border-b-2 hover:border-blue-600 whitespace-nowrap"> 528 <i class="fa-solid fa-server mr-1 text-red-500"></i> Vietlott 529 </a> 530 531 <!-- Äiá»n toán --> 532 <a href="https://xemketqua.net/dien-toan" 533 class="h-[72px] flex items-center px-2 xl:px-2.5 2xl:px-4 font-bold text-[13px] 2xl:text-[14px] text-gray-700 border-transparent hover:text-blue-600 transition-colors border-b-2 hover:border-blue-600 whitespace-nowrap"> 534 <i class="fa-solid fa-computer mr-1 text-blue-500"></i> Äiá»n Toán 535 </a> 536 537 <!-- Thá»ng Kê (Tab 2) --> 538 <div class="group h-full flex items-center"> 539 <button 540 class="h-[72px] flex items-center px-2 xl:px-2.5 2xl:px-4 font-bold text-[13px] 2xl:text-[14px] text-blue-600 transition-colors group-hover:text-blue-600 group-hover:border-t-2 group-hover:border-l group-hover:border-r group-hover:border-blue-600 group-hover:rounded-t-lg group-hover:bg-white relative z-[160] group-hover:shadow-[0_-4px_6px_-1px_rgba(0,0,0,0.05)] border-t-2 border-l border-r border-transparent whitespace-nowrap"> 541 <i class="fa-solid fa-chart-line mr-1 text-blue-600"></i> Thá»ng Kê 542 </button> 543 <!-- Mega Menu: Thá»ng Kê --> 544 <div id="mega-menu-thong-ke" 545 class="absolute top-[70px] left-1/2 -translate-x-1/2 w-[1200px] max-w-[calc(100vw-40px)] bg-white border border-blue-600 rounded-b-xl rounded-tr-xl rounded-tl-xl shadow-2xl hidden group-hover:block group-focus-within:block z-[150] p-6 pt-5"> 546 <div class="relative mb-5"> 547 <input type="text" id="searchInputThongKe" aria-label="Tìm kiếm thá»ng kê" 548 class="w-full border border-gray-300 rounded-full pl-10 pr-4 py-2.5 text-[14px] focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500 transition-shadow" 549 placeholder="Tìm kiếm thá»ng kê... (Ctrl+S)"> 550 <i 551 class="fa-solid fa-magnifying-glass absolute left-4 top-1/2 -translate-y-1/2 text-gray-400"></i> 552 </div>
553 <div class="grid grid-cols-5 gap-4"> 554 <!-- Col 1: Chu kỳ & Lô gan --> 555 <div class="bg-gray-50/80 rounded-lg p-4 border border-gray-100/50"> 556 <div class="border-b-[2px] border-orange-500 pb-2 mb-3 flex items-center"> 557 <div class="border-l-[3.5px] border-orange-500 pl-2 leading-none"> 558 <i class="fa-solid fa-clock text-orange-500 mr-1.5 text-sm"></i> 559 <span class="font-bold text-gray-800 uppercase text-[13px] 2xl:text-[14px] tracking-wide">Chu kỳ & Lô gan</span> 560 </div> 561 </div> 562 <ul class="space-y-2.5 text-[13.5px] 2xl:text-[14.5px] whitespace-nowrap"> 563 <li><a href="https://xemketqua.net/loto-gan" 564 class="flex items-center whitespace-nowrap text-gray-600 hover:text-orange-500"><i class="fa-solid fa-clock w-5 opacity-50 mr-1 text-red-400"></i> Lô Gan</a></li> 565 <li><a href="https://xemketqua.net/thong-ke-nhip-lo-gan" 566 class="flex items-center whitespace-nowrap text-gray-600 hover:text-orange-500"><i class="fa-solid fa-wave-square w-5 opacity-50 mr-1 text-purple-500"></i> Nhá»p Lô Gan</a></li> 567 <li><a href="https://xemketqua.net/thong-ke-chu-ky-bo-de" 568 class="flex items-center whitespace-nowrap text-gray-600 hover:text-orange-500"><i class="fa-solid fa-chart-pie w-5 opacity-50 mr-1 text-orange-500"></i> Chu Kỳ Bá» Äá»</a></li> 569 <li><a href="https://xemketqua.net/chu-ky" 570 class="flex items-center whitespace-nowrap text-gray-600 hover:text-orange-500"><i class="fa-solid fa-rotate w-5 opacity-50 mr-1 text-blue-500"></i> Chu kỳ loto</a></li> 571 <li><a href="https://xemketqua.net/chu-ky-dan-loto" 572 class="flex items-center whitespace-nowrap text-gray-600 hover:text-orange-500"><i class="fa-solid fa-layer-group w-5 opacity-50 mr-1 text-blue-500"></i> Chu kỳ dà n loto</a></li> 573 <li><a href="https://xemketqua.net/thong-ke-lo-roi" 574 class="flex items-center whitespace-nowrap text-gray-600 hover:text-orange-500"><i class="fa-solid fa-arrow-rotate-right w-5 opacity-50 mr-1 text-blue-500"></i> Thá»ng kê lô rÆ¡i</a></li> 575 <li><a href="https://xemketqua.net/thong-ke-lo-cam" 576 class="flex items-center whitespace-nowrap text-gray-600 hover:text-orange-500"><i class="fa-solid fa-volume-xmark w-5 opacity-50 mr-1 text-blue-500"></i> Thá»ng kê lô câm</a></li> 577 <li><a href="https://xemketqua.net/thong-ke-lo-kep" 578 class="flex items-center whitespace-nowrap text-gray-600 hover:text-orange-500"><i class="fa-solid fa-clone w-5 opacity-50 mr-1 text-blue-500"></i> Thá»ng kê lô kép</a></li> 579 </ul> 580 </div> 581 <!-- Col 2: Tần suất Loto --> 582 <div class="bg-gray-50/80 rounded-lg p-4 border border-gray-100/50"> 583 <div class="border-b-[2px] border-blue-600 pb-2 mb-3 flex items-center"> 584 <div class="border-l-[3.5px] border-blue-600 pl-2 leading-none"> 585 <i class="fa-solid fa-chart-line text-blue-600 mr-1.5 text-sm"></i> 586 <span class="font-bold text-gray-800 uppercase text-[13px] 2xl:text-[14px] tracking-wide">Tần suất Loto</span> 587 </div> 588 </div> 589 <ul class="space-y-2.5 text-[13.5px] 2xl:text-[14.5px] whitespace-nowrap"> 590 <li><a href="https://xemketqua.net/tan-so-nhip" 591 class="flex items-center whitespace-nowrap text-gray-600 hover:text-blue-600"><i class="fa-solid fa-wave-square w-5 opacity-50 mr-1 text-blue-500"></i> Tần sá» nhá»p loto</a></li> 592 <li><a href="https://xemketqua.net/tan-suat-loto" 593 class="flex items-center whitespace-nowrap text-gray-600 hover:text-blue-600"><i class="fa-solid fa-percent w-5 opacity-50 mr-1 text-blue-500"></i> Tần suất loto</a></li> 594 <li><a href="https://xemketqua.net/thong-ke-loto-bach-thu-dang-ve-lien-tuc-ngay" 595 class="flex items-center whitespace-nowrap text-gray-600 hover:text-blue-600"><i class="fa-solid fa-fire w-5 opacity-50 mr-1 text-red-500"></i> Bạch thá»§ vá» liên tục</a></li> 596 <li><a href="https://xemketqua.net/tan-suat-cap-loto" 597 class="flex items-center whitespace-nowrap text-gray-600 hover:text-blue-600"><i class="fa-solid fa-link w-5 opacity-50 mr-1 text-blue-500"></i> Tần suất cặp loto</a></li> 598 <li><a href="https://xemketqua.net/thong-ke-loto-song-thu-dang-ve-lien-tuc-ngay" 599 class="flex items-center whitespace-nowrap text-gray-600 hover:text-blue-600"><i class="fa-solid fa-fire-flame-curved w-5 opacity-50 mr-1 text-rose-500"></i> Song thá»§ vá» liên tục</a></li> 600 <li><a href="https://xemketqua.net/dau-duoi-loto" 601 class="flex items-center whitespace-nowrap text-gray-600 hover:text-blue-600"><i class="fa-solid fa-arrows-up-down w-5 opacity-50 mr-1 text-blue-500"></i> Äầu Äuôi loto</a></li> 602 <li><a href="https://xemketqua.net/ban-do-nhiet" 603 class="flex items-center whitespace-nowrap text-gray-600 hover:text-blue-600"><i class="fa-solid fa-map w-5 opacity-50 mr-1 text-blue-500"></i> Bản Äá» nhiá»t</a></li> 604 <li><a href="https://xemketqua.net/lich-su" 605 class="flex items-center whitespace-nowrap text-gray-600 hover:text-blue-600"><i class="fa-solid fa-clock-rotate-left w-5 opacity-50 mr-1 text-blue-500"></i> Lá»ch sá» cặp sá»</a></li> 606 <li><a href="https://xemketqua.net/loto-theo-db" 607 class="flex items-center whitespace-nowrap text-gray-600 hover:text-blue-600"><i class="fa-solid fa-arrow-right w-5 opacity-50 mr-1 text-blue-500"></i> Loto theo Äặc Biá»t</a></li> 608 <li><a href="https://xemketqua.net/loto-theo-loto" 609 class="flex items-center whitespace-nowrap text-gray-600 hover:text-blue-600"><i class="fa-solid fa-arrows-left-right w-5 opacity-50 mr-1 text-blue-500"></i> Loto theo loto</a></li> 610 <li><a href="https://xemketqua.net/xu-huong" 611 class="flex items-center whitespace-nowrap text-gray-600 hover:text-blue-600"><i class="fa-solid fa-chart-line w-5 opacity-50 mr-1 text-blue-500"></i> Xu Hưá»ng Sá»</a></li> 612 <li><a href="https://xemketqua.net/so-sanh-ket-qua" 613 class="flex items-center whitespace-nowrap text-gray-600 hover:text-blue-600"><i class="fa-solid fa-code-compare w-5 opacity-50 mr-1 text-blue-500"></i> So Sánh Nhiá»u Ngà y</a></li> 614 <li><a href="https://xemketqua.net/chi-tiet-loto/68" 615 class="flex items-center whitespace-nowrap text-gray-600 hover:text-blue-600"><i class="fa-solid fa-id-card w-5 opacity-50 mr-1 text-blue-500"></i> Há» sÆ¡ Loto</a></li> 616 </ul> 617 </div> 618 <!-- Col 3: Thá»ng kê Giải --> 619 <div class="bg-gray-50/80 rounded-lg p-4 border border-gray-100/50"> 620 <div class="border-b-[2px] border-orange-500 pb-2 mb-3 flex items-center"> 621 <div class="border-l-[3.5px] border-orange-500 pl-2 leading-none"> 622 <i class="fa-solid fa-trophy text-orange-500 mr-1.5 text-[13px]"></i>
623 <span class="font-bold text-gray-800 uppercase text-[13px] 2xl:text-[14px] tracking-wide">Thá»ng Kê Giải</span> 624 </div> 625 </div> 626 <ul class="space-y-2.5 text-[13.5px] 2xl:text-[14.5px] whitespace-nowrap"> 627 <li><a href="https://xemketqua.net/chu-ky-dac-biet" 628 class="flex items-center whitespace-nowrap text-gray-600 hover:text-orange-500"><i class="fa-solid fa-star w-5 opacity-50 mr-1 text-orange-500"></i> Chu kỳ Äặc Biá»t</a> 629 </li> 630 <li><a href="https://xemketqua.net/chu-ky-dan-dac-biet" 631 class="flex items-center whitespace-nowrap text-gray-600 hover:text-orange-500"><i class="fa-solid fa-border-all w-5 opacity-50 mr-1 text-orange-500"></i> Chu kỳ dà n Äặc Biá»t</a></li> 632 <li><a href="https://xemketqua.net/thong-ke-giai-nhat" 633 class="flex items-center whitespace-nowrap text-gray-600 hover:text-orange-500"><i class="fa-solid fa-medal w-5 opacity-50 mr-1 text-orange-500"></i> Thá»ng kê giải nhất</a></li> 634 <li><a href="https://xemketqua.net/thong-ke-tan-suat-bo-so" 635 class="flex items-center whitespace-nowrap text-gray-600 hover:text-orange-500"><i class="fa-solid fa-list-ol w-5 opacity-50 mr-1 text-orange-500"></i> Tần suất bá» sá»</a> 636 </li> 637 <li><a href="https://xemketqua.net/thong-ke-tong-hop" 638 class="flex items-center whitespace-nowrap text-gray-600 hover:text-orange-500"><i class="fa-solid fa-chart-pie w-5 opacity-50 mr-1 text-orange-500"></i> Thá»ng kê tá»ng hợp</a></li> 639 <li><a href="https://xemketqua.net/thong-ke-theo-ngay" 640 class="flex items-center whitespace-nowrap text-gray-600 hover:text-orange-500"><i class="fa-solid fa-calendar w-5 opacity-50 mr-1 text-orange-500"></i> Thá»ng kê theo ngà y</a></li> 641 <li><a href="https://xemketqua.net/thong-ke-theo-tong" 642 class="flex items-center whitespace-nowrap text-gray-600 hover:text-orange-500"><i class="fa-solid fa-calculator w-5 opacity-50 mr-1 text-orange-500"></i> Thá»ng kê theo tá»ng</a></li> 643 <li><a href="https://xemketqua.net/thong-ke-quan-trong" 644 class="flex items-center whitespace-nowrap text-gray-600 hover:text-orange-500"><i class="fa-solid fa-circle-exclamation w-5 opacity-50 mr-1 text-orange-500"></i> Thá»ng kê quan trá»ng</a></li> 645 <li><a href="https://xemketqua.net/thong-ke-bang-vang" 646 class="flex items-center whitespace-nowrap text-gray-600 hover:text-orange-500"><i class="fa-solid fa-trophy w-5 opacity-50 mr-1 text-amber-500"></i> Thá»ng kê bảng và ng</a></li> 647 <li><a href="https://xemketqua.net/thong-ke-lo-xien" 648 class="flex items-center whitespace-nowrap text-gray-600 hover:text-orange-500"><i class="fa-solid fa-link w-5 opacity-50 mr-1 text-orange-500"></i> Thá»ng kê lô xiên</a> 649 </li> 650 </ul> 651 </div> 652 <!-- Col 4: Bảng Thá»ng Kê --> 653 <div class="bg-gray-50/80 rounded-lg p-4 border border-gray-100/50"> 654 <div class="border-b-[2px] border-emerald-500 pb-2 mb-3 flex items-center"> 655 <div class="border-l-[3.5px] border-emerald-500 pl-2 leading-none"> 656 <i class="fa-solid fa-table-cells text-emerald-500 mr-1.5 text-sm"></i>
657 <span class="font-bold text-gray-800 uppercase text-[13px] 2xl:text-[14px] tracking-wide">Bảng Thá»ng Kê</span> 658 </div> 659 </div> 660 <ul class="space-y-2.5 text-[13.5px] 2xl:text-[14.5px] whitespace-nowrap"> 661 <li><a href="https://xemketqua.net/bang-dac-biet" 662 class="flex items-center whitespace-nowrap text-gray-600 hover:text-emerald-500"><i class="fa-solid fa-calendar-days w-5 opacity-50 mr-1 text-emerald-500"></i> Bảng Äặc biá»t</a></li> 663 <li><a href="https://xemketqua.net/bang-dac-biet-thang" 664 class="flex items-center whitespace-nowrap text-gray-600 hover:text-emerald-500"><i class="fa-solid fa-calendar-days w-5 opacity-50 mr-1 text-emerald-500"></i> Bảng Äặc biá»t tháng</a></li> 665 <li><a href="https://xemketqua.net/bang-dac-biet-nam" 666 class="flex items-center whitespace-nowrap text-gray-600 hover:text-emerald-500"><i class="fa-solid fa-calendar-days w-5 opacity-50 mr-1 text-emerald-500"></i> Bảng Äặc biá»t nÄm</a></li> 667 <li><a href="https://xemketqua.net/bang-de-dau" 668 class="flex items-center whitespace-nowrap text-gray-600 hover:text-emerald-500"><i class="fa-solid fa-calendar-days w-5 opacity-50 mr-1 text-emerald-500"></i> Bảng Äá» Äầu tuần</a></li> 669 <li><a href="https://xemketqua.net/bang-de-dau-thang" 670 class="flex items-center whitespace-nowrap text-gray-600 hover:text-emerald-500"><i class="fa-solid fa-calendar-days w-5 opacity-50 mr-1 text-emerald-500"></i> Bảng Äá» Äầu tháng</a></li> 671 <li><a href="https://xemketqua.net/bang-de-dau-nam" 672 class="flex items-center whitespace-nowrap text-gray-600 hover:text-emerald-500"><i class="fa-solid fa-calendar-days w-5 opacity-50 mr-1 text-emerald-500"></i> Bảng Äá» Äầu nÄm</a></li> 673 <li><a href="https://xemketqua.net/bang-giai-nhat" 674 class="flex items-center whitespace-nowrap text-gray-600 hover:text-emerald-500"><i class="fa-solid fa-calendar-check w-5 opacity-50 mr-1 text-emerald-500"></i> Bảng giải nhất tuần</a></li> 675 <li><a href="https://xemketqua.net/bang-giai-nhat-thang" 676 class="flex items-center whitespace-nowrap text-gray-600 hover:text-emerald-500"><i class="fa-solid fa-calendar-check w-5 opacity-50 mr-1 text-emerald-500"></i> Bảng giải nhất tháng</a></li> 677 <li><a href="https://xemketqua.net/bang-giai-nhat-nam" 678 class="flex items-center whitespace-nowrap text-gray-600 hover:text-emerald-500"><i class="fa-solid fa-calendar-check w-5 opacity-50 mr-1 text-emerald-500"></i> Bảng giải nhất nÄm</a></li> 679 <li><a href="https://xemketqua.net/kqxs/xsmb/2026" 680 class="flex items-center whitespace-nowrap text-gray-600 hover:text-emerald-500"><i 681 class="fa-solid fa-calendar-days w-5 opacity-50 mr-1 text-emerald-500"></i> Lá»ch sá» XSMB theo nÄm</a></li> 682 <li><a href="https://xemketqua.net/kqxs/xsmn/2026" 683 class="flex items-center whitespace-nowrap text-gray-600 hover:text-emerald-500"><i 684 class="fa-solid fa-calendar-days w-5 opacity-50 mr-1 text-emerald-500"></i> Lá»ch sá» XSMN theo nÄm</a></li> 685 <li><a href="https://xemketqua.net/kqxs/xsmt/2026" 686 class="flex items-center whitespace-nowrap text-gray-600 hover:text-emerald-500"><i 687 class="fa-solid fa-calendar-days w-5 opacity-50 mr-1 text-emerald-500"></i> Lá»ch sá» XSMT theo nÄm</a></li> 688 </ul> 689 </div> 690 <!-- Col 5: Xác Suất --> 691 <div class="bg-gray-50/80 rounded-lg p-4 border border-gray-100/50"> 692 <div class="border-b-[2px] border-red-600 pb-2 mb-3 flex items-center"> 693 <div class="border-l-[3.5px] border-red-600 pl-2 leading-none"> 694 <i class="fa-solid fa-chart-column text-red-600 mr-1.5 text-sm"></i>
695 <span class="font-bold text-gray-800 uppercase text-[13px] 2xl:text-[14px] tracking-wide">Xác Suất</span> 696 </div> 697 </div> 698 <ul class="space-y-2.5 text-[13.5px] 2xl:text-[14.5px] whitespace-nowrap"> 699 <li><a href="https://xemketqua.net/du-doan-thong-minh" 700 class="flex items-center whitespace-nowrap text-gray-600 hover:text-red-600"><i class="fa-solid fa-circle-half-stroke w-5 opacity-50 mr-1 text-red-500"></i> Xác suất thá»ng kê AI</a></li> 701 <li><a href="https://xemketqua.net/bac-nho-lo-de" 702 class="flex items-center whitespace-nowrap text-gray-600 hover:text-red-600"><i class="fa-solid fa-bars-staggered w-5 opacity-50 mr-1 text-red-500"></i> Bạc nhá» lô Äá»</a></li> 703 <li><a href="https://xemketqua.net/tuong-quan-so" 704 class="flex items-center whitespace-nowrap text-gray-600 hover:text-red-600"><i class="fa-solid fa-network-wired w-5 opacity-50 mr-1 text-red-500"></i> Tương quan sá»</a></li> 705 <li><a href="https://xemketqua.net/giai-db-ngay-mai" 706 class="flex items-center whitespace-nowrap text-gray-600 hover:text-red-600"><i class="fa-solid fa-wand-magic-sparkles w-5 opacity-50 mr-1 text-red-500"></i> Giải ÄB ngà y mai</a></li> 707 <li><a href="https://xemketqua.net/de-dau-ngay-mai" 708 class="flex items-center whitespace-nowrap text-gray-600 hover:text-red-600"><i class="fa-solid fa-bolt w-5 opacity-50 mr-1 text-red-500"></i> Äá» Äầu ngà y mai</a> 709 </li> 710 <li><a href="https://xemketqua.net/thong-ke-nhanh" 711 class="flex items-center whitespace-nowrap text-gray-600 hover:text-red-600"><i class="fa-solid fa-bolt-lightning w-5 opacity-50 mr-1 text-red-500"></i> Thá»ng kê nhanh</a></li> 712 <li><a href="https://xemketqua.net/max-dan-cung-ve" 713 class="flex items-center whitespace-nowrap text-gray-600 hover:text-red-600"><i class="fa-solid fa-users w-5 opacity-50 mr-1 text-red-500"></i> Max dà n cùng vá»</a> 714 </li> 715 </ul> 716 </div> 717 </div> 718 </div> 719 </div> 720 721 <!-- Tiá»n Ãch (Tab 3) --> 722 <div class="group h-full flex items-center"> 723 <button 724 class="h-[72px] flex items-center px-2 xl:px-2.5 2xl:px-4 font-bold text-[13px] 2xl:text-[14px] text-gray-700 transition-colors group-hover:text-blue-600 group-hover:border-t-2 group-hover:border-l group-hover:border-r group-hover:border-blue-600 group-hover:rounded-t-lg group-hover:bg-white relative z-[160] group-hover:shadow-[0_-4px_6px_-1px_rgba(0,0,0,0.05)] border-t-2 border-l border-r border-transparent whitespace-nowrap"> 725 <i class="fa-solid fa-wrench mr-1 text-purple-500"></i> Tiá»n Ãch 726 </button> 727 <div id="mega-menu-tien-ich" 728 class="absolute top-[70px] left-1/2 -translate-x-1/2 w-[750px] max-w-[calc(100vw-40px)] bg-white border border-blue-600 rounded-b-xl rounded-tr-xl rounded-tl-xl shadow-2xl hidden group-hover:block group-focus-within:block z-[150] p-6 pt-5"> 729 <div class="relative mb-5"> 730 <input type="text" id="searchInputTienIch" aria-label="Tìm kiếm tiá»n Ãch" 731 class="w-full border border-gray-300 rounded-full pl-10 pr-4 py-2.5 text-[14px] focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500 transition-shadow" 732 placeholder="Tìm kiếm tiá»n Ãch... (Ctrl+E)"> 733 <i 734 class="fa-solid fa-magnifying-glass absolute left-4 top-1/2 -translate-y-1/2 text-gray-400"></i> 735 </div> 736 <div class="grid grid-cols-3 gap-5"> 737 <!-- Col 1 --> 738 <div class="flex flex-col gap-5"> 739 <div class="bg-gray-50/80 rounded-lg p-4 border border-gray-100/50"> 740 <div class="border-b-[2px] border-purple-500 pb-2 mb-3 flex items-center"> 741 <div class="border-l-[3.5px] border-purple-500 pl-2 leading-none"> 742 <i class="fa-solid fa-dice text-purple-500 mr-1.5 text-sm"></i>
743 <span 744 class="font-bold text-gray-800 uppercase text-[13px] tracking-wide">Công 745 Cụ Xá» Sá»</span> 746 </div> 747 </div> 748 <ul class="space-y-2.5 text-[13.5px] 2xl:text-[14.5px] whitespace-nowrap"> 749 <li><a href="https://xemketqua.net/quay-thu-xo-so" 750 class="flex items-center whitespace-nowrap text-gray-600 hover:text-purple-600"><i class="fa-solid fa-dice-d20 w-5 opacity-50 mr-1 text-purple-500"></i> Quay thá» xá» 751 sá»</a></li> 752 <li><a href="https://xemketqua.net/lo-xien" 753 class="flex items-center whitespace-nowrap text-gray-600 hover:text-purple-600"><i class="fa-solid fa-link w-5 opacity-50 mr-1 text-purple-500"></i> Lô xiên tá»± 754 Äá»ng</a></li> 755 <li><a href="https://xemketqua.net/so-mo" 756 class="flex items-center whitespace-nowrap text-gray-600 hover:text-purple-600"><i class="fa-solid fa-book-open w-5 opacity-50 mr-1 text-purple-500"></i> Sá» mÆ¡</a> 757 </li> 758 </ul> 759 </div> 760 <div class="bg-gray-50/80 rounded-lg p-4 border border-gray-100/50"> 761 <div class="border-b-[2px] border-blue-600 pb-2 mb-3 flex items-center"> 762 <div class="border-l-[3.5px] border-blue-600 pl-2 leading-none"> 763 <i class="fa-solid fa-hand-pointer text-blue-600 mr-1.5 text-sm"></i> 764 <span class="font-bold text-gray-800 uppercase text-[13px] 2xl:text-[14px] tracking-wide">Há» 765 Trợ Chá»n Sá»</span> 766 </div> 767 </div> 768 <ul class="space-y-2.5 text-[13.5px] 2xl:text-[14.5px] whitespace-nowrap"> 769 <li><a href="https://xemketqua.net/kiem-tra-so-da-ra" 770 class="flex items-center whitespace-nowrap text-gray-600 hover:text-blue-600"><i class="fa-solid fa-circle-check w-5 opacity-50 mr-1 text-blue-500"></i> Kiá»m tra 771 sá» Äã ra</a></li> 772 <li><a href="https://xemketqua.net/bo-loc-thong-minh" 773 class="flex items-center whitespace-nowrap text-gray-600 hover:text-blue-600"><i class="fa-solid fa-filter w-5 opacity-50 mr-1 text-blue-500"></i> 774 Bá» lá»c thông minh</a></li> 775 <li><a href="https://xemketqua.net/cong-cu-dac-biet-2d" 776 class="flex items-center whitespace-nowrap text-gray-600 hover:text-blue-600"><i class="fa-solid fa-cubes w-5 opacity-50 mr-1 text-blue-500"></i> Siêu công cụ 2D</a></li> 777 </ul> 778 </div> 779 </div> 780 <!-- Col 2 --> 781 <div class="flex flex-col gap-5"> 782 <div class="bg-gray-50/80 rounded-lg p-4 border border-gray-100/50"> 783 <div class="border-b-[2px] border-cyan-500 pb-2 mb-3 flex items-center"> 784 <div class="border-l-[3.5px] border-cyan-500 pl-2 leading-none"> 785 <i class="fa-solid fa-layer-group text-cyan-500 mr-1.5 text-[13px]"></i>
786 <span class="font-bold text-gray-800 uppercase text-[13px] 2xl:text-[14px] tracking-wide">Xá» 787 Lý Dà n Sá»</span> 788 </div> 789 </div> 790 <ul class="space-y-2.5 text-[13.5px] 2xl:text-[14.5px] whitespace-nowrap"> 791 <li><a href="https://xemketqua.net/gop-so" 792 class="flex items-center whitespace-nowrap text-gray-600 hover:text-cyan-600"><i 793 class="fa-solid fa-compress w-5 opacity-50 mr-1 text-cyan-500"></i> Gá»p dà n Äặc 794 biá»t</a></li> 795 <li><a href="https://xemketqua.net/tach-so" 796 class="flex items-center whitespace-nowrap text-gray-600 hover:text-cyan-600"><i class="fa-solid fa-expand w-5 opacity-50 mr-1 text-cyan-500"></i> Tách dà n Äặc 797 biá»t</a></li> 798 <li><a href="https://xemketqua.net/loc-ghep-dan" 799 class="flex items-center whitespace-nowrap text-gray-600 hover:text-cyan-600"><i class="fa-solid fa-filter w-5 opacity-50 mr-1 text-cyan-500"></i> Lá»c ghép dà n Äặc 800 biá»t</a></li> 801 </ul> 802 </div> 803 <div class="bg-gray-50/80 rounded-lg p-4 border border-gray-100/50"> 804 <div class="border-b-[2px] border-indigo-800 pb-2 mb-3 flex items-center"> 805 <div class="border-l-[3.5px] border-indigo-800 pl-2 leading-none"> 806 <i class="fa-solid fa-bell text-indigo-800 mr-1.5 text-sm"></i> 807 <span 808 class="font-bold text-gray-800 uppercase text-[13px] tracking-wide">Tiá»n 809 Ãch Khác</span> 810 </div> 811 </div> 812 <ul class="space-y-2.5 text-[13.5px] 2xl:text-[14.5px] whitespace-nowrap"> 813 814 <li><a href="https://xemketqua.net/tao-phoi" 815 class="flex items-center whitespace-nowrap text-gray-600 hover:text-indigo-800"><i class="fa-solid fa-file-invoice w-5 opacity-50 mr-1 text-indigo-500"></i> Tạo 816 Phôi</a></li> 817 <li><a href="https://xemketqua.net/tao-phoi-tuan" 818 class="flex items-center whitespace-nowrap text-gray-600 hover:text-indigo-800"><i class="fa-solid fa-calendar-week w-5 opacity-50 mr-1 text-indigo-500"></i> Tạo Phôi 819 Tuần</a></li> 820 <li><a href="https://xemketqua.net/widget" 821 class="flex items-center whitespace-nowrap text-gray-600 hover:text-indigo-800"><i class="fa-solid fa-code w-5 opacity-50 mr-1 text-indigo-500"></i> Tạo Widget 822 Nhúng</a></li> 823 </ul> 824 </div> 825 </div> 826 <!-- Col 3 --> 827 <div class="flex flex-col gap-5"> 828 <div class="bg-gray-50/80 rounded-lg p-4 border border-gray-100/50"> 829 <div class="border-b-[2px] border-pink-500 pb-2 mb-3 flex items-center"> 830 <div class="border-l-[3.5px] border-pink-500 pl-2 leading-none"> 831 <i class="fa-solid fa-pen text-pink-500 mr-1.5 text-sm"></i>
832 <span class="font-bold text-gray-800 uppercase text-[13px] 2xl:text-[14px] tracking-wide">Tạo 833 Dà n Sá»</span> 834 </div> 835 </div> 836 <ul class="space-y-2.5 text-[13.5px] 2xl:text-[14.5px] whitespace-nowrap"> 837 <li><a href="https://xemketqua.net/tao-dan" 838 class="flex items-center whitespace-nowrap text-gray-600 hover:text-pink-600"><i class="fa-solid fa-pen-nib w-5 opacity-50 mr-1 text-pink-500"></i> Tạo nhanh dà n Äặc 839 biá»t</a></li> 840 <li><a href="https://xemketqua.net/tao-dan-3d4d" 841 class="flex items-center whitespace-nowrap text-gray-600 hover:text-pink-600"><i class="fa-solid fa-cube w-5 opacity-50 mr-1 text-pink-500"></i> Tạo dà n 3D 4D</a></li> 842 843 <li><a href="https://xemketqua.net/loai-dan" 844 class="flex items-center whitespace-nowrap text-gray-600 hover:text-pink-600"><i class="fa-solid fa-trash-can w-5 opacity-50 mr-1 text-pink-500"></i> Loại dà n Äặc 845 biá»t</a></li> 846 </ul> 847 </div> 848 <div class="bg-gray-50/80 rounded-lg p-4 border border-gray-100/50"> 849 <div class="border-b-[2px] border-emerald-500 pb-2 mb-3 flex items-center"> 850 <div class="border-l-[3.5px] border-emerald-500 pl-2 leading-none"> 851 <i class="fa-solid fa-yin-yang text-emerald-500 mr-1.5 text-sm"></i> 852 <span class="font-bold text-gray-800 uppercase text-[13px] 2xl:text-[14px] tracking-wide">Phong Thá»§y</span> 853 </div> 854 </div> 855 <ul class="space-y-2.5 text-[13.5px] 2xl:text-[14.5px] whitespace-nowrap"> 856 <li><a href="https://xemketqua.net/phong-thuy-can-chi" 857 class="flex items-center whitespace-nowrap text-gray-600 hover:text-emerald-600"><i class="fa-solid fa-compass w-5 opacity-50 mr-1 text-emerald-500"></i> Nhá»p Sinh Há»c Can Chi</a></li> 858 <li><a href="https://xemketqua.net/huyen-khong-phi-tinh" 859 class="flex items-center whitespace-nowrap text-gray-600 hover:text-emerald-600"><i class="fa-solid fa-dharmachakra w-5 opacity-50 mr-1 text-emerald-500"></i> Huyá»n Không Phi Tinh</a></li> 860 </ul> 861 </div> 862 </div> 863 </div> 864 </div> 865 </div> 866 867 <!-- Soi cầu (Tab 4) --> 868 <div class="group h-full flex items-center"> 869 <button 870 class="h-[72px] flex items-center px-2 xl:px-2.5 2xl:px-4 font-bold text-[13px] 2xl:text-[14px] text-gray-700 transition-colors group-hover:text-blue-600 group-hover:border-t-2 group-hover:border-l group-hover:border-r group-hover:border-blue-600 group-hover:rounded-t-lg group-hover:bg-white relative z-[160] group-hover:shadow-[0_-4px_6px_-1px_rgba(0,0,0,0.05)] border-t-2 border-l border-r border-transparent whitespace-nowrap"> 871 <i class="fa-solid fa-compass mr-1 text-emerald-500"></i> Soi cầu 872 </button> 873 <div id="mega-menu-soi-cau" 874 class="absolute top-[70px] left-1/2 -translate-x-1/2 w-[750px] max-w-[calc(100vw-40px)] bg-white border border-blue-600 rounded-b-xl rounded-tr-xl rounded-tl-xl shadow-2xl hidden group-hover:block group-focus-within:block z-[150] p-6 pt-5"> 875 <div class="relative mb-5"> 876 <input type="text" id="searchInputSoiCau" aria-label="Tìm kiếm soi cầu" 877 class="w-full border border-gray-300 rounded-full pl-10 pr-4 py-2.5 text-[14px] focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500 transition-shadow" 878 placeholder="Tìm kiếm soi cầu... (Ctrl+G)"> 879 <i 880 class="fa-solid fa-magnifying-glass absolute left-4 top-1/2 -translate-y-1/2 text-gray-400"></i> 881 </div> 882 <div class="grid grid-cols-3 gap-5"> 883 <!-- Col 1 --> 884 <div class="bg-gray-50/80 rounded-lg p-4 border border-gray-100/50"> 885 <div class="border-b-[2px] border-blue-600 pb-2 mb-3 flex items-center"> 886 <div class="border-l-[3.5px] border-blue-600 pl-2 leading-none"> 887 <i class="fa-solid fa-chart-line text-blue-600 mr-1.5 text-sm"></i>
888 <span class="font-bold text-gray-800 uppercase text-[13px] 2xl:text-[14px] tracking-wide"> Cầu 889 Loto</span> 890 </div> 891 </div> 892 <ul class="space-y-2.5 text-[13.5px] 2xl:text-[14.5px] whitespace-nowrap"> 893 <li><a href="https://xemketqua.net/cau-loto" 894 class="flex items-center whitespace-nowrap text-gray-600 hover:text-blue-600"><i class="fa-solid fa-chart-line w-5 opacity-50 mr-1 text-blue-500"></i> Cầu loto</a> 895 </li> 896 <li><a href="https://xemketqua.net/soi-cau-tam-giac" 897 class="flex items-center whitespace-nowrap text-gray-600 hover:text-blue-600"><i class="fa-solid fa-shapes w-5 opacity-50 mr-1 text-blue-500"></i> Cầu tam giác</a> 898 </li> 899 <li><a href="https://xemketqua.net/cau-loai-loto" 900 class="flex items-center whitespace-nowrap text-gray-600 hover:text-blue-600"><i class="fa-solid fa-shield-halved w-5 opacity-50 mr-1 text-blue-500"></i> Cầu loại loto</a> 901 </li> 902 <li><a href="https://xemketqua.net/cau-loto-bach-thu" 903 class="flex items-center whitespace-nowrap text-gray-600 hover:text-blue-600"><i class="fa-solid fa-star w-5 opacity-50 mr-1 text-blue-500"></i> Cầu loto bạch thá»§</a> 904 </li> 905 <li><a href="https://xemketqua.net/cau-loai-bach-thu" 906 class="flex items-center whitespace-nowrap text-gray-600 hover:text-blue-600"><i class="fa-solid fa-shield-cat w-5 opacity-50 mr-1 text-blue-500"></i> Cầu loại bạch thá»§</a> 907 </li> 908 <li><a href="https://xemketqua.net/cau-hai-nhay" 909 class="flex items-center whitespace-nowrap text-gray-600 hover:text-emerald-500"><i class="fa-solid fa-dice w-5 opacity-50 mr-1 text-emerald-500"></i> Cầu Än hai nháy</a> 910 </li> 911 <li><a href="https://xemketqua.net/cau-3-cang" 912 class="flex items-center whitespace-nowrap text-gray-600 hover:text-purple-600"><i class="fa-solid fa-cubes w-5 opacity-50 mr-1 text-purple-500"></i> Cầu 3 Cà ng & 4 913 Cà ng</a> 914 </li> 915 </ul> 916 </div> 917 <!-- Col 2 --> 918 <div class="bg-gray-50/80 rounded-lg p-4 border border-gray-100/50"> 919 <div class="border-b-[2px] border-orange-500 pb-2 mb-3 flex items-center"> 920 <div class="border-l-[3.5px] border-orange-500 pl-2 leading-none"> 921 <i class="fa-solid fa-trophy text-orange-500 mr-1.5 text-[13px]"></i> 922 <span class="font-bold text-gray-800 uppercase text-[13px] 2xl:text-[14px] tracking-wide">Cầu 923 Giải</span> 924 </div> 925 </div> 926 <ul class="space-y-2.5 text-[13.5px] 2xl:text-[14.5px] whitespace-nowrap"> 927 <li><a href="https://xemketqua.net/cau-giai-dac-biet" 928 class="flex items-center whitespace-nowrap text-gray-600 hover:text-orange-500"><i class="fa-solid fa-trophy w-5 opacity-50 mr-1 text-orange-500"></i> Cầu giải Äặc 929 biá»t</a></li> 930 <li><a href="https://xemketqua.net/cau-giai-dac-biet-theo-bo-so" 931 class="flex items-center whitespace-nowrap text-gray-600 hover:text-orange-500"><i class="fa-solid fa-cubes w-5 opacity-50 mr-1 text-orange-500"></i> Cầu ÄB theo bá» sá»</a></li> 932 <li><a href="https://xemketqua.net/cau-theo-thu" 933 class="flex items-center whitespace-nowrap text-gray-600 hover:text-orange-500"><i class="fa-solid fa-calendar w-5 opacity-50 mr-1 text-orange-500"></i> Cầu theo thứ</a> 934 </li> 935 <li><a href="https://xemketqua.net/cau-dac-biet-theo-thu" 936 class="flex items-center whitespace-nowrap text-gray-600 hover:text-orange-500"><i class="fa-solid fa-star w-5 opacity-50 mr-1 text-orange-500"></i> Cầu ÄB theo thứ</a> 937 </li> 938 </ul> 939 </div> 940 <!-- Col 3 --> 941 <div class="bg-gray-50/80 rounded-lg p-4 border border-gray-100/50"> 942 <div class="border-b-[2px] border-emerald-500 pb-2 mb-3 flex items-center"> 943 <div class="border-l-[3.5px] border-emerald-500 pl-2 leading-none"> 944 <i class="fa-solid fa-clock-rotate-left text-emerald-500 mr-1.5 text-sm"></i>
945 <span class="font-bold text-gray-800 uppercase text-[13px] 2xl:text-[14px] tracking-wide">Quản 946 Lý Cầu</span> 947 </div> 948 </div> 949 <ul class="space-y-2.5 text-[13.5px] 2xl:text-[14.5px] whitespace-nowrap"> 950 <li><a href="https://xemketqua.net/cang-loto" 951 class="flex items-center whitespace-nowrap text-gray-600 hover:text-emerald-500"><i class="fa-solid fa-magnifying-glass w-5 opacity-50 mr-1 text-emerald-500"></i> Cầu cà ng 952 loto</a> 953 </li> 954 <li><a href="https://xemketqua.net/lich-su-cau" 955 class="flex items-center whitespace-nowrap text-gray-600 hover:text-emerald-500"><i class="fa-solid fa-clock-rotate-left w-5 opacity-50 mr-1 text-emerald-500"></i> Lá»ch sá» 956 cầu</a></li> 957 <li><a href="https://xemketqua.net/tong-hop-cau" 958 class="flex items-center whitespace-nowrap text-gray-600 hover:text-emerald-500"><i class="fa-solid fa-list-check w-5 opacity-50 mr-1 text-emerald-500"></i> Tá»ng hợp cầu</a> 959 </li> 960 </ul> 961 </div> 962 </div> 963 </div> 964 </div> 965 966 <!-- Sá» Kết Quả --> 967 <a href="https://xemketqua.net/so-ket-qua" 968 class="h-[72px] flex items-center px-2 xl:px-2.5 2xl:px-4 font-bold text-[13px] 2xl:text-[14px] text-gray-700 border-transparent hover:text-blue-600 transition-colors border-b-2 hover:border-blue-600 whitespace-nowrap"> 969 <i class="fa-solid fa-book mr-1 text-indigo-500"></i> Sá» Kết Quả 970 </a> 971 972 <!-- Lá»ch Quay Thưá»ng --> 973 <a href="https://xemketqua.net/lich-quay-thuong" 974 class="h-[72px] flex items-center px-2 xl:px-2.5 2xl:px-4 font-bold text-[13px] 2xl:text-[14px] text-gray-700 border-transparent hover:text-blue-600 transition-colors border-b-2 hover:border-blue-600 whitespace-nowrap"> 975 <i class="fa-solid fa-calendar-days mr-1 text-rose-500"></i> Lá»ch Quay Thưá»ng 976 </a> 977 978 <!-- Tin Tức --> 979 <a href="https://xemketqua.net/tin-tuc" 980 class="h-[72px] flex items-center px-2 xl:px-2.5 2xl:px-4 font-bold text-[13px] 2xl:text-[14px] text-gray-700 border-transparent hover:text-blue-600 transition-colors border-b-2 hover:border-blue-600 whitespace-nowrap"> 981 <i class="fa-solid fa-newspaper mr-1 text-amber-500"></i> Tin Tức 982 </a> 983 984 <!-- Bóng Äá --> 985 <a href="https://xemketqua.net/bong-da" 986 class="h-[72px] flex items-center px-2 xl:px-2.5 2xl:px-4 font-bold text-[13px] 2xl:text-[14px] text-gray-700 border-transparent hover:text-blue-600 transition-colors border-b-2 hover:border-blue-600 whitespace-nowrap"> 987 <i class="fa-solid fa-futbol mr-1 text-green-600"></i> Bóng Äá 988 </a> 989 </nav> 990 991 <!-- Actions Right --> 992 <div class="flex items-center h-full ml-1"> 993 <!-- Dò Xá» Sá» --> 994 <!-- Dò Xá» Sá» --> 995 <div class="nav-desktop-only h-[72px] items-center px-2 ml-1 border-l border-gray-100"> 996 <a href="https://xemketqua.net/do-xo-so" 997 class="flex items-center font-bold text-[13px] 2xl:text-[14px] text-gray-700 hover:text-blue-600 transition-colors whitespace-nowrap"> 998 <i class="fa-solid fa-magnifying-glass mr-1 text-blue-600"></i> Dò Vé Sá» 999 </a> 1000 </div> 1001 1002 <!-- Font Resize Controls (Desktop) --> 1003 <div class="nav-desktop-only h-[72px] items-center px-2 border-l border-gray-100 dark:border-slate-800 relative" x-data="{ openFont: false }" @click.outside="openFont = false"> 1004 <button @click="openFont = !openFont" class="w-8 h-8 rounded-full border border-gray-200 dark:border-slate-700 bg-white dark:bg-slate-800 flex items-center justify-center text-gray-500 dark:text-slate-300 hover:text-blue-600 dar
1004k:hover:text-blue-400 hover:border-blue-600 dark:hover:border-blue-400 transition shadow-sm" title="Thay Äá»i cỡ chữ"> 1005 <i class="fa-solid fa-font"></i> 1006 </button> 1007 <!-- Dropdown --> 1008 <div x-show="openFont" @click.stop x-transition.opacity style="display: none;" class="absolute right-0 top-[65px] bg-white dark:bg-slate-800 border border-gray-200 dark:border-slate-700 rounded-lg shadow-xl p-2.5 z-[180]"> 1009 <div class="text-[11px] uppercase font-bold tracking-wider text-gray-500 dark:text-slate-400 mb-2.5 text-center whitespace-nowrap">Cỡ chữ</div> 1010 <div class="flex items-center gap-2 justify-center" id="fontResizeDesktop"> 1011 <button class="font-resize-btn font-resize-btn--sm" data-font-resize data-action="decrease" title="Thu nhá» chữ (A-)">A-</button> 1012 <button class="font-resize-btn font-resize-btn--md is-active" data-font-resize data-action="reset" title="Cỡ chữ mặc Äá»nh">A</button> 1013 <button class="font-resize-btn font-resize-btn--lg" data-font-resize data-action="increase" title="Phóng to chữ (A+)">A+</button> 1014 </div> 1015 </div> 1016 </div> 1017 1018 <!-- Global Search Toggle (Desktop) --> 1019 <div class="nav-desktop-only h-[72px] items-center px-2 border-l border-gray-100 dark:border-slate-800 relative"> 1020 <button id="searchToggleBtn" class="w-8 h-8 rounded-full border border-gray-200 dark:border-slate-700 bg-white dark:bg-slate-800 flex items-center justify-center text-gray-500 dark:text-slate-300 hover:text-blue-600 dark:hover:text-blue-400 hover:border-blue-600 dark:hover:border-blue-400 transition shadow-sm" aria-label="Tìm kiếm toà n trang"> 1021 <i class="fa-solid fa-magnifying-glass"></i> 1022 </button> 1023 <!-- Search Dropdown Box --> 1024 <div id="searchDropdownField" class="absolute right-0 bg-white dark:bg-slate-800 border border-gray-200 dark:border-slate-700 rounded-lg shadow-xl p-3 hidden z-[180]" style="width: 340px; top: 70px;"> 1025 <form action="https://xemketqua.net/tim-kiem" method="GET" class="relative flex items-center gap-2"> 1026 <input type="text" name="q" id="searchHeaderInput" placeholder="Tìm kiếm trên website..." class="w-full bg-gray-50 dark:bg-slate-700 border border-gray-300 dark:border-slate-600 rounded-md text-sm outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500 text-gray-800 dark:text-slate-100" style="padding: 8px 64px 8px 12px;"> 1027 <button type="submit" class="absolute right-2 top-1/2 bg-blue-600 hover:bg-blue-700 text-white rounded px-2.5 py-1 text-xs font-bold transition-colors" style="transform: translateY(-50%);"> 1028 Tìm 1029 </button> 1030 </form> 1031 </div> 1032 </div> 1033 1034 <!-- Theme Toggle Button (Desktop) --> 1035 <div class="nav-desktop-only h-[72px] items-center px-2 border-l border-gray-100 dark:border-slate-800"> 1036 <button id="themeToggle" class="w-8 h-8 rounded-full border border-gray-200 dark:border-slate-700 bg-white dark:bg-slate-800 flex items-center justify-center text-gray-500 dark:text-slate-300 hover:text-blue-600 dark:hover:text-blue-400 hover:border-blue-600 dark:hover:border-blue-400 transition shadow-sm" aria-label="Chuyá»n chế Äá» sáng tá»i"> 1037 <i class="fa-solid fa-moon dark:hidden"></i> 1038 <i class="fa-solid fa-sun hidden dark:block text-yellow-400"></i> 1039 </button> 1040 </div> 1041 1042 <!-- Auth: Login Button / User Dropdown --> 1043 <div class="nav-desktop-only h-[72px] items-center px-2 border-l border-gray-100 dark:border-slate-800"> 1044 <!-- Guest: Login Button --> 1045 <a href="https://xemketqua.net/dang-nhap" title="ÄÄng nháºp" 1046 class="w-8 h-8 rounded-full border border-blue-600 dar
1046k:border-blue-500 flex items-center justify-center text-blue-600 dark:text-blue-400 hover:bg-blue-600 hover:text-white dark:hover:bg-blue-500 transition-all duration-200 shadow-sm"> 1047 <i class="fa-solid fa-right-to-bracket"></i> 1048 </a> 1049 </div> 1050 1051 <!-- Mobile Search Toggle --> 1052 <button id="searchToggleMobile" class="nav-mobile-only w-10 h-10 border border-gray-200 dark:border-slate-700 rounded-md bg-gray-50 dark:bg-slate-800 text-gray-700 dark:text-slate-300 items-center justify-center hover:bg-gray-100 dark:hover:bg-slate-700 transition shadow-sm ml-2" aria-label="Tìm kiếm toà n trang"> 1053 <i class="fa-solid fa-magnifying-glass"></i> 1054 </button> 1055 1056 <!-- Mobile Hamburger Toggle --> 1057 <button 1058 class="nav-mobile-only flex flex-col justify-center items-center w-10 h-10 border border-gray-200 dark:border-slate-700 rounded-md bg-gray-50 dark:bg-slate-800 text-gray-700 dark:text-slate-300 ml-3 hover:bg-gray-100 dark:hover:bg-slate-700 transition-colors p-2" 1059 id="hamburgerBtn" aria-label="MỠmenu" aria-expanded="false" aria-controls="mobileMenu"> 1060 <span class="block w-5 h-0.5 bg-gray-600 dark:bg-slate-400 mb-1 transition-all"></span> 1061 <span class="block w-5 h-0.5 bg-gray-600 dark:bg-slate-400 mb-1 transition-all"></span> 1062 <span class="block w-5 h-0.5 bg-gray-600 dark:bg-slate-400 transition-all"></span> 1063 </button> 1064 </div> 1065 </div> 1066 </div> 1067 1068 <!-- Mobile Search Dropdown Bar (under header) --> 1069 <div id="mobileSearchCollapse" class="nav-mobile-only hidden w-full bg-white dark:bg-slate-900 border-t border-gray-200 dark:border-slate-800 p-3"> 1070 <form action="https://xemketqua.net/tim-kiem" method="GET" class="relative"> 1071 <input type="text" name="q" id="searchMobileInput" placeholder="Tìm kiếm trên website..." class="w-full bg-gray-50 dark:bg-slate-800 border border-gray-300 dark:border-slate-700 rounded-full text-sm outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500 text-gray-800 dark:text-slate-100" style="padding: 8px 64px 8px 16px;"> 1072 <button type="submit" class="absolute right-2 top-1/2 bg-blue-600 hover:bg-blue-700 text-white rounded-full px-3 py-1 text-xs font-bold transition-colors" style="transform: translateY(-50%);"> 1073 Tìm 1074 </button> 1075 </form> 1076 </div> 1077 1078 <!-- Toggle scripts for dropdowns --> 1079
1079<script type="552de0b68c60c9fc5da11272-text/javascript"> 1080 document.addEventListener('DOMContentLoaded', function() { 1081 // Desktop Search Dropdown toggle 1082 const searchToggleBtn = document.getElementById('searchToggleBtn'); 1083 const searchDropdownField = document.getElementById('searchDropdownField'); 1084 const searchHeaderInput = document.getElementById('searchHeaderInput'); 1085 1086 if (searchToggleBtn && searchDropdownField) { 1087 searchToggleBtn.addEventListener('click', function(e) { 1088 e.stopPropagation(); 1089 searchDropdownField.classList.toggle('hidden'); 1090 if (!searchDropdownField.classList.contains('hidden') && searchHeaderInput) { 1091 searchHeaderInput.focus(); 1092 } 1093 }); 1094 1095 // Close when clicking outside 1096 document.addEventListener('click', function(e) { 1097 if (!searchDropdownField.contains(e.target) && e.target !== searchToggleBtn && !searchToggleBtn.contains(e.target)) { 1098 searchDropdownField.classList.add('hidden'); 1099 } 1100 }); 1101 } 1102 1103 // Mobile Search Dropdown toggle 1104 const searchToggleMobile = document.getElementById('searchToggleMobile'); 1105 const mobileSearchCollapse = document.getElementById('mobileSearchCollapse'); 1106 const searchMobileInput = document.getElementById('searchMobileInput'); 1107 const hamburgerBtn = document.getElementById('hamburgerBtn'); 1108 1109 if (searchToggleMobile && mobileSearchCollapse) { 1110 searchToggleMobile.addEventListener('click', function(e) { 1111 e.stopPropagation(); 1112 mobileSearchCollapse.classList.toggle('hidden'); 1113 1114 // Close hamburger menu if open 1115 if (!mobileSearchCollapse.classList.contains('hidden') && hamburgerBtn && hamburgerBtn.classList.contains('is-open')) { 1116 hamburgerBtn.click(); 1117 } 1118 1119 if (!mobileSearchCollapse.classList.contains('hidden') && searchMobileInput) { 1120 searchMobileInput.focus(); 1121 } 1122 }); 1123 1124 // Close when clicking outside 1125 document.addEventListener('click', function(e) { 1126 if (!mobileSearchCollapse.contains(e.target) && e.target !== searchToggleMobile && !searchToggleMobile.contains(e.target)) { 1127 mobileSearchCollapse.classList.add('hidden'); 1128 } 1129 }); 1130 1131 // Close search dropdown when hamburger is clicked 1132 if (hamburgerBtn) { 1133 hamburgerBtn.addEventListener('click', function() { 1134 mobileSearchCollapse.classList.add('hidden'); 1135 }); 1136 } 1137 } 1138 1139 // Keyboard shortcuts for Mega Menu Search 1140 document.addEventListener('keydown', function(e) { 1141 if (e.ctrlKey || e.metaKey) { 1142 // Ignore if typing in another input (unless it's our own search inputs) 1143 const tag = e.target.tagName?.toLowerCase(); 1144 if (tag === 'input' || tag === 'textarea') return; 1145 1146 let targetInput = null; 1147 switch (e.code) { 1148 case 'KeyS': 1149 targetInput = document.getElementById('searchInputThongKe'); 1150 break; 1151 case 'KeyE': 1152 targetInput = document.getElementById('searchInputTienIch'); 1153 break; 1154 case 'KeyG': 1155 targetInput = document.getElementById('searchInputSoiCau'); 1156 break; 1157 } 1158 1159 if (targetInput) { 1160 e.preventDefault(); 1161 // Bá» class hidden cá»§a mega menu cha Äá» có thá» focus ÄÆ°á»£c 1162 const megaMenu = targetInput.closest('.absolute'); 1163 if (megaMenu && megaMenu.classList.contains('hidden')) { 1164 megaMenu.classList.remove('hidden'); 1165 megaMenu.classList.add('js-opened-by-shortcut'); 1166 } 1167 targetInput.focus(); 1168 } 1169 } 1170 }); 1171 1172 // Ẩn mega menu khi ô tìm kiếm mất focus (nếu ÄÆ°á»£c má» bằng phÃm tắt) 1173 ['searchInputThongKe', 'searchInputTienIch', 'searchInputSoiCau'].forEach(function(id) { 1174 const input = document.getElementById(id); 1175 if (input) { 1176 input.addEventListener('blur', function() { 1177 const megaMenu = this.closest('.absolute'); 1178 if (megaMenu && megaMenu.classList.contains('js-opened-by-shortcut')) { 1179 // Delay 200ms Äá» ngưá»i dùng có thá» click và o các link trong menu 1180 setTimeout(function() { 1181 megaMenu.classList.add('hidden'); 1182 megaMenu.classList.remove('js-opened-by-shortcut'); 1183 }, 200); 1184 } 1185 }); 1186 } 1187 }); 1188 1189 });
1190 </script>
1190 1191</header> 1192 <div class="mobile-menu bg-white dark:bg-slate-900 border-t border-gray-200 dark:border-slate-800 hidden fixed left-0 right-0 z-[90] shadow-xl" id="mobileMenu" 1193 aria-hidden="true" style="overflow-y:auto;max-height:80vh;top:calc(72px + 52px);"> 1194 <div class="container py-2 pb-6"> 1195 <nav role="navigation" aria-label="Menu di Äá»ng" class="flex flex-col"> 1196 <!-- Auth Section Mobile --> 1197 <div class="flex gap-2 px-2 my-2"> 1198 <a href="https://xemketqua.net/dang-nhap" 1199 class="flex-1 text-center py-2.5 text-sm font-bold text-blue-600 border border-blue-600 rounded-lg hover:bg-blue-600 hover:text-white transition"> 1200 <i class="fa-solid fa-right-to-bracket mr-1"></i> ÄÄng nháºp 1201 </a> 1202 <a href="https://xemketqua.net/dang-ky" 1203 class="flex-1 text-center py-2.5 text-sm font-bold text-white bg-emerald-600 rounded-lg hover:bg-emerald-700 transition"> 1204 <i class="fa-solid fa-user-plus mr-1"></i> ÄÄng ký 1205 </a> 1206 </div> 1207 1208 <!-- Search Mobile --> 1209 <div class="relative my-2 px-2"> 1210 <input type="text" id="mobileSearchInput" 1211 class="w-full border border-gray-300 rounded-full pl-10 pr-10 py-2 text-[14px] focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500 bg-gray-50 text-gray-800 transition-shadow" 1212 placeholder="Tìm kiếm chức nÄng..." autocomplete="off"> 1213 <i class="fa-solid fa-magnifying-glass absolute left-6 top-1/2 -translate-y-1/2 text-gray-400"></i> 1214 <button type="button" id="mobileSearchClear" 1215 class="absolute right-5 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600 hidden transition" 1216 aria-label="Xóa tìm kiếm"> 1217 <i class="fa-solid fa-xmark text-sm"></i> 1218 </button> 1219 </div> 1220 1221 1222 <!-- Font Resize + Theme Toggle (Mobile) - Combined Row --> 1223 <div class="font-resize-mobile" id="fontResizeMobile"> 1224 <div class="font-resize-mobile-label"> 1225 <i class="fa-solid fa-text-height text-blue-500"></i> 1226 <span>Cỡ chữ</span> 1227 </div> 1228 <div class="font-resize-mobile-controls" style="display: flex; align-items: center; gap: 6px;"> 1229 <button class="font-resize-mobile-btn font-resize-mobile-btn--sm" data-font-resize data-action="decrease" title="Thu nhá»">A-</button> 1230 <button class="font-resize-mobile-btn font-resize-mobile-btn--md is-active" data-font-resize data-action="reset" title="Mặc Äá»nh">A</button> 1231 <button class="font-resize-mobile-btn font-resize-mobile-btn--lg" data-font-resize data-action="increase" title="Phóng to">A+</button> 1232 <span class="font-resize-indicator">100%</span> 1233 <span style="width: 1px; height: 20px; background: rgba(148,163,184,0.3); margin: 0 2px;"></span> 1234 <button id="themeToggleMobile" class="w-10 h-10 rounded-lg border border-gray-200 dark:border-slate-700 bg-white dark:bg-slate-800 flex items-center justify-center text-gray-500 dark:text-slate-300 hover:text-blue-600 active:bg-gray-100 dark:active:bg-slate-700 transition shadow-sm" aria-label="Chuyá»n chế Äá» sáng tá»i" style="min-width: 40px; min-height: 40px;"> 1235 <i class="fa-solid fa-moon dark:hidden"></i> 1236 <i class="fa-solid fa-sun hidden dark:block text-yellow-400"></i> 1237 </button> 1238 </div> 1239 </div> 1240 1241 <a href="https://xemketqua.net/" 1242 class="flex items-center py-3.5 px-3 text-gray-800 border-b border-gray-100 font-bold hover:bg-gray-50 transition active:bg-blue-50 group"> 1243 <i class="fa-solid fa-house w-6 text-blue-600 text-center mr-2 group-hover:scale-110 transition-transform" 1244 aria-hidden="true"></i> Trang Chá»§ 1245 </a> 1246 1247 <a href="https://xemketqua.net/vietlott" 1248 class="flex items-center py-3.5 px-3 text-gray-800 border-b border-gray-100 font-bold hover:bg-gray-50 transition active:bg-blue-50 group"> 1249 <i class="fa-solid fa-server w-6 text-red-500 text-center mr-2 group-hover:scale-110 transition-transform" 1250 aria-hidden="true"></i> Vietlott 1251 </a> 1252 1253 <!-- Accordion: Thá»ng Kê --> 1254 <details class="group border-b border-gray-100"> 1255 <summary 1256 class="flex justify-between items-center py-3.5 px-3 text-gray-800 font-bold cursor-pointer list-none hover:bg-gray-50 transition active:bg-blue-50">
1257 <span class="flex items-center"><i 1258 class="fa-solid fa-chart-line w-6 text-blue-600 font-bold text-center mr-2 group-open:text-blue-600 transition-colors" 1259 aria-hidden="true"></i> Thá»ng Kê</span> 1260 <i 1261 class="fa-solid fa-chevron-down text-[11px] transition-transform group-open:rotate-180 opacity-50"></i> 1262 </summary> 1263 <div id="mobile-thong-ke-container" 1264 class="bg-gray-50/80 py-3 px-6 flex flex-col gap-2 text-[14px] text-gray-700 border-t border-gray-100"> 1265 <!-- Populated dynamically --> 1266 </div> 1267 </details> 1268 1269 <!-- Accordion: Tiá»n Ãch --> 1270 <details class="group border-b border-gray-100"> 1271 <summary 1272 class="flex justify-between items-center py-3.5 px-3 text-gray-800 font-bold cursor-pointer list-none hover:bg-gray-50 transition active:bg-blue-50"> 1273 <span class="flex items-center"><i 1274 class="fa-solid fa-wrench w-6 text-purple-500 text-center mr-2 group-open:text-purple-600 transition-colors" 1275 aria-hidden="true"></i> Tiá»n Ãch</span> 1276 <i 1277 class="fa-solid fa-chevron-down text-[11px] transition-transform group-open:rotate-180 opacity-50"></i> 1278 </summary> 1279 <div id="mobile-tien-ich-container" 1280 class="bg-gray-50/80 py-3 px-6 flex flex-col gap-2 text-[14px] text-gray-700 border-t border-gray-100"> 1281 <!-- Populated dynamically --> 1282 </div> 1283 </details> 1284 1285 <!-- Accordion: Soi cầu --> 1286 <details class="group border-b border-gray-100"> 1287 <summary 1288 class="flex justify-between items-center py-3.5 px-3 text-gray-800 font-bold cursor-pointer list-none hover:bg-gray-50 transition active:bg-blue-50"> 1289 <span class="flex items-center"><i 1290 class="fa-solid fa-compass w-6 text-emerald-500 text-center mr-2 group-open:text-emerald-600 transition-colors" 1291 aria-hidden="true"></i> Soi cầu</span> 1292 <i 1293 class="fa-solid fa-chevron-down text-[11px] transition-transform group-open:rotate-180 opacity-50"></i> 1294 </summary> 1295 <div id="mobile-soi-cau-container" 1296 class="bg-gray-50/80 py-3 px-6 flex flex-col gap-2 text-[14px] text-gray-700 border-t border-gray-100"> 1297 <!-- Populated dynamically --> 1298 </div> 1299 </details> 1300 1301 <a href="https://xemketqua.net/so-ket-qua" 1302 class="flex items-center py-3.5 px-3 text-gray-800 border-b border-gray-100 font-bold hover:bg-gray-50 transition active:bg-blue-50 group"> 1303 <i class="fa-solid fa-book w-6 text-indigo-500 text-center mr-2 group-hover:scale-110 transition-transform" 1304 aria-hidden="true"></i> Sá» Kết Quả 30 Ngà y 1305 </a> 1306 1307 <a href="https://xemketqua.net/lich-quay-thuong" 1308 class="flex items-center py-3.5 px-3 text-gray-800 border-b border-gray-100 font-bold hover:bg-gray-50 transition active:bg-blue-50 group"> 1309 <i class="fa-solid fa-calendar-days w-6 text-rose-500 text-center mr-2 group-hover:scale-110 transition-transform" 1310 aria-hidden="true"></i> Lá»ch Quay Thưá»ng 1311 </a> 1312 1313 <a href="https://xemketqua.net/tin-tuc" 1314 class="flex items-center py-3.5 px-3 text-gray-800 border-b border-gray-100 font-bold hover:bg-gray-50 transition active:bg-blue-50 group"> 1315 <i class="fa-solid fa-newspaper w-6 text-amber-500 text-center mr-2 group-hover:scale-110 transition-transform" 1316 aria-hidden="true"></i> Tin Tức 1317 </a> 1318 1319 <a href="https://xemketqua.net/bong-da" 1320 class="flex items-center py-3.5 px-3 text-gray-800 border-b border-gray-100 font-bold hover:bg-gray-50 transition active:bg-blue-50 group"> 1321 <i class="fa-solid fa-futbol w-6 text-green-600 text-center mr-2 group-hover:scale-110 transition-transform" 1322 aria-hidden="true"></i> Bóng Äá 1323 </a> 1324 1325 <a href="https://xemketqua.net/do-xo-so" 1326 class="flex items-center py-3.5 px-3 text-blue-600 border-b border-gray-100 font-bold bg-blue-50 hover:bg-blue-100 transition active:bg-blue-200 group mb-6"> 1327 <i class="fa-solid fa-magnifying-glass w-6 text-blue-600 text-center mr-2 group-hover:scale-110 transition-transform" 1328 aria-hidden="true"></i> Dò Xá» Sá» 1329 </a> 1330 </nav> 1331 </div> 1332</div> 1333
1334 <!-- === DATE BAR ======================================== --> 1335 <div class="w-full block bg-white border-b border-gray-200 sticky top-[72px] z-[90]"> 1336 <div class="container mx-auto"> 1337 <div class="date-bar-inner"> 1338 <div class="flex items-center gap-2"> 1339 <div class="live-badge" id="liveCountdownBadge" 1340 style="display: none; align-items: center; gap: 0.5rem; font-weight: 500; background: var(--clr-surface); padding: 4px 10px; border-radius: 6px; border: 1px solid var(--clr-border-light); color: var(--clr-text-secondary);"> 1341 <span class="live-dot" aria-hidden="true" id="liveDotIndicator"></span> 1342 <span id="liveCountdownText">ÄANG CẬP NHẬT</span> 1343 </div> 1344 <button id="soundToggleBtn" class="sound-toggle-btn" title="Báºt/tắt nhạc ná»n xá» sá» trá»±c tiếp" onclick="if (!window.__cfRLUnblockHandlers) return false; if(typeof SoundManager!=='undefined') SoundManager.toggle(
1344)" style="display:none" data-cf-modified-552de0b68c60c9fc5da11272-=""> 1345 <i id="soundToggleIcon" class="fas fa-volume-up"></i> 1346 </button> 1347 </div> 1348
1348<script type="552de0b68c60c9fc5da11272-text/javascript"> 1349 window.serverTimeSync = 1791591148000; 1350 </script>
1350 1351
1351<script src="https://xemketqua.net/assets/js/live-countdown.js" defer type="552de0b68c60c9fc5da11272-text/javascript"></script>
1351 1352 <!-- View Model date binding via PHP here if needed --> 1353 <div class="date-nav" role="group" aria-label="Chá»n ngà y xá» sá»" 1354 data-current-date="2026-10-10"> 1355 <button 1356 class="flex items-center gap-1 px-3 py-2 text-sm font-medium text-gray-600 border border-gray-300 rounded-md bg-white min-h-[36px] hover:text-black hover:border-black transition-colors" 1357 id="btnYesterday" aria-label="Kết quả hôm qua"> 1358 <i class="fa-solid fa-chevron-left" aria-hidden="true"></i> 1359 <span class="date-btn-label hidden sm:inline">Hôm Qua</span> 1360 </button> 1361 1362 <div class="flex items-center gap-2 text-sm text-black px-3 py-2 bg-gray-50 border border-black rounded-md whitespace-nowrap cursor-pointer" 1363 id="dateDisplay" aria-live="polite" data-target="navDateInput"> 1364 <i class="fa-solid fa-calendar-days text-black" aria-hidden="true"></i> 1365 <strong id="currentDateText" class="font-bold text-black">Thứ Bảy, 10/10/2026</strong> 1366 </div> 1367 <input type="hidden" id="navDateInput" value="10-10-2026"> 1368 1369 <button 1370 class="flex items-center gap-1 px-3 py-2 text-sm font-medium border rounded-md min-h-[36px] transition-colors text-gray-300 border-gray-200 bg-gray-50 cursor-not-allowed" 1371 id="btnTomorrow" aria-label="Kết quả ngà y mai" disabled> 1372 <span class="date-btn-label hidden sm:inline">Ngà y Mai</span> 1373 <i class="fa-solid fa-chevron-right" aria-hidden="true"></i> 1374 </button> 1375 </div> 1376 </div> 1377 </div> 1378 </div> 1379 1380 <!-- === FLOATING ADS (Dynamic â Responsive to container width) === --> 1381 <style id="floating-ads-css"> 1382 .floating-ad-wrapper { 1383 display: none; 1384 position: fixed; 1385 top: 170px; 1386 width: 160px; 1387 z-index: 50; 1388 } 1389 1390 .floating-ad-left { 1391 /* Dynamic: container edge = 50% of viewport - 50% of container 1392 We place the ad 20px gap to the left of the container */ 1393 right: calc(50% + var(--floating-ad-offset) + 20px); 1394 } 1395 1396 .floating-ad-right { 1397 left: calc(50% + var(--floating-ad-offset) + 20px); 1398 } 1399 1400 /* --- Breakpoint logic: show only when there's enough room --- */ 1401 /* Container 1440px â half = 720px, need 720+160+20 = 900px each side â viewport ⥠1800px */ 1402 @media (min-width: 1800px) and (max-width: 1919px) { 1403 :root { 1404 --floating-ad-offset: 720px; 1405 } 1406 1407 .floating-ad-wrapper { 1408 display: block; 1409 } 1410 } 1411 1412 /* Container 1600px â half = 800px, need 800+160+20 = 980px each side â viewport ⥠1960px */ 1413 @media (min-width: 1960px) and (max-width: 2279px) { 1414 :root { 1415 --floating-ad-offset: 800px; 1416 } 1417 1418 .floating-ad-wrapper { 1419 display: block; 1420 } 1421 } 1422 1423 /* Container 1920px â half = 960px, need 960+160+20 = 1140px each side â viewport ⥠2280px */ 1424 @media (min-width: 2280px) and (max-width: 2919px) { 1425 :root { 1426 --floating-ad-offset: 960px; 1427 } 1428 1429 .floating-ad-wrapper { 1430 display: block; 1431 } 1432 } 1433 1434 /* Container 2560px â half = 1280px, need 1280+160+20 = 1460px each side â viewport ⥠2920px */ 1435 @media (min-width: 2920px) { 1436 :root { 1437 --floating-ad-offset: 1280px; 1438 } 1439 1440 .floating-ad-wrapper { 1441 display: block; 1442 } 1443 } 1444 </style> 1445 <div class="floating-ad-wrapper floating-ad-left"> 1446 <div class="ad-slot ad-slot--html" data-slot="floating_left" data-ad-id="17"> 1447 <amp-ad 1448 layout="fixed" 1449 width="160" 1450 height="600" 1451 type="adsense" 1452 data-ad-client="ca-pub-6395022309587449" 1453 data-ad-slot="6300124543"> 1454</amp-ad> 1455</div> </div> 1456 <div class="floating-ad-wrapper floating-ad-right"> 1457 <div class="ad-slot ad-slot--html" data-slot="floating_right" data-ad-id="18"> 1458 <amp-ad 1459 layout="fixed" 1460 width="160" 1461 height="600" 1462 type="adsense" 1463 data-ad-client="ca-pub-6395022309587449" 1464 data-ad-slot="6300124543"> 1465</amp-ad> 1466</div> </div> 1467 1468 <!-- === MAIN CONTENT SECTION =========================== --> 1469 <main class="site-main py-4" id="mainContent"> 1470 <div class="container"> 1471 1472 1473<div class="w-full mt-4 mb-8"> 1474 1475 1476 <!-- BREADCRUMB --> 1477 <nav class="flex text-xs text-gray-500 mb-4" aria-label="Breadcrumb"> 1478 <ol class="inline-flex items-center space-x-1 md:space-x-2"> 1479 <li class="inline-flex items-center"> 1480 <a href="https://xemketqua.net/" class="inline-flex items-center hover:text-red-600 transition-colors"> 1481 <i class="fa-solid fa-house mr-1"></i> Trang chá»§ 1482 </a> 1483 </li> 1484 <li class="inline-flex items-center"> 1485 <div class="flex items-center"> 1486 <i class="fa-solid fa-angle-right mx-2 text-gray-400"></i> 1487 <a href="#" class="hover:text-red-600 transition-colors">Thá»ng kê Loto</a> 1488 </div> 1489 </li> 1490 <li> 1491 <div class="flex items-center"> 1492 <i class="fa-solid fa-angle-right mx-2 text-gray-400"></i>
1493 <span class="text-gray-700 font-medium whitespace-nowrap">Lô Gan</span> 1494 </div> 1495 </li> 1496 </ol> 1497 </nav> 1498 1499 <div class="grid grid-cols-1 md:grid-cols-[1fr_300px] lg:grid-cols-[1fr_320px] gap-6 items-start"> 1500 1501 <!-- Ná»I DUNG CHÃNH --> 1502 <div class="main-col flex flex-col min-w-0 gap-5"> 1503 1504 <div class="w-full flex justify-center mb-5"> 1505 <div class="w-full max-w-[728px]"> 1506 <div class="ad-slot ad-slot--html" data-slot="header_banner" data-ad-id="10"> 1507 <amp-ad 1508 layout="fixed" 1509 width="728" 1510 height="90" 1511 type="adsense" 1512 data-ad-client="ca-pub-6395022309587449" 1513 data-ad-slot="7437112242"> 1514</amp-ad> 1515</div> </div> 1516</div> 1517 1518 <div class="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden"> 1519 1520 <!-- Header --> 1521 <div class="bg-red-50 px-4 py-3 border-b border-red-100 flex justify-between items-center relative overflow-hidden"> 1522 <div class="flex items-center gap-2 relative z-10"> 1523 <i class="fa-solid fa-chart-line text-red-600"></i> 1524 <h1 class="text-lg font-bold text-gray-800 m-0">Loto gan Miá»n Bắc â Sá» lô chưa vá» lâu nhất hôm nay <div class="relative inline-block shrink-0 align-middle ml-1" id="shareWrap_6ac982eccc48b"> 1525 <button onclick="if (!window.__cfRLUnblockHandlers) return false; toggleShareMenu('6ac982eccc48b')" class="inline-flex items-center gap-1 text-xs font-semibold text-gray-800 bg-white border border-gray-300 px-2.5 py-1 rounded-full shadow-sm hover:bg-gray-100 transition-colors" title="Chia sẻ" data-cf-modified-552de0b68c60c9fc5da11272-=""> 1526 <i class="fas fa-share-alt text-xs"></i><span class="hidden md:inline">Chia sẻ</span> 1527 </button> 1528 <div id="shareMenu_6ac982eccc48b" class="hidden absolute bg-white border border-gray-200 rounded-lg shadow-2xl z-50 py-1.5 min-w-[160px]"> 1529 <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fxemketqua.net%2Floto-gan" target="_blank" rel="nofollow noopener" class="flex items-center gap-2 px-3 py-2 text-xs text-gray-700 hover:bg-blue-50 hover:text-blue-600 transition-colors no-underline"> 1530 <i class="fab fa-facebook text-blue-600 w-4 text-center"></i> Facebook 1531 </a> 1532 <a href="https://zalo.me/share/?url=https%3A%2F%2Fxemketqua.net%2Floto-gan&title=Loto+gan+Mi%E1%BB%81n+B%E1%BA%AFc+%E2%80%94+S%E1%BB%91+l%C3%B4+ch%C6%B0a+v%E1%BB%81+l%C3%A2u+nh%E1%BA%A5t+h%C3%B4m+nay" target="_blank" rel="nofollow noopener" class="flex items-center gap-2 px-3 py-2 text-xs text-gray-700 hover:bg-blue-50 hover:text-blue-600 transition-colors no-underline"> 1533 <i class="fas fa-comment-dots text-blue-500 w-4 text-center"></i> Zalo 1534 </a> 1535 <a href="https://t.me/share/url?url=https%3A%2F%2Fxemketqua.net%2Floto-gan&text=Loto+gan+Mi%E1%BB%81n+B%E1%BA%AFc+%E2%80%94+S%E1%BB%91+l%C3%B4+ch%C6%B0a+v%E1%BB%81+l%C3%A2u+nh%E1%BA%A5t+h%C3%B4m+nay" target="_blank" rel="nofollow noopener" class="flex items-center gap-2 px-3 py-2 text-xs text-gray-700 hover:bg-blue-50 hover:text-blue-600 transition-colors no-underline"> 1536 <i class="fab fa-telegram text-sky-500 w-4 text-center"></i> Telegram 1537 </a> 1538 <a href="https://x.com/intent/tweet?url=https%3A%2F%2Fxemketqua.net%2Floto-gan&text=Loto+gan+Mi%E1%BB%81n+B%E1%BA%AFc+%E2%80%94+S%E1%BB%91+l%C3%B4+ch%C6%B0a+v%E1%BB%81+l%C3%A2u+nh%E1%BA%A5t+h%C3%B4m+nay" target="_blank" rel="nofollow noopener" class="flex items-center gap-2 px-3 py-2 text-xs text-gray-700 hover:bg-blue-50 hover:text-blue-600 transition-colors no-underline"> 1539 <i class="fa-brands fa-x-twitter text-black w-4 text-center"></i> X (Twitter) 1540 </a> 1541 <button onclick="if (!window.__cfRLUnblockHandlers) return false; copyShareLink('https://xemketqua.net/loto-gan','6ac982eccc48b')" class="flex items-center gap-2 px-3 py-2 text-xs text-gray-700 hover:bg-gray-100 transition-colors w-full text-left" data-cf-modified-552de0b68c60c9fc5da11272-=""> 1542 <i class="fas fa-link text-gray-400 w-4 text-center"></i> <span id="copyLabel_6ac982eccc48b">Sao chép link</span> 1543 </button> 1544 <div class="border-t border-gray-100 mt-1 pt-1"> 1545 <button onclick="if (!window.__cfRLUnblockHandlers) return false; captureResult('6ac982eccc48b')" class="flex items-center gap-2 px-3 py-2 text-xs text-gray-700 hover:bg-green-50 hover:text-green-600 transition-colors w-full text-left" data-cf-modified-552de0b68c60c9fc5da11272-=""> 1546 <i class="fas fa-camera text-green-500 w-4 text-center"></i> <span id="captureLabel_6ac982eccc48b">Chụp ảnh kết quả</span> 1547 </button> 1548 </div> 1549 </div> 1550</div> 1551</h1> 1552 </div> 1553 <button type="button" onclick="if (!window.__cfRLUnblockHandlers) return false; openGlobalModal('lotoganManualModal')" class="w-10 h-10 rounded-full flex items-center justify-center transition-all shadow-sm hover:scale-110 flex-shrink-0 relative z-10" title="Hưá»ng dẫn sá» dụng" data-cf-modified-552de0b68c60c9fc5da11272-=""> 1554 <img src="https://xemketqua.net/assets/images/help.gif" alt="Help" width="40" height="40" class="w-full h-full object-cover rounded-full pointer-events-none border-2 border-white/50 hover:border-white transition-colors shadow-lg" loading="lazy"> 1555</button> 1556 </div> 1557 1558 <div class="p-4 md:p-5"> 1559 <p class="text-sm text-gray-600 mb-5"> 1560 Bảng thá»ng kê các sá» lô gan (sá» lô chưa vá» lâu nhất) cá»§a Truyá»n Thá»ng tÃnh Äến ngà y 09-10-2026. </p> 1561 1562 <!-- Filter Settings --> 1563 <form method="GET" action="https://xemketqua.net/loto-gan" id="lotoganFilterForm" class="bg-gray-50 border border-gray-200 rounded-lg p-4 mb-6 shadow-sm"> 1564 <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-4 items-end mb-4"> 1565 1566 <!-- Province --> 1567 <div class="md:col-span-1"> 1568 <label for="province" class="block text-xs font-bold text-gray-700 mb-1 uppercase tracking-wide">Tá»nh / Thà nh:</label> 1569 <select name="province" id="province" class="w-full border border-gray-300 rounded-md shadow-sm focus:border-red-500 focus:ring-red-500 text-sm py-2 px-3 bg-white"> 1570 <option value="xsmb" selected> 1571 Truyá»n Thá»ng </option> 1572 <option value="bac-ninh" > 1573 Bắc Ninh </option> 1574 <option value="ha-noi" > 1575 Hà Ná»i </option> 1576 <option value="hai-phong" > 1577 Hải Phòng </option> 1578 <option value="nam-dinh" > 1579 Nam Äá»nh </option> 1580 <option value="quang-ninh" > 1581 Quảng Ninh </option> 1582 <option value="thai-binh" > 1583 Thái Bình </option> 1584 <option value="xsmn" > 1585 Miá»n Nam </option> 1586 <option value="an-giang" > 1587 An Giang </option> 1588 <option value="binh-duong" > 1589 Bình Dương </option> 1590 <option value="binh-phuoc" > 1591 Bình Phưá»c </option> 1592 <option value="binh-thuan" > 1593 Bình Thuáºn </option> 1594 <option value="bac-lieu" > 1595 Bạc Liêu </option> 1596 <option value="ben-tre" > 1597 Bến Tre </option> 1598 <option value="ca-mau" > 1599 Cà Mau </option> 1600 <option value="can-tho" > 1601 Cần ThÆ¡ </option> 1602 <option value="hau-giang" > 1603 Háºu Giang </option> 1604 <option value="kien-giang" > 1605 Kiên Giang </option> 1606 <option value="long-an" > 1607 Long An </option> 1608 <option value="lam-dong" > 1609 Lâm Äá»ng </option> 1610 <option value="soc-trang" > 1611 Sóc TrÄng </option> 1612 <option value="tp-ho-chi-minh" > 1613 TP. Há» Chà Minh </option> 1614 <option value="tien-giang" > 1615 Tiá»n Giang </option> 1616 <option value="tra-vinh" > 1617 Trà Vinh </option> 1618 <option value="tay-ninh" > 1619 Tây Ninh </option> 1620 <option value="vinh-long" > 1621 VÄ©nh Long </option> 1622 <option value="vung-tau" > 1623 VÅ©ng Tà u </option> 1624 <option value="dong-nai" > 1625 Äá»ng Nai </option> 1626 <option value="dong-thap" > 1627 Äá»ng Tháp </option> 1628 <option value="xsmt" > 1629 Miá»n Trung </option> 1630 <option value="binh-dinh" > 1631 Bình Äá»nh </option> 1632 <option value="gia-lai" > 1633 Gia Lai </option> 1634 <option value="khanh-hoa" > 1635 Khánh Hòa </option> 1636 <option value="kon-tum" > 1637 Kon Tum </option> 1638 <option value="ninh-thuan" > 1639 Ninh Thuáºn </option> 1640 <option value="phu-yen" > 1641 Phú Yên </option> 1642 <option value="quang-binh" > 1643 Quảng Bình </option> 1644 <option value="quang-nam" > 1645 Quảng Nam </option> 1646 <option value="quang-ngai" > 1647 Quảng Ngãi </option> 1648 <option value="quang-tri" > 1649 Quảng Trá» </option> 1650 <option value="thua-thien-hue" > 1651 Thừa Thiên Huế </option> 1652 <option value="da-nang" > 1653 Äà Nẵng </option> 1654 <option value="dak-lak" > 1655 Äắk Lắk </option> 1656 <option value="dak-nong" > 1657 Äắk Nông </option> 1658 </select> 1659 </div> 1660 1661 <!-- From Date --> 1662 <div class="md:col-span-1"> 1663 <label for="from_date" class="block text-xs font-bold text-gray-700 mb-1 uppercase tracking-wide">Từ ngà y:</label> 1664 <div class="relative"> 1665 <input type="date" name="from_date" id="from_date" value="2014-01-01" class="w-full border border-gray-300 rounded-md shadow-sm focus:border-red-50
16650 focus:ring-red-500 text-sm py-2 px-3 pl-9 bg-white cursor-pointer"> 1666 <i class="fas fa-calendar-days text-gray-400 absolute left-3 top-1/2 -translate-y-1/2"></i> 1667 </div> 1668 </div> 1669 1670 <!-- To Date --> 1671 <div class="md:col-span-1"> 1672 <label for="to_date" class="block text-xs font-bold text-gray-700 mb-1 uppercase tracking-wide">Äến ngà y:</label> 1673 <div class="relative"> 1674 <input type="date" name="to_date" id="to_date" value="2026-10-09" class="w-full border border-gray-300 rounded-md shadow-sm focus:border-red-500 focus:ring-red-500 text-sm py-2 px-3 pl-9 bg-white cursor-pointer"> 1675 <i class="fas fa-calendar-days text-gray-400 absolute left-3 top-1/2 -translate-y-1/2"></i> 1676 </div> 1677 </div> 1678 1679 <!-- Gan Threshold --> 1680 <div class="md:col-span-1"> 1681 <label for="gan_threshold" class="block text-xs font-bold text-gray-700 mb-1 uppercase tracking-wide">Biên Äá» gan (>=):</label> 1682 <div class="relative"> 1683 <input type="number" min="0" name="gan_threshold" id="gan_threshold" value="10" placeholder="10" class="w-full border border-gray-300 rounded-md shadow-sm focus:border-red-500 focus:ring-red-500 text-sm py-2 px-3 bg-white"> 1684 </div> 1685 </div> 1686 </div> 1687 1688 <div class="flex flex-col sm:flex-row justify-between items-center gap-3 pt-3 border-t border-gray-200"> 1689 <p class="text-[12px] text-gray-500 flex-1"> 1690 <i class="fa-solid fa-circle-info text-blue-500 mr-1"></i> Thiết láºp <strong class="text-gray-700">Biên Äá» gan</strong> Äá» tìm các sá» không ra trong tá»i thiá»u X ngà y liên tiếp. 1691 </p> 1692 <button type="submit" class="w-full sm:w-auto bg-red-600 hover:bg-red-700 text-white transition-colors py-2 px-6 rounded-md font-bold shadow-sm flex items-center justify-center gap-2"> 1693 <i class="fa-solid fa-search"></i> Xem kết quả 1694 </button> 1695 </div> 1696 </form> 1697 1698 <!-- Kết quả thá»ng kê --> 1699 1700 <div class="flex flex-col gap-6 animate-fade-in-up"> 1701 1702 <!-- 1. GAN LIST --> 1703 <div class="border border-gray-200 rounded-lg overflow-hidden shadow-sm"> 1704 <div class="bg-gray-100 px-4 py-2.5 border-b border-gray-200 flex items-center gap-2"> 1705 <i class="fa-solid fa-list-ol text-gray-600"></i> 1706 <h2 class="text-[15px] font-bold text-gray-800 m-0">Bá» Sá» Chưa Ra (Äá» Gan ≥ 10 ngà y)</h2> 1707 </div> 1708 <div class="bg-white"> 1709 <ul class="divide-y divide-gray-100"> 1710 <li class="px-4 py-3 hover:bg-red-50/20 transition-colors flex flex-col sm:flex-row sm:items-center justify-between gap-3 text-sm"> 1711 <div class="flex-1 text-gray-700 flex items-center flex-wrap gap-x-2 gap-y-1"> 1712 <span>Bá» sá» </span> 1713 <span class="font-bold text-lg text-red-700 bg-red-50 border border-red-100 px-2.5 py-0.5 rounded shadow-sm tracking-widest"> 1714 64 </span>
1715 <span> 1716 ra ngà y <strong class="text-gray-900 mx-0.5">25/09/2026</strong>, 1717 Äến <strong class="text-gray-900">09-10-2026</strong> vẫn chưa vá». 1718 </span> 1719 </div> 1720 <div class="sm:text-right flex items-center gap-2 shrink-0 bg-gray-50 px-3 py-1.5 rounded border border-gray-200"> 1721 <span class="text-gray-500 text-[13px] font-medium">Äá» gan:</span> 1722 <span class="font-bold text-red-600 text-base"> 1723 14 <span class="text-xs uppercase text-gray-500">ngà y</span> 1724 </span> 1725 </div> 1726 </li> 1727 <li class="px-4 py-3 hover:bg-red-50/20 transition-colors flex flex-col sm:flex-row sm:items-center justify-between gap-3 text-sm"> 1728 <div class="flex-1 text-gray-700 flex items-center flex-wrap gap-x-2 gap-y-1"> 1729 <span>Bá» sá» </span> 1730 <span class="font-bold text-lg text-red-700 bg-red-50 border border-red-100 px-2.5 py-0.5 rounded shadow-sm tracking-widest"> 1731 28 </span> 1732 <span> 1733 ra ngà y <strong class="text-gray-900 mx-0.5">26/09/2026</strong>, 1734 Äến <strong class="text-gray-900">09-10-2026</strong> vẫn chưa vá». 1735 </span> 1736 </div> 1737 <div class="sm:text-right flex items-center gap-2 shrink-0 bg-gray-50 px-3 py-1.5 rounded border border-gray-200"> 1738 <span class="text-gray-500 text-[13px] font-medium">Äá» gan:</span> 1739 <span class="font-bold text-red-600 text-base"> 1740 13 <span class="text-xs uppercase text-gray-500">ngà y</span> 1741 </span> 1742 </div> 1743 </li> 1744 <li class="px-4 py-3 hover:bg-red-50/20 transition-colors flex flex-col sm:flex-row sm:items-center justify-between gap-3 text-sm"> 1745 <div class="flex-1 text-gray-700 flex items-center flex-wrap gap-x-2 gap-y-1"> 1746 <span>Bá» sá» </span> 1747 <span class="font-bold text-lg text-red-700 bg-red-50 border border-red-100 px-2.5 py-0.5 rounded shadow-sm tracking-widest"> 1748 32 </span> 1749 <span> 1750 ra ngà y <strong class="text-gray-900 mx-0.5">26/09/2026</strong>, 1751 Äến <strong class="text-gray-900">09-10-2026</strong> vẫn chưa vá». 1752 </span> 1753 </div> 1754 <div class="sm:text-right flex items-center gap-2 shrink-0 bg-gray-50 px-3 py-1.5 rounded border border-gray-200">
1755 <span class="text-gray-500 text-[13px] font-medium">Äá» gan:</span> 1756 <span class="font-bold text-red-600 text-base"> 1757 13 <span class="text-xs uppercase text-gray-500">ngà y</span> 1758 </span> 1759 </div> 1760 </li> 1761 <li class="px-4 py-3 hover:bg-red-50/20 transition-colors flex flex-col sm:flex-row sm:items-center justify-between gap-3 text-sm"> 1762 <div class="flex-1 text-gray-700 flex items-center flex-wrap gap-x-2 gap-y-1"> 1763 <span>Bá» sá» </span> 1764 <span class="font-bold text-lg text-red-700 bg-red-50 border border-red-100 px-2.5 py-0.5 rounded shadow-sm tracking-widest"> 1765 18 </span> 1766 <span> 1767 ra ngà y <strong class="text-gray-900 mx-0.5">27/09/2026</strong>, 1768 Äến <strong class="text-gray-900">09-10-2026</strong> vẫn chưa vá». 1769 </span> 1770 </div> 1771 <div class="sm:text-right flex items-center gap-2 shrink-0 bg-gray-50 px-3 py-1.5 rounded border border-gray-200"> 1772 <span class="text-gray-500 text-[13px] font-medium">Äá» gan:</span> 1773 <span class="font-bold text-red-600 text-base"> 1774 12 <span class="text-xs uppercase text-gray-500">ngà y</span> 1775 </span> 1776 </div> 1777 </li> 1778 <li class="px-4 py-3 hover:bg-red-50/20 transition-colors flex flex-col sm:flex-row sm:items-center justify-between gap-3 text-sm"> 1779 <div class="flex-1 text-gray-700 flex items-center flex-wrap gap-x-2 gap-y-1"> 1780 <span>Bá» sá» </span> 1781 <span class="font-bold text-lg text-red-700 bg-red-50 border border-red-100 px-2.5 py-0.5 rounded shadow-sm tracking-widest"> 1782 20 </span> 1783 <span> 1784 ra ngà y <strong class="text-gray-900 mx-0.5">27/09/2026</strong>, 1785 Äến <strong class="text-gray-900">09-10-2026</strong> vẫn chưa vá». 1786 </span> 1787 </div> 1788 <div class="sm:text-right flex items-center gap-2 shrink-0 bg-gray-50 px-3 py-1.5 rounded border border-gray-200"> 1789 <span class="text-gray-500 text-[13px] font-medium">Äá» gan:</span>
1790 <span class="font-bold text-red-600 text-base"> 1791 12 <span class="text-xs uppercase text-gray-500">ngà y</span> 1792 </span> 1793 </div> 1794 </li> 1795 <li class="px-4 py-3 hover:bg-red-50/20 transition-colors flex flex-col sm:flex-row sm:items-center justify-between gap-3 text-sm"> 1796 <div class="flex-1 text-gray-700 flex items-center flex-wrap gap-x-2 gap-y-1"> 1797 <span>Bá» sá» </span> 1798 <span class="font-bold text-lg text-red-700 bg-red-50 border border-red-100 px-2.5 py-0.5 rounded shadow-sm tracking-widest"> 1799 22 </span> 1800 <span> 1801 ra ngà y <strong class="text-gray-900 mx-0.5">28/09/2026</strong>, 1802 Äến <strong class="text-gray-900">09-10-2026</strong> vẫn chưa vá». 1803 </span> 1804 </div> 1805 <div class="sm:text-right flex items-center gap-2 shrink-0 bg-gray-50 px-3 py-1.5 rounded border border-gray-200"> 1806 <span class="text-gray-500 text-[13px] font-medium">Äá» gan:</span> 1807 <span class="font-bold text-red-600 text-base"> 1808 11 <span class="text-xs uppercase text-gray-500">ngà y</span> 1809 </span> 1810 </div> 1811 </li> 1812 </ul> 1813 </div> 1814 </div> 1815 1816 <!-- CẢNH BÃO RỦI RO Là GAN --> 1817 <div class="mt-2 mb-4 p-4 bg-orange-50 border border-orange-200 rounded-lg text-orange-800 text-[13.5px]"> 1818 <i class="fa-solid fa-triangle-exclamation mr-1.5 text-orange-600"></i> Khuyến cáo: <strong>Cân nhắc kỹ khi nuôi các loto Äang tiến gần Äến max gan lá»ch sá»</strong>. Viá»c theo Äuá»i các lô gan lỳ vượt Äá»nh có thá» mang lại rá»§i ro rất cao. 1819 </div> 1820 1821 <!-- 2. MAX GAN RECORD --> 1822 <div class="border border-gray-200 rounded-lg overflow-hidden shadow-sm"> 1823 <div class="bg-gray-100 px-4 py-2.5 border-b border-gray-200 flex items-center gap-2"> 1824 <i class="fa-solid fa-history text-gray-600"></i> 1825 <h2 class="text-[15px] font-bold text-gray-800 m-0">Max Gan Lá»ch Sá» (Ngà y)</h2> 1826 </div> 1827 <div class="p-4 bg-white space-y-4"> 1828 <div class="overflow-x-auto rounded-md border border-gray-200"> 1829 <table class="maxgan-table w-full text-center border-collapse text-sm"> 1830 <tbody class="divide-y divide-gray-100"> 1831 <tr class="bg-gray-50 border-b border-gray-200"> 1832 <td class="px-3 py-2 font-bold text-gray-700 border-r border-gray-200 bg-gray-100 w-24 uppercase tracking-wider text-[11px] text-left"> 1833 Loto 1834 </td> 1835 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1836 00 </td> 1837 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1838 01 </td> 1839 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1840 02 </td> 1841 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1842 03 </td> 1843 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1844 04 </td> 1845 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1846 05 </td> 1847 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1848 06 </td> 1849 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1850 07 </td> 1851 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1852 08 </td> 1853 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1854 09 </td> 1855 </tr> 1856 <tr> 1857 <td class="px-3 py-2 font-medium text-gray-600 border-r border-gray-200 bg-gray-50/50 text-left text-xs uppercase tracking-wide"> 1858 Äá»nh Gan 1859 </td> 1860 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 1861 38 </td> 1862 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 1863 35 </td> 1864 <td class="px-2 py-2 text-orange-700 font-bold text-[14px]"> 1865 25 </td> 1866 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 1867 32 </td> 1868 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 1869 42 </td> 1870 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 1871 31 </td> 1872 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 1873 28 </td> 1874 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 1875 32 </td> 1876 <td class="px-2 py-2 text-orange-700 font-bold text-[14px]"> 1877 24 </td> 1878 <td class="px-2 py-2 text-orange-700 font-bold text-[14px]"> 1879 25 </td> 1880 </tr> 1881 </tbody> 1882 </table> 1883 </div> 1884 <div class="overflow-x-auto rounded-md border border-gray-200"> 1885 <table class="maxgan-table w-full text-center border-collapse text-sm"> 1886 <tbody class="divide-y divide-gray-100"> 1887 <tr class="bg-gray-50 border-b border-gray-200"> 1888 <td class="px-3 py-2 font-bold text-gray-700 border-r border-gray-200 bg-gray-100 w-24 uppercase tracking-wider text-[11px] text-left"> 1889 Loto 1890 </td> 1891 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1892 10 </td> 1893 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1894 11 </td> 1895 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1896 12 </td> 1897 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1898 13 </td> 1899 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1900 14 </td> 1901 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1902 15 </td> 1903 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1904 16 </td> 1905 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1906 17 </td> 1907 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1908 18 </td> 1909 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1910 19 </td> 1911 </tr> 1912 <tr> 1913 <td class="px-3 py-2 font-medium text-gray-600 border-r border-gray-200 bg-gray-50/50 text-left text-xs uppercase tracking-wide"> 1914 Äá»nh Gan 1915
1915 </td> 1916 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 1917 34 </td> 1918 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 1919 39 </td> 1920 <td class="px-2 py-2 text-orange-700 font-bold text-[14px]"> 1921 24 </td> 1922 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 1923 27 </td> 1924 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 1925 38 </td> 1926 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 1927 33 </td> 1928 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 1929 34 </td> 1930 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 1931 30 </td> 1932 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 1933 31 </td> 1934 <td class="px-2 py-2 text-orange-700 font-bold text-[14px]"> 1935 25 </td> 1936 </tr> 1937 </tbody> 1938 </table> 1939 </div> 1940 <div class="overflow-x-auto rounded-md border border-gray-200"> 1941 <table class="maxgan-table w-full text-center border-collapse text-sm"> 1942 <tbody class="divide-y divide-gray-100"> 1943 <tr class="bg-gray-50 border-b border-gray-200"> 1944 <td class="px-3 py-2 font-bold text-gray-700 border-r border-gray-200 bg-gray-100 w-24 uppercase tracking-wider text-[11px] text-left"> 1945 Loto 1946 </td> 1947 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1948 20 </td> 1949 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1950 21 </td> 1951 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1952 22 </td> 1953 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1954 23 </td> 1955 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1956 24 </td> 1957 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1958 25 </td> 1959 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1960 26 </td> 1961 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1962 27 </td> 1963 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1964 28 </td> 1965 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 1966 29 </td> 1967 </tr> 1968 <tr> 1969 <td class="px-3 py-2 font-medium text-gray-600 border-r border-gray-200 bg-gray-50/50 text-left text-xs uppercase tracking-wide"> 1970 Äá»nh Gan 1971 </td> 1972 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 1973 32 </td> 1974 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 1975 29 </td> 1976 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 1977 30 </td> 1978 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 1979 27 </td> 1980 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 1981 27 </td> 1982 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 1983 39 </td> 1984 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 1985 37 </td> 1986 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 1987 33 </td> 1988 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 1989 31 </td> 1990 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 1991 36 </td> 1992 </tr> 1993 </tbody> 1994 </table> 1995 </div> 1996 <div class="overflow-x-auto rounded-md border border-gray-200"> 1997 <table class="maxgan-table w-full text-center border-collapse text-sm"> 1998 <tbody class="divide-y divide-gray-100"> 1999 <tr class="bg-gray-50 border-b border-gray-200"> 2000 <td class="px-3 py-2 font-bold text-gray-700 border-r border-gray-200 bg-gray-100 w-24 uppercase tracking-wider text-[11px] text-left"> 2001 Loto 2002 </td> 2003 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2004 30 </td> 2005 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2006 31 </td> 2007 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2008 32 </td> 2009 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2010 33 </td> 2011 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2012 34 </td> 2013 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2014 35 </td> 2015 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2016 36 </td> 2017 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2018 37 </td> 2019 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2020 38 </td> 2021 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2022 39 </td> 2023 </tr> 2024 <tr> 2025 <td clas
2025s="px-3 py-2 font-medium text-gray-600 border-r border-gray-200 bg-gray-50/50 text-left text-xs uppercase tracking-wide"> 2026 Äá»nh Gan 2027 </td> 2028 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2029 32 </td> 2030 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2031 26 </td> 2032 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2033 27 </td> 2034 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2035 32 </td> 2036 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2037 35 </td> 2038 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2039 39 </td> 2040 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2041 33 </td> 2042 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2043 30 </td> 2044 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2045 31 </td> 2046 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2047 39 </td> 2048 </tr> 2049 </tbody> 2050 </table> 2051 </div> 2052 <div class="overflow-x-auto rounded-md border border-gray-200"> 2053 <table class="maxgan-table w-full text-center border-collapse text-sm"> 2054 <tbody class="divide-y divide-gray-100"> 2055 <tr class="bg-gray-50 border-b border-gray-200"> 2056 <td class="px-3 py-2 font-bold text-gray-700 border-r border-gray-200 bg-gray-100 w-24 uppercase tracking-wider text-[11px] text-left"> 2057 Loto 2058 </td> 2059 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2060 40 </td> 2061 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2062 41 </td> 2063 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2064 42 </td> 2065 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2066 43 </td> 2067 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2068 44 </td> 2069 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2070 45 </td> 2071 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2072 46 </td> 2073 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2074 47 </td> 2075 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2076 48 </td> 2077 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2078 49 </td> 2079 </tr> 2080 <tr> 2081 <td class="px-3 py-2 font-medium text-gray-600 border-r border-gray-200 bg-gray-50/50 text-left text-xs uppercase tracking-wide"> 2082 Äá»nh Gan 2083 </td> 2084 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2085 27 </td> 2086 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2087 38 </td> 2088 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2089 27 </td> 2090 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2091 32 </td> 2092 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2093 31 </td> 2094 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2095 31 </td> 2096 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2097 26 </td> 2098 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2099 30 </td> 2100 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2101 38 </td> 2102 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2103 26 </td> 2104 </tr> 2105 </tbody> 2106 </table> 2107 </div> 2108 <div class="overflow-x-auto rounded-md border border-gray-200"> 2109 <table class="maxgan-table w-full text-center border-collapse text-sm"> 2110 <tbody class="divide-y divide-gray-100"> 2111 <tr class="bg-gray-50 border-b border-gray-200"> 2112 <td class="px-3 py-2 font-bold text-gray-700 border-r border-gray-200 bg-gray-100 w-24 uppercase tracking-wider text-[11px] text-left"> 2113 Loto 2114 </td> 2115 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2116 50 </td> 2117 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2118 51 </td> 2119 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2120 52 </td> 2121 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2122 53 </td> 2123 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2124 54 </td> 2125 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2126 55 </td> 2127 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2128 56 </td> 2129 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2130 57 </td> 2131 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2132 58 </td> 2133 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2134 59 </td> 2135
2135 </tr> 2136 <tr> 2137 <td class="px-3 py-2 font-medium text-gray-600 border-r border-gray-200 bg-gray-50/50 text-left text-xs uppercase tracking-wide"> 2138 Äá»nh Gan 2139 </td> 2140 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2141 41 </td> 2142 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2143 31 </td> 2144 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2145 31 </td> 2146 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2147 37 </td> 2148 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2149 37 </td> 2150 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2151 43 </td> 2152 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2153 29 </td> 2154 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2155 33 </td> 2156 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2157 36 </td> 2158 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2159 27 </td> 2160 </tr> 2161 </tbody> 2162 </table> 2163 </div> 2164 <div class="overflow-x-auto rounded-md border border-gray-200"> 2165 <table class="maxgan-table w-full text-center border-collapse text-sm"> 2166 <tbody class="divide-y divide-gray-100"> 2167 <tr class="bg-gray-50 border-b border-gray-200"> 2168 <td class="px-3 py-2 font-bold text-gray-700 border-r border-gray-200 bg-gray-100 w-24 uppercase tracking-wider text-[11px] text-left"> 2169 Loto 2170 </td> 2171 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2172 60 </td> 2173 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2174 61 </td> 2175 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2176 62 </td> 2177 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2178 63 </td> 2179 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2180 64 </td> 2181 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2182 65 </td> 2183 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2184 66 </td> 2185 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2186 67 </td> 2187 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2188 68 </td> 2189 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2190 69 </td> 2191 </tr> 2192 <tr> 2193 <td class="px-3 py-2 font-medium text-gray-600 border-r border-gray-200 bg-gray-50/50 text-left text-xs uppercase tracking-wide"> 2194 Äá»nh Gan 2195 </td> 2196 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2197 34 </td> 2198 <td class="px-2 py-2 text-orange-700 font-bold text-[14px]"> 2199 24 </td> 2200 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2201 29 </td> 2202 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2203 31 </td> 2204 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2205 31 </td> 2206 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2207 42 </td> 2208 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2209 33 </td> 2210 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2211 27 </td> 2212 <td class="px-2 py-2 text-orange-700 font-bold text-[14px]"> 2213 25 </td> 2214 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2215 33 </td> 2216 </tr> 2217 </tbody> 2218 </table> 2219 </div> 2220 <div class="overflow-x-auto rounded-md border border-gray-200"> 2221 <table class="maxgan-table w-full text-center border-collapse text-sm"> 2222 <tbody class="divide-y divide-gray-100"> 2223 <tr class="bg-gray-50 border-b border-gray-200"> 2224 <td class="px-3 py-2 font-bold text-gray-700 border-r border-gray-200 bg-gray-100 w-24 uppercase tracking-wider text-[11px] text-left"> 2225 Loto 2226 </td> 2227 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2228 70 </td> 2229 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2230 71 </td> 2231 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2232 72 </td> 2233 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2234 73 </td> 2235 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2236 74 </td> 2237 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2238 75 </td> 2239 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2240 76 </td> 2241 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2242 77 </td> 2243 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2244 78 </td> 2245
2245 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2246 79 </td> 2247 </tr> 2248 <tr> 2249 <td class="px-3 py-2 font-medium text-gray-600 border-r border-gray-200 bg-gray-50/50 text-left text-xs uppercase tracking-wide"> 2250 Äá»nh Gan 2251 </td> 2252 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2253 26 </td> 2254 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2255 31 </td> 2256 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2257 34 </td> 2258 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2259 37 </td> 2260 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2261 37 </td> 2262 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2263 34 </td> 2264 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2265 40 </td> 2266 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2267 34 </td> 2268 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2269 34 </td> 2270 <td class="px-2 py-2 text-orange-700 font-bold text-[14px]"> 2271 25 </td> 2272 </tr> 2273 </tbody> 2274 </table> 2275 </div> 2276 <div class="overflow-x-auto rounded-md border border-gray-200"> 2277 <table class="maxgan-table w-full text-center border-collapse text-sm"> 2278 <tbody class="divide-y divide-gray-100"> 2279 <tr class="bg-gray-50 border-b border-gray-200"> 2280 <td class="px-3 py-2 font-bold text-gray-700 border-r border-gray-200 bg-gray-100 w-24 uppercase tracking-wider text-[11px] text-left"> 2281 Loto 2282 </td> 2283 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2284 80 </td> 2285 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2286 81 </td> 2287 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2288 82 </td> 2289 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2290 83 </td> 2291 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2292 84 </td> 2293 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2294 85 </td> 2295 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2296 86 </td> 2297 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2298 87 </td> 2299 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2300 88 </td> 2301 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2302 89 </td> 2303 </tr> 2304 <tr> 2305 <td class="px-3 py-2 font-medium text-gray-600 border-r border-gray-200 bg-gray-50/50 text-left text-xs uppercase tracking-wide"> 2306 Äá»nh Gan 2307 </td> 2308 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2309 41 </td> 2310 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2311 28 </td> 2312 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2313 32 </td> 2314 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2315 28 </td> 2316 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2317 30 </td> 2318 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2319 33 </td> 2320 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2321 33 </td> 2322 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2323 32 </td> 2324 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2325 27 </td> 2326 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2327 27 </td> 2328 </tr> 2329 </tbody> 2330 </table> 2331 </div> 2332 <div class="overflow-x-auto rounded-md border border-gray-200"> 2333 <table class="maxgan-table w-full text-center border-collapse text-sm"> 2334 <tbody class="divide-y divide-gray-100"> 2335 <tr class="bg-gray-50 border-b border-gray-200"> 2336 <td class="px-3 py-2 font-bold text-gray-700 border-r border-gray-200 bg-gray-100 w-24 uppercase tracking-wider text-[11px] text-left"> 2337 Loto 2338 </td> 2339 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2340 90 </td> 2341 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2342 91 </td> 2343 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2344 92 </td> 2345 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2346 93 </td> 2347 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2348 94 </td> 2349 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2350 95 </td> 2351 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2352 96 </td> 2353 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2354 97 </td> 2355 <td class="px-2 py-2 font-bold text-gray-800 text
2355-[15px]"> 2356 98 </td> 2357 <td class="px-2 py-2 font-bold text-gray-800 text-[15px]"> 2358 99 </td> 2359 </tr> 2360 <tr> 2361 <td class="px-3 py-2 font-medium text-gray-600 border-r border-gray-200 bg-gray-50/50 text-left text-xs uppercase tracking-wide"> 2362 Äá»nh Gan 2363 </td> 2364 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2365 31 </td> 2366 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2367 26 </td> 2368 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2369 32 </td> 2370 <td class="px-2 py-2 text-orange-700 font-bold text-[14px]"> 2371 25 </td> 2372 <td class="px-2 py-2 text-orange-700 font-bold text-[14px]"> 2373 24 </td> 2374 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2375 35 </td> 2376 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2377 29 </td> 2378 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2379 30 </td> 2380 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2381 32 </td> 2382 <td class="px-2 py-2 text-red-700 font-extrabold text-[14px]"> 2383 28 </td> 2384 </tr> 2385 </tbody> 2386 </table> 2387 </div> 2388 </div> 2389 </div> 2390 2391 </div> 2392 </div> 2393 </div> 2394 2395 2396<div class="bg-white rounded-xl border border-gray-200 shadow-sm overflow-hidden mb-6"> 2397 <div class="px-4 py-3 bg-gray-50 border-b border-gray-200 flex items-center gap-2"> 2398 <i class="fa-solid fa-chart-pie text-red-600"></i> 2399 <h2 class="text-sm font-bold text-gray-800 m-0 uppercase tracking-tight">Công cụ phân tÃch xá» sá» Truyá»n Thá»ng</h2> 2400 </div> 2401 <div class="p-3">
2402 <div class="grid grid-cols-2 md:grid-cols-5 gap-3"> 2403 <a href="https://xemketqua.net/xo-so-mien-bac" 2404 class="flex flex-col items-center justify-center p-3 rounded-lg border transition-all duration-300 group bg-white border-gray-100 hover:border-red-300 hover:bg-red-50 text-gray-700 shadow-sm" 2405 title="Kết quả Truyá»n Thá»ng"> 2406 <i class="fa-solid fa-calendar-check text-xl mb-2 text-red-500 group-hover:scale-110 transition-transform"></i> 2407 <span class="text-xs font-bold text-center">Kết quả Truyá»n Thá»ng</span> 2408 </a> 2409 <a href="https://xemketqua.net/loto-gan" 2410 class="flex flex-col items-center justify-center p-3 rounded-lg border transition-all duration-300 group bg-orange-700 border-orange-700 text-white shadow-md" 2411 title="Loto gan Truyá»n Thá»ng"> 2412 <i class="fa-solid fa-chart-line text-xl mb-2 text-white transition-transform"></i> 2413 <span class="text-xs font-bold text-center">Loto gan Truyá»n Thá»ng</span> 2414 </a> 2415 <a href="https://xemketqua.net/thong-ke-nhip-lo-gan" 2416 class="flex flex-col items-center justify-center p-3 rounded-lg border transition-all duration-300 group bg-white border-gray-100 hover:border-purple-300 hover:bg-purple-50 text-gray-700 shadow-sm" 2417 title="Nhá»p loto gan Truyá»n Thá»ng"> 2418 <i class="fa-solid fa-wave-square text-xl mb-2 text-purple-500 group-hover:scale-110 transition-transform"></i> 2419 <span class="text-xs font-bold text-center">Nhá»p loto gan Truyá»n Thá»ng</span> 2420 </a> 2421 <a href="https://xemketqua.net/tan-suat-loto" 2422 class="flex flex-col items-center justify-center p-3 rounded-lg border transition-all duration-300 group bg-white border-gray-100 hover:border-blue-300 hover:bg-blue-50 text-gray-700 shadow-sm" 2423 title="Tần suất Truyá»n Thá»ng"> 2424 <i class="fa-solid fa-wave-square text-xl mb-2 text-blue-500 group-hover:scale-110 transition-transform"></i> 2425 <span class="text-xs font-bold text-center">Tần suất Truyá»n Thá»ng</span> 2426 </a> 2427 <a href="https://xemketqua.net/cau-loto" 2428 class="flex flex-col items-center justify-center p-3 rounded-lg border transition-all duration-300 group bg-white border-gray-100 hover:border-indigo-300 hover:bg-indigo-50 text-gray-700 shadow-sm" 2429 title="Soi cầu Truyá»n Thá»ng"> 2430 <i class="fa-solid fa-wand-magic-sparkles text-xl mb-2 text-indigo-500 group-hover:scale-110 transition-transform"></i> 2431 <span class="text-xs font-bold text-center">Soi cầu Truyá»n Thá»ng</span> 2432 </a> 2433 </div> 2434 </div> 2435</div> 2436 2437 <!-- SEO CONTENT BLOCK --> 2438 <!-- SEO Content Block â giúp Google hiá»u ná»i dung trang --> 2439<article class="seo-content-block mt-8 mb-4"> 2440 <div class="bg-white dark:bg-slate-900 border border-gray-200 dark:border-slate-800 rounded-xl overflow-hidden shadow-sm"> 2441 <!-- Header --> 2442 <div class="bg-gradient-to-r from-gray-50 to-white dark:from-slate-800 dark:to-slate-900 px-5 py-3 border-b border-gray-100 dark:border-slate-800"> 2443 <h2 class="text-lg font-bold text-gray-800 dark:text-slate-100 flex items-center gap-2 m-0"> 2444 <i class="fas fa-info-circle text-blue-500"></i> 2445 Thá»ng Kê Loto Gan - Phân TÃch Chu Kỳ Gan Cá»±c Äại </h2> 2446 </div> 2447 <!-- Body (strip_tags whitelist Äá» chá»ng XSS khi má» rá»ng sang CMS) --> 2448 <div class="px-5 py-4 text-sm text-gray-600 dark:text-slate-300 leading-relaxed seo-prose"> 2449 2450 <p>Bảng <strong>Thá»ng kê Loto gan</strong> tá»ng hợp danh sách những con sá» bưá»ng bá»nh nhất chưa chá»u xuất hiá»n trên bảng kết quả. Công cụ giúp bạn so sánh sá» ngà y gan hiá»n tại vá»i chu kỳ max gan lá»ch sá» Äá» có chiến lược "nuôi" hoặc "né" hợp lý nhất.</p> 2451 <h3>ð Phân TÃch Lô Gan Truyá»n Thá»ng Hôm Nay 10/10/2026</h3><p>TÃnh Äến ngà y <strong>10/10/2026</strong>, các loto gan lâu chưa ra nhất cá»§a Äà i <strong>Truyá»n Thá»ng</strong> là : <strong>64</strong> (14 ngà y), <strong>28</strong> (13 ngà y), <strong>32</strong> (13 ngà y), <strong>18</strong> (12 ngà y), <strong>20</strong> (12 ngà y). Äây là những bá» sá» Äã vắng bóng trong thá»i gian dà i và Äang ÄÆ°á»£c nhiá»u ngưá»i dùng theo dõi sát sao.</p><p>Riêng sá» <strong>64</strong> Äang á» mức <strong>45%</strong>
2451 so vá»i ká»· lục max gan lá»ch sá» (31 ngà y). Vẫn còn khoảng cách Äáng ká» so vá»i Äá»nh, cần theo dõi thêm.</p> </div> 2452 <!-- Last Updated Signal --> 2453 <div class="px-5 py-2 bg-gray-50 dark:bg-slate-950 border-t border-gray-100 dark:border-slate-800 text-xs text-gray-500 dark:text-slate-400 flex items-center gap-1"> 2454 <i class="fas fa-clock"></i> 2455 <span>Cáºp nháºt: <time datetime="2026-10-10">10/10/2026</time></span> 2456 </div> 2457 </div> 2458</article> 2459<style> 2460 .seo-prose h3 { font-size: 0.95rem; font-weight: 700; color: var(--clr-text-primary); margin: 1rem 0 0.5rem; } 2461 .seo-prose p { margin-bottom: 0.75rem; } 2462 .seo-prose ul, .seo-prose ol { margin: 0.5rem 0 0.75rem 1.25rem; } 2463 .seo-prose li { margin-bottom: 0.35rem; } 2464 .seo-prose strong { color: var(--clr-text-primary); } 2465</style> 2466 2467 <!-- FAQ Block --> 2468 <!-- FAQ Block â Câu há»i thưá»ng gặp + JSON-LD FAQPage Schema --> 2469<section class="faq-block mt-6 mb-4"> 2470 <div class="bg-white dark:bg-slate-900 border border-gray-200 dark:border-slate-800 rounded-xl overflow-hidden shadow-sm"> 2471 <!-- Header --> 2472 <div class="bg-gradient-to-r from-amber-50 to-white dark:from-slate-800 dark:to-slate-900 px-5 py-3 border-b border-gray-100 dark:border-slate-800"> 2473 <h2 class="text-lg font-bold text-gray-800 dark:text-slate-100 flex items-center gap-2 m-0"> 2474 <i class="fas fa-circle-question text-amber-500"></i> 2475 Câu Há»i Thưá»ng Gặp Vá» Loto Gan </h2> 2476 </div> 2477 <!-- FAQ Items (Accordion) --> 2478 <div class="faq-accordion" id="faqAccordion-loto-gan"> 2479 <div class="faq-item border-b border-gray-100 dark:border-slate-800 last:border-b-0"> 2480 <button class="faq-question w-full text-left px-5 py-3.5 flex items-start gap-3 hover:bg-gray-50 dark:hover:bg-slate-800/50 transition-colors duration-200" onclick="if (!window.__cfRLUnblockHandlers) return false; this.parentElement.classList.toggle('faq-open');this.setAttribute('aria-expanded',this.getAttribute('aria-expanded')==='true'?'false':'true')" aria-expanded="false" aria-controls="faq-answer-loto-gan-0" data-cf-modified-552de0b68c60c9fc5da11272-=""> 2481 <span class="faq-chevron text-gray-400 mt-0.5 transition-transform duration-300 flex-shrink-0"> 2482 <i class="fas fa-chevron-right text-xs"></i> 2483 </span> 2484 <span class="text-sm font-semibold text-gray-800 dark:text-slate-200 leading-snug">Loto gan (lô gan) là gì?</span> 2485 </button> 2486 <div class="faq-answer overflow-hidden transition-all duration-300 max-h-0" id="faq-answer-loto-gan-0" role="region" aria-labelledby="faq-q-loto-gan-0"> 2487 <div class="px-5 pb-4 pl-11 text-sm text-gray-600 dark:text-slate-300 leading-relaxed"> 2488 Loto gan là những con sá» loto Äã lâu không xuất hiá»n trên bảng kết quả xá» sá» (thưá»ng từ 10 ngà y trá» lên chưa vá»). </div> 2489 </div> 2490 </div> 2491 <div class="faq-item border-b border-gray-100 dark:border-slate-800 last:border-b-0"> 2492 <button class="faq-question w-full text-left px-5 py-3.5 flex items-start gap-3 hover:bg-gray-50 dark:hover:bg-slate-800/50 transition-colors duration-200" onclick="if (!window.__cfRLUnblockHandlers) return false; this.parentElement.classList.toggle('faq-open');this.setAttribute('aria-expanded',this.getAttribute('aria-expanded')==='true'?'false':'true')" aria-expanded="false" aria-controls="faq-answer-loto-gan-1" data-cf-modified-552de0b68c60c9fc5da11272-=""> 2493 <span class="faq-chevron text-gray-400 mt-0.5 transition-transform duration-300 flex-shrink-0"> 2494 <i class="fas fa-chevron-right text-xs"></i> 2495 </span> 2496 <span class="text-sm font-semibold text-gray-800 dark:text-slate-200 leading-snug">Có nên Äánh lô gan không?</span> 2497 </button> 2498 <div class="faq-answer overflow-hidden transition-all duration-300 max-h-0" id="faq-answer-loto-gan-1" role="region" aria-labelledby="faq-q-loto-gan-1"> 2499 <div class="px-5 pb-4 pl-11 text-sm text-gray-600 dark:text-slate-300 leading-relaxed"> 2500 ChÆ¡i lô gan tiá»m ẩn rá»§i ro rất cao vì không ai biết chÃnh xác khi nà o nó sẽ ra. Bạn chá» nên và o tiá»n khi lô gan Äã tiến sát hoặc vượt qua chu kỳ cá»±c Äại (max gan) lá»ch sá» cá»§a nó. </div> 2501 </div> 2502 </div> 2503 </div> 2504 </div> 2505</section> 2506 2507<!-- JSON-LD FAQPage Schema â Google Rich Snippets -->
2508<script type="application/ld+json"> 2509{ 2510 "@context": "https://schema.org", 2511 "@type": "FAQPage", 2512 "mainEntity": [ 2513 { 2514 "@type": "Question", 2515 "name": "Loto gan (lô gan) là gì?", 2516 "acceptedAnswer": { 2517 "@type": "Answer", 2518 "text": "Loto gan là những con sá» loto Äã lâu không xuất hiá»n trên bảng kết quả xá» sá» (thưá»ng từ 10 ngà y trá» lên chưa vá»)." } 2519 }, 2520 { 2521 "@type": "Question", 2522 "name": "Có nên Äánh lô gan không?", 2523 "acceptedAnswer": { 2524 "@type": "Answer", 2525 "text": "ChÆ¡i lô gan tiá»m ẩn rá»§i ro rất cao vì không ai biết chÃnh xác khi nà o nó sẽ ra. Bạn chá» nên và o tiá»n khi lô gan Äã tiến sát hoặc vượt qua chu kỳ cá»±c Äại (max gan) lá»ch sá» cá»§a nó." } 2526 } 2527 ] 2528} 2529</script>
2529 2530 2531<style> 2532 .faq-item.faq-open .faq-chevron { transform: rotate(90deg); } 2533 .faq-item.faq-open .faq-answer { max-height: 500px; } 2534 .faq-question:focus { outline: 2px solid var(--clr-gold-light, #f59e0b); outline-offset: -2px; border-radius: 4px; } 2535 .faq-question:focus:not(:focus-visible) { outline: none; } 2536</style> 2537 2538 <!-- Há» THá»NG LIÃN KẾT Ná»I Bá» THEO NGá»® CẢNH --> 2539 2540 <div class="w-full flex justify-center mb-5"> 2541 <div class="w-full max-w-[728px]"> 2542 <div class="ad-slot ad-slot--html" data-slot="header_banner" data-ad-id="10"> 2543 <amp-ad 2544 layout="fixed" 2545 width="728" 2546 height="90" 2547 type="adsense" 2548 data-ad-client="ca-pub-6395022309587449" 2549 data-ad-slot="7437112242"> 2550</amp-ad> 2551</div> </div> 2552 </div> 2553 2554<!-- CTA: Äặt Quảng Cáo --> 2555<div class="my-5"> 2556 <a href="https://xemketqua.net/quang-cao" 2557 title="Äặt quảng cáo - Quảng bá thương hiá»u tiếp cáºn hà ng triá»u ngưá»i dùng" 2558 class="group relative block overflow-hidden rounded-xl p-[2px] transition-all duration-500 hover:scale-[1.02] hover:shadow-2xl rainbow-border" style="background-size: 300% 300%; animation: gradientShift 4s ease infinite;"> 2559 <div 2560 class="relative flex items-center justify-between gap-4 rounded-[10px] bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm px-5 py-4 transition-all duration-500 group-hover:bg-white/80 dark:group-hover:bg-slate-900/80"> 2561 <!-- Left: Icon + Text --> 2562 <div class="flex items-center gap-4"> 2563 <div class="relative flex-shrink-0"> 2564 <div 2565 class="flex items-center justify-center w-12 h-12 rounded-xl bg-gradient-to-br from-amber-400 via-rose-500 to-purple-600 text-white shadow-lg group-hover:shadow-rose-500/40 transition-all duration-500 group-hover:rotate-6 group-hover:scale-110"> 2566 <i class="fas fa-ad fa-lg"></i> 2567 </div> 2568 <span class="absolute -top-1 -right-1 flex h-4 w-4"> 2569 <span 2570 class="animate-ping absolute inline-flex h-full w-full rounded-full bg-amber-400 opacity-75"></span> 2571 <span 2572 class="relative inline-flex rounded-full h-4 w-4 bg-amber-500 items-center justify-center"> 2573 <i class="fas fa-sparkles text-[8px] text-white"></i> 2574 </span> 2575 </span> 2576 </div> 2577 <div> 2578 <div class="text-base font-extrabold text-gray-800 dark:text-white mb-0.5 transition-all duration-300"> 2579 <i class="fas fa-bullhorn text-amber-500 dark:text-amber-400 mr-1.5 text-sm"></i>Äặt Quảng Cáo 2580 </div> 2581 <p class="text-xs text-gray-500 dark:text-gray-300 m-0">Quảng bá thương hiá»u ⢠Tiếp cáºn hà ng triá»u ngưá»i dùng ⢠Hiá»u 2582 quả tá»i Äa</p> 2583 </div> 2584 </div> 2585 <!-- Right: CTA Button --> 2586 <div 2587 class="flex-shrink-0 hidden sm:flex items-center gap-2 px-5 py-2.5 rounded-lg bg-gradient-to-r from-amber-500 via-rose-500 to-purple-600 text-white text-sm font-bold shadow-lg group-hover:shadow-rose-500/50 transition-all duration-500 group-hover:scale-105"> 2588 <span>Liên há» ngay</span> 2589 <i class="fas fa-arrow-right transition-transform duration-300 group-hover:translate-x-1"></i> 2590 </div> 2591 </div> 2592 </a> 2593</div> 2594 2595<style> 2596 @keyframes gradientShift { 2597 0% { 2598 background-position: 0% 50%; 2599 } 2600 2601 50% { 2602 background-position: 100% 50%; 2603 } 2604 2605 100% { 2606 background-position: 0% 50%; 2607 } 2608 } 2609</style> 2610 2611<!-- Component: Internal Links / Có thá» bạn quan tâm --> 2612<nav aria-label="Liên kết ná»i bá» liên quan" class="mt-6 mb-6"> 2613 <h2 2614 class="text-lg font-bold border-b-2 border-slate-300 dark:border-slate-600 text-gray-800 dark:text-gray-200 mb-4 pb-2"> 2615 <i class="fas fa-star text-yellow-500 mr-2"></i>Có thá» bạn quan tâm 2616 </h2> 2617 <p class="text-sm text-gray-500 dark:text-gray-300 mb-3">Khám phá các công cụ thá»ng kê, soi cầu và tiá»n Ãch xá» sá» kiến thiết 3 miá»n hữu Ãch:</p> 2618 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3 mb-4"> 2619 <a href="https://xemketqua.net/lich-quay-thuong" 2620 title="Lá»ch Quay Thưá»ng - Lá»ch quay thưá»ng các Äà i xá» sá» trong tuần" 2621 class="flex items-center gap-3 p-3 bg-white dark:bg-slate-900 border border-gray-200 dark:border-slate-700 rounded-lg hover:shadow-md transition-shadow group"> 2622 <div 2623 class="bg-sky-100 dark:bg-sky-900/50 text-sky-600 dark:text-sky-400 p-3 rounded-full group-hover:bg-sky-700 group-hover:text-white transition-colors"> 2624 <i class="fas fa-calendar fa-fw"></i> 2625 </div> 2626 <div> 2627 <div 2628 class="text-sm font-bold text-gray-800 dark:text-gray-200 mb-1 group-hover:text-sky-600 dark:group-hover:text-sky-400 transition-colors"> 2629 Lá»ch Quay Thưá»ng </div> 2630 <p class="text-xs text-slate-500 dark:text-slate-300 m-0">Lá»ch quay thưá»ng các Äà i xá» sá» trong tuần</p> 2631 </div> 2632 </a> 2633 <a href="https://xemketqua.net/bong-da" 2634 title="Kết Quả Bóng Äá - Trá»±c tiếp tá»· sá», lá»ch thi Äấu và bảng xếp hạng bóng Äá hôm nay" 2635 class="flex items-center gap-3 p-3 bg-white dark:bg-slate-900 border border-gray-200 dark:border-slate-700 rounded-lg hover:shadow-md transition-shadow group"> 2636 <div 2637 class="bg-emerald-100 dark:bg-emerald-900/50 text-emerald-600 dark:text-emerald-400 p-3 rounded-full group-hover:bg-emerald-700 group-hover:text-white transition-colors"> 2638 <i class="fas fa-futbol fa-fw"></i> 2639 </div> 2640 <div> 2641 <div 2642 class="text-sm font-bold text-gray-800 dark:text-gray-200 mb-1 group-hover:text-emerald-600 dark:group-hover:text-emerald-400 transition-colors"> 2643 Kết Quả Bóng Äá </div> 2644 <p class="text-xs text-slate-500 dark:text-slate-300 m-0">Trá»±c tiếp tá»· sá», lá»ch thi Äấu và bảng xếp hạng bóng Äá hôm nay</p> 2645 </div> 2646 </a> 2647 <a href="https://xemketqua.net/xo-so-mien-trung" 2648 title="Xá» Sá» Miá»n Trung - Kết quả xá» sá» miá»n Trung các Äà i hôm nay" 2649 class="flex items-center gap-3 p-3 bg-white dark:bg-slate-900 border border-gray-200 dark:border-slate-700 rounded-lg hover:shadow-md transition-shadow group"> 2650 <div 2651 class="bg-green-100 dark:bg-green-900/50 text-green-600 dark:text-green-400 p-3 rounded-full group-hover:bg-green-700 group-hover:text-white transition-colors"> 2652 <i class="fas fa-mountain-sun fa-fw"></i> 2653 </div> 2654 <div> 2655 <div 2656 class="text-sm font-bold text-gray-800 dark:text-gray-200 mb-1 group-hover:text-green-600 dark:group-hover:text-green-400 transition-colors"> 2657 Xá» Sá» Miá»n Trung </div> 2658 <p class="text-xs text-slate-500 dark:text-slate-300 m-0">Kết quả xá» sá» miá»n Trung các Äà i hôm nay</p> 2659 </div> 2660 </a> 2661 <a href="https://xemketqua.net/so-ket-qua" 2662 title="Sá» Kết Quả - Xem kết quả xá» sá» miá»n Bắc 500 ngà y qua" 2663 class="flex items-center gap-3 p-3 bg-white dark:bg-slate-900 border border-gray-200 dark:border-slate-700 rounded-lg hover:shadow-md transition-shadow group"> 2664 <div
2665 class="bg-blue-100 dark:bg-blue-900/50 text-blue-600 dark:text-blue-400 p-3 rounded-full group-hover:bg-blue-700 group-hover:text-white transition-colors"> 2666 <i class="fas fa-book fa-fw"></i> 2667 </div> 2668 <div> 2669 <div 2670 class="text-sm font-bold text-gray-800 dark:text-gray-200 mb-1 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors"> 2671 Sá» Kết Quả </div> 2672 <p class="text-xs text-slate-500 dark:text-slate-300 m-0">Xem kết quả xá» sá» miá»n Bắc 500 ngà y qua</p> 2673 </div> 2674 </a> 2675 <a href="https://xemketqua.net/thong-ke-loto-bach-thu-dang-ve-lien-tuc-ngay" 2676 title="Bạch Thá»§ Vá» Liên Tục - Thá»ng kê loto bạch thá»§ Äang vá» liên tục theo ngà y, tuần, tháng" 2677 class="flex items-center gap-3 p-3 bg-white dark:bg-slate-900 border border-gray-200 dark:border-slate-700 rounded-lg hover:shadow-md transition-shadow group"> 2678 <div 2679 class="bg-red-100 dark:bg-red-900/50 text-red-600 dark:text-red-400 p-3 rounded-full group-hover:bg-red-700 group-hover:text-white transition-colors"> 2680 <i class="fas fa-fire fa-fw"></i> 2681 </div> 2682 <div> 2683 <div 2684 class="text-sm font-bold text-gray-800 dark:text-gray-200 mb-1 group-hover:text-red-600 dark:group-hover:text-red-400 transition-colors"> 2685 Bạch Thá»§ Vá» Liên Tục </div> 2686 <p class="text-xs text-slate-500 dark:text-slate-300 m-0">Thá»ng kê loto bạch thá»§ Äang vá» liên tục theo ngà y, tuần, tháng</p> 2687 </div> 2688 </a> 2689 <a href="https://xemketqua.net/thong-ke-loto-song-thu-dang-ve-lien-tuc-ngay" 2690 title="Song Thá»§ Vá» Liên Tục - Thá»ng kê loto song thá»§ Äang vá» liên tục theo ngà y, tuần, tháng" 2691 class="flex items-center gap-3 p-3 bg-white dark:bg-slate-900 border border-gray-200 dark:border-slate-700 rounded-lg hover:shadow-md transition-shadow group"> 2692 <div 2693 class="bg-rose-100 dark:bg-rose-900/50 text-rose-600 dar
2693k:text-rose-400 p-3 rounded-full group-hover:bg-rose-700 group-hover:text-white transition-colors"> 2694 <i class="fas fa-fire-flame-curved fa-fw"></i> 2695 </div> 2696 <div> 2697 <div 2698 class="text-sm font-bold text-gray-800 dark:text-gray-200 mb-1 group-hover:text-rose-600 dark:group-hover:text-rose-400 transition-colors"> 2699 Song Thá»§ Vá» Liên Tục </div> 2700 <p class="text-xs text-slate-500 dark:text-slate-300 m-0">Thá»ng kê loto song thá»§ Äang vá» liên tục theo ngà y, tuần, tháng</p> 2701 </div> 2702 </a> 2703 </div> 2704</nav> 2705 <!-- KHUYẾN CÃO --> 2706 <div class="bg-yellow-50 border border-yellow-200 p-4 rounded-xl shadow-sm mb-5"> 2707 <div class="flex items-start"> 2708 <div class="flex-shrink-0 mt-0.5"> 2709 <i class="fa-solid fa-triangle-exclamation text-yellow-500 text-lg"></i> 2710 </div> 2711 <div class="ml-3"> 2712 <p class="text-[15px] text-gray-800 leading-relaxed font-medium m-0"> 2713 <span class="font-bold text-yellow-700">Lưu ý:</span> Ná»i dung phân tÃch mang tÃnh tham khảo, dá»±a trên thá»ng kê lá»ch sá». Kết quả xá» sá» là ngẫu nhiên và không thá» xác Äá»nh chÃnh xác 100%. Không khuyến khÃch cá» bạc dưá»i má»i hình thức. 2714 </p> 2715 </div> 2716 </div> 2717</div> 2718 2719 <div class="w-full flex justify-center mt-6 mb-5"> 2720 <div class="w-full max-w-[728px]"> 2721 <div class="ad-slot ad-slot--html" data-slot="footer_banner" data-ad-id="11"> 2722 <amp-ad 2723 layout="fixed" 2724 width="728" 2725 height="90" 2726 type="adsense" 2727 data-ad-client="ca-pub-6395022309587449" 2728 data-ad-slot="7437112242"> 2729</amp-ad> 2730</div> </div> 2731</div> 2732 2733 </div> 2734 2735 <!-- SIDEBAR --> 2736 <div class="w-full flex flex-col gap-6"> 2737 <!-- SIDEBAR --> 2738<aside class="w-full flex flex-col gap-5" aria-label="Thông tin bá» sung"> 2739 2740 <!-- AD SLOT: SQUARE RIGHT 1 --> 2741 <div class="ad-slot ad-slot--html" data-slot="sidebar_rect_1" data-ad-id="12" style="width:100%"> 2742 <amp-ad 2743 layout="fixed" 2744 width="300" 2745 height="250" 2746 type="adsense" 2747 data-ad-client="ca-pub-6395022309587449" 2748 data-ad-slot="8926287889"> 2749</amp-ad> 2750</div> 2751 <!-- WIDGET 1: Dò vé sá» Nhanh --> 2752 <div class="bg-white border border-gray-200 rounded-lg overflow-hidden shadow-sm"> 2753 <div 2754 class="bg-transparent border-b border-gray-100 px-4 py-3 text-[17px] font-bold text-gray-800 flex items-center gap-2"> 2755 <h3 class="m-0 text-[17px]"><i class="fa-solid fa-magnifying-glass-dollar text-blue-600" 2756 aria-hidden="true"></i> Dò Vé Sá» Nhanh</h3> 2757 </div> 2758 <form action="https://xemketqua.net/do-xo-so" method="GET" class="p-4 flex flex-col gap-3.5" role="form" 2759 aria-label="Form dò vé sá»"> 2760 2761 <!-- Chá»n Äà i --> 2762 <div> 2763 <label for="ticketProvince" 2764 class="block text-xs font-semibold text-gray-600 mb-1 uppercase tracking-wide">Tá»nh / Äà i 2765 quay</label> 2766 <div class="relative"> 2767 <select id="ticketProvince" name="code" 2768 class="w-full appearance-none border border-gray-300 rounded-md px-3 py-2 text-sm text-gray-700 bg-white focus:outline-none focus:border-red-500 focus:ring-1 focus:ring-red-500 cursor-pointer"> 2769 <option value="xsmb">Miá»n Bắc</option> 2770 <optgroup label="Miá»n Nam (Hôm Nay)"> 2771 <option value="tp-ho-chi-minh">TP. HCM</option> 2772 <option value="long-an">Long An</option> 2773 <option value="binh-phuoc">Bình Phưá»c</option> 2774 <option value="hau-giang">Háºu Giang</option> 2775 </optgroup> 2776 <optgroup label="Miá»n Trung (Hôm Nay)"> 2777 <option value="da-nang">Äà Nẵng</option> 2778 <option value="quang-ngai">Quảng Ngãi</option> 2779 <option value="dak-nong">Äắk Nông</option> 2780 </optgroup> 2781 </select> 2782 <div class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2.5 text-gray-500"> 2783 <i class="fa-solid fa-chevron-down text-xs"></i> 2784 </div> 2785 </div> 2786 </div> 2787 2788 <!-- Chá»n Ngà y --> 2789 <div> 2790 <label for="ticketDate" 2791 class="block text-xs font-semibold text-gray-600 mb-1 uppercase tracking-wide">Ngà y quay 2792 thưá»ng</label> 2793 <input type="date" id="ticketDate" name="date" 2794 class="w-full border border-gray-300 rounded-md px-3 py-2 text-sm text-gray-700 bg-white focus:outline-none focus:border-red-500 focus:ring-1 focus:ring-red-500" 2795 value="2026-10-09" max="2026-10-10" 2796 min="2026-08-11"> 2797 </div> 2798 2799 <!-- Nháºp Sá» Vé & Button --> 2800 <div> 2801 <label for="ticketInput" 2802 class="block text-xs font-semibold text-gray-600 mb-1 uppercase tracking-wide">Nháºp sá» trên 2803 vé</label> 2804 <div class="flex gap-2"> 2805 <input type="text" id="ticketInput" name="ve_so" 2806 class="flex-1 w-full border border-gray-300 rounded-md px-3 py-2 text-sm text-gray-900 font-bold tracking-widest placeholder-gray-400 focus:outline-none focus:border-red-500 focus:ring-1 focus:ring-red-500 text-center" 2807 placeholder="VD: 123456" maxlength="6" inputmode="numeric" pattern="[0-9]*" autocomplete="off" 2808 required> 2809 <button type="submit" 2810 class="bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded-md text-sm font-bold transition-colors shadow-sm flex-shrink-0"> 2811 <i class="fa-solid fa-search mr-1" aria-hidden="true"></i> Dà 2812 </button> 2813 </div> 2814 </div> 2815 </form> 2816 </div> 2817 2818 <!-- WIDGET: Sá» Theo Dõi (Watchlist) --> 2819 <div class="bg-white border border-gray-200 rounded-lg overflow-hidden shadow-sm" id="watchlistWidget"> 2820 <div 2821 class="bg-transparent border-b border-gray-100 px-4 py-3 text-[17px] font-bold text-gray-800 flex items-center justify-between"> 2822 <h3 class="m-0 text-[17px]"><i class="fa-solid fa-heart text-red-500" aria-hidden="true"></i> Sá» Theo Dõi 2823 </h3>
2824 <span class="text-[10px] font-normal text-gray-500" id="watchlistCount">0/10</span> 2825 </div> 2826 <div class="p-3"> 2827 <!-- Add number form --> 2828 <div class="flex flex-col gap-2 mb-3"> 2829 <div class="flex gap-2"> 2830 <input type="text" id="watchlistInput" aria-label="Nháºp sá» loto cần theo dõi" maxlength="2" placeholder="Nháºp sá»..." inputmode="numeric" 2831 pattern="[0-9]*" 2832 class="w-1/2 border border-gray-300 rounded-md px-2 py-1.5 text-sm text-center font-bold tracking-widest focus:outline-none focus:border-red-500 focus:ring-1 focus:ring-red-500"> 2833 <select id="watchlistRegion" aria-label="Chá»n miá»n" 2834 class="w-1/2 border border-gray-300 rounded-md px-2 py-1.5 text-sm font-medium focus:outline-none focus:border-red-500"> 2835 <option value="1">Miá»n Bắc</option> 2836 <option value="2">Miá»n Nam</option> 2837 <option value="3">Miá»n Trung</option> 2838 </select> 2839 </div> 2840 <button onclick="if (!window.__cfRLUnblockHandlers) return false; addWatchNumber()" class="w-full bg-red-600 hover:bg-red-700 text-white px-3 py-1.5 rounded-md text-sm font-bold transition-colors" data-cf-modified-552de0b68c60c9fc5da11272-=""> 2841 <i class="fa-solid fa-plus mr-1"></i> Thêm Sá» Theo Dõi 2842 </button> 2843 </div> 2844 <!-- Watchlist display --> 2845 <div id="watchlistNumbers" class="flex flex-wrap gap-1.5 min-h-[32px]"> 2846 <span class="text-xs text-gray-500 italic" id="watchlistEmpty">Chưa có sá» nà o. Thêm tá»i Äa 10 sá».</span> 2847 </div> 2848 <!-- Today's match result --> 2849 <div id="watchlistResult" class="hidden mt-3 pt-3 border-t border-gray-100"> 2850 <div class="text-xs font-bold text-gray-500 mb-1.5"><i class="fa-solid fa-bell text-amber-500"></i> Kết 2851 quả hôm nay:</div> 2852 <div id="watchlistMatches" class="flex flex-wrap gap-1.5"></div> 2853 </div> 2854 </div> 2855 </div> 2856
2856<script type="552de0b68c60c9fc5da11272-text/javascript"> 2857 (function () { 2858 var KEY = 'kqxs_watchlist'; 2859 var MAX = 10; 2860 var isLoggedIn = false; 2861 var apiUrl = 'https://xemketqua.net/api/watchlist'; 2862 2863 function getList() { 2864 try { 2865 var list = JSON.parse(localStorage.getItem(KEY)) || []; 2866 // Migrate old string arrays to object array 2867 return list.map(function (item) { 2868 if (typeof item === 'string') return { number: item, region_id: 1 }; 2869 return item; 2870 }); 2871 } catch (e) { return []; } 2872 } 2873 function saveList(list) { localStorage.setItem(KEY, JSON.stringify(list)); } 2874 2875 var regionNames = { 1: 'MB', 2: 'MN', 3: 'MT' }; 2876 2877 // â UPGRADE #7: XSS prevention â escape trưá»c khi chèn và o HTML 2878 function escapeHtml(str) { 2879 if (str === null || str === undefined) return ''; 2880 return String(str).replace(/&/g, '&') 2881 .replace(/</g, '<') 2882 .replace(/>/g, '>') 2883 .replace(/"/g, '"') 2884 .replace(/'/g, '''); 2885 } 2886 2887 function renderDOM(list, matchesData) { 2888 var container = document.getElementById('watchlistNumbers'); 2889 var empty = document.getElementById('watchlistEmpty'); 2890 var countEl = document.getElementById('watchlistCount'); 2891 var resultDiv = document.getElementById('watchlistResult'); 2892 var matchesDiv = document.getElementById('watchlistMatches'); 2893 2894 if (!container) return; 2895 countEl.textContent = list.length + '/' + MAX; 2896 2897 if (list.length === 0) { 2898 container.innerHTML = '<span class="text-xs text-gray-500 italic">Chưa có sá» nà o. Thêm tá»i Äa 10 sá».</span>'; 2899 resultDiv.classList.add('hidden'); 2900 return; 2901 } 2902 2903 var html = ''; 2904 list.forEach(function (item) { 2905 var num = escapeHtml(item.number || item); 2906 var regId = item.region_id || 1; 2907 var regName = escapeHtml(regionNames[regId] || 'MB'); 2908 html += '<span class="inline-flex items-center gap-1 bg-red-50 border border-red-200 text-red-700 font-bold text-sm px-2.5 py-1 rounded-lg">' 2909 + num + ' <span class="text-[10px] font-normal text-red-400">(' + regName + ')</span>' 2910 + ' <button onclick="removeWatchNumber(\'' + num + '\', ' + parseInt(regId) + ')" class="text-red-300 hover:text-red-600 text-[10px] ml-0.5" title="Xóa"><i class="fa-solid fa-xmark"></i></button>' 2911 + '</span>'; 2912 }); 2913 container.innerHTML = html; 2914 2915 // Render matches 2916 if (matchesData && matchesData.matches && matchesData.matches.length > 0) { 2917 resultDiv.classList.remove('hidden'); 2918 matchesDiv.innerHTML = matchesData.matches.map(function (m) { 2919 var regName = escapeHtml(regionNames[m.region_id] || 'MB'); 2920 return '<span class="bg-green-600 text-white font-black text-sm px-2.5 py-1 rounded-lg animate-pulse" title="Trúng ' + escapeHtml(m.count) + ' nháy">' + escapeHtml(m.number) + ' <span class="text-[10px] font-normal">(' + regName + ')</span> â</span>'; 2921 }).join('') + '<span class="text-xs text-green-600 font-bold ml-1">' + escapeHtml(matchesData.total) + ' nháy!</span>'; 2922 } else if (matchesData) { 2923 resultDiv.classList.remove('hidden'); 2924 matchesDiv.innerHTML = '<span class="text-xs text-gray-500">Chưa có sá» nà o trúng hôm nay.</span>'; 2925 } else { 2926 resultDiv.classList.add('hidden'); 2927 } 2928 } 2929 2930 function loadData() { 2931 if (isLoggedIn) { 2932 // Fetch from API 2933 fetch(apiUrl) 2934 .then(r => { if (!r.ok) throw new Error('HTTP ' + r.status); return r.json(); }) 2935 .then(res => { 2936 if (res.status === 'success') { 2937 renderDOM(res.data.numbers, res.data.today); 2938 } 2939 }) 2940 .catch(e => console.error(e)); 2941 } else { 2942 // Use localStorage & call check-guest API 2943 var list = getList(); 2944 if (list.length === 0) { 2945 renderDOM([], null); 2946 return; 2947 } 2948 fetch(apiUrl + '/check-guest', { 2949 method: 'POST', 2950 headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, 2951 body: JSON.stringify({ numbers: list }) 2952 }) 2953 .then(r => { if (!r.ok) throw new Error('HTTP ' + r.status); return r.json(); }) 2954 .then(res => { 2955 if (res.status === 'success') { 2956 renderDOM(list, res.data); 2957 } else { 2958 renderDOM(list, null); 2959 } 2960 }) 2961 .catch(e => { 2962 console.error(e); 2963 renderDOM(list, null); 2964 }); 2965 } 2966 } 2967 2968 window.addWatchNumber = function () { 2969 var input = document.getElementById('watchlistInput'); 2970 var regionSelect = document.getElementById('watchlistRegion'); 2971 var val = (input.value || '').trim(); 2972 var regId = parseInt(regionSelect.value) || 1; 2973 2974 if (!/^\d{1,2}$/.test(val)) { input.classList.add('border-red-500'); return; } 2975 val = val.padStart(2, '0'); 2976 2977 if (isLoggedIn) { 2978 fetch(apiUrl + '/add', { 2979 method: 'POST', 2980 headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, 2981 body: JSON.stringify({ number: val, region_id: regId }) 2982 }) 2983 .then(r => { if (!r.ok) throw new Error('HTTP ' + r.status); return r.json(); }) 2984 .then(res => { 2985 if (res.status === 'success') { 2986 input.value = ''; 2987 input.classList.remove('border-red-500');
2988 loadData(); 2989 } else { 2990 alert(res.message || 'Lá»i thêm sá»'); 2991 } 2992 }); 2993 } else { 2994 var list = getList(); 2995 if (list.length >= MAX) { alert('Tá»i Äa ' + MAX + ' sá»!'); return; } 2996 2997 // Check duplicate 2998 var exists = list.some(function (item) { 2999 return item.number === val && item.region_id === regId; 3000 }); 3001 if (exists) { input.value = ''; return; } 3002 3003 list.push({ number: val, region_id: regId }); 3004 // Sort by region, then number 3005 list.sort(function (a, b) { 3006 if (a.region_id !== b.region_id) return a.region_id - b.region_id; 3007 return a.number.localeCompare(b.number); 3008 }); 3009 saveList(list); 3010 input.value = ''; 3011 input.classList.remove('border-red-500'); 3012 loadData(); 3013 } 3014 }; 3015 3016 window.removeWatchNumber = function (num, regionId) { 3017 if (isLoggedIn) { 3018 fetch(apiUrl + '/remove', { 3019 method: 'POST', 3020 headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, 3021 body: JSON.stringify({ number: num, region_id: regionId }) 3022 }).then(function () { loadData(); }); 3023 } else { 3024 var list = getList(); 3025 list = list.filter(function (item) { 3026 return !(item.number === num && item.region_id === regionId); 3027 }); 3028 saveList(list); 3029 loadData(); 3030 } 3031 }; 3032 3033 // Init on load 3034 document.addEventListener('DOMContentLoaded', function () { 3035 // If just logged in, sync guest list 3036 if (isLoggedIn) { 3037 var localList = getList(); 3038 if (localList.length > 0) { 3039 fetch(apiUrl + '/sync', { 3040 method: 'POST', 3041 headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, 3042 body: JSON.stringify({ numbers: localList }) 3043 }) 3044 .then(r => { if (!r.ok) throw new Error('HTTP ' + r.status); return r.json(); }) 3045 .then(() => { 3046 localStorage.removeItem(KEY); // Clear after sync 3047 loadData(); 3048 }); 3049 } else { 3050 loadData(); 3051 } 3052 } else { 3053 loadData(); 3054 } 3055 3056 var inp = document.getElementById('watchlistInput'); 3057 if (inp) inp.addEventListener('keydown', function (e) { if (e.key === 'Enter') { e.preventDefault(); addWatchNumber(); } }); 3058 }); 3059 })(); 3060 </script>
3060 3061 3062 <!-- AD SLOT: SQUARE RIGHT 2 --> 3063 <div class="ad-slot ad-slot--html" data-slot="sidebar_rect_2" data-ad-id="13" style="width:100%"> 3064 <amp-ad 3065 layout="fixed" 3066 width="300" 3067 height="250" 3068 type="adsense" 3069 data-ad-client="ca-pub-6395022309587449" 3070 data-ad-slot="8926287889"> 3071</amp-ad> 3072</div> 3073 <!-- WIDGET 2: Lá»ch Quay Thưá»ng --> 3074 <div class="bg-white border border-gray-200 rounded-lg overflow-hidden shadow-sm"> 3075 <div 3076 class="bg-transparent border-b border-gray-100 px-4 py-3 text-[17px] font-bold text-gray-800 flex items-center gap-2"> 3077 <h3 class="m-0 text-[17px]"><i class="fa-solid fa-calendar-check text-rose-500" aria-hidden="true"></i> 3078 Lá»ch Quay Thưá»ng</h3> 3079 </div> 3080 <div class="p-0"> 3081 <ul class="divide-y divide-gray-100 m-0 p-0 list-none flex flex-col" role="list"> 3082 <li class="p-4 flex flex-col gap-1.5 bg-red-50 dark:bg-red-950/30 border-l-4 border-red-500" role="listitem"> 3083 <div class="flex items-center justify-between mb-1"> 3084 <span class="text-sm font-bold text-gray-900">Thứ Bảy</span> 3085 <span 3086 class="text-[10px] font-bold tracking-wider uppercase bg-red-100 text-red-700 px-2.5 py-0.5 rounded-full">Hôm 3087 nay</span> 3088 </div> 3089 <span class="text-[13px] font-semibold text-gray-800">Miá»n Nam (16:15): <span class="text-gray-600 font-normal">TP. HCM, Long An, Bình Phưá»c, Háºu Giang</span></span> 3090 <span class="text-[13px] font-semibold text-gray-800">
3090Miá»n Trung (17:15): <span class="text-gray-600 font-normal">Äà Nẵng, Quảng Ngãi, Äắk Nông</span></span> 3091 <span class="text-[13px] font-semibold text-gray-800">Miá»n Bắc (18:15): <span class="text-gray-600 font-normal">Nam Äá»nh</span></span> 3092 </li> 3093 <li class="p-4 flex flex-col gap-1.5 hover:bg-gray-50 transition-colors" role="listitem"> 3094 <div class="flex items-center justify-between mb-1"> 3095 <span class="text-sm font-bold text-gray-900">Chá»§ Nháºt</span> 3096 <span 3097 class="text-[10px] font-semibold tracking-wider uppercase bg-gray-100 text-gray-700 px-2.5 py-0.5 rounded-full">Ngà y 3098 mai</span> 3099 </div> 3100 <span class="text-[13px] font-semibold text-gray-800">Miá»n Nam (16:15): <span class="text-gray-600 font-normal">Tiá»n Giang, Kiên Giang, Äà Lạt</span></span> 3101 <span class="text-[13px] font-semibold text-gray-800">
3101Miá»n Trung (17:15): <span class="text-gray-600 font-normal">Khánh Hòa, Kon Tum, Thừa Thiên Huế</span></span> 3102 <span class="text-[13px] font-semibold text-gray-800">Miá»n Bắc (18:15): <span class="text-gray-600 font-normal">Thái Bình</span></span> 3103 </li> 3104 </ul> 3105 </div> 3106 </div> 3107 3108 <!-- AD SLOT: SQUARE RIGHT 3 --> 3109 <div class="ad-slot ad-slot--html" data-slot="sidebar_rect_3" data-ad-id="14" style="width:100%"> 3110 <amp-ad 3111 layout="fixed" 3112 width="300" 3113 height="250" 3114 type="adsense" 3115 data-ad-client="ca-pub-6395022309587449" 3116 data-ad-slot="8926287889"> 3117</amp-ad> 3118</div> 3119 <!-- WIDGET 3: Sá» MÆ¡ Lô Äá» (à nghÄ©a các con sá») --> 3120 3121<style> 3122 [x-cloak] { display: none !important; } 3123 3124 /* Custom Ball Styles to prevent Tailwind Purge issues */ 3125 .ball-gray { 3126 background: var(--ball-gray-bg) !important; 3127 color: var(--ball-gray-text) !important; 3128 border: 1px solid var(--ball-gray-border) !important; 3129 box-shadow: inset 0 1px 1px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1) !important; 3130 } 3131 .ball-emerald { 3132 background: var(--ball-emerald-bg) !important; 3133 color: var(--ball-emerald-text) !important; 3134 border: 1px solid var(--ball-emerald-border) !important; 3135 box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important; 3136 } 3137 .ball-orange { 3138 background: var(--ball-orange-bg) !important; 3139 color: var(--ball-orange-text) !important; 3140 border: 1px solid var(--ball-orange-border) !important; 3141 box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important; 3142 } 3143 .ball-purple { 3144 background: var(--ball-purple-bg) !important; 3145 color: var(--ball-purple-text) !important; 3146 border: 1px solid var(--ball-purple-border) !important; 3147 box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important; 3148 } 3149 .ball-blue { 3150 background: var(--ball-blue-bg) !important; 3151 color: var(--ball-blue-text) !important; 3152 border: 1px solid var(--ball-blue-border) !important; 3153 box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important; 3154 } 3155 .ball-red { 3156 background: var(--ball-red-bg) !important; 3157 color: var(--ball-red-text) !important; 3158 border: 1px solid var(--ball-red-border) !important; 3159 box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important; 3160 } 3161 .ball-sky { 3162 background: var(--ball-sky-bg) !important; 3163 color: var(--ball-sky-text) !important; 3164 border: 1px solid var(--ball-sky-border) !important; 3165 box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important; 3166 } 3167 .ball-green { 3168 background: var(--ball-green-bg) !important; 3169 color: var(--ball-green-text) !important; 3170 border: 1px solid var(--ball-green-border) !important; 3171 box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important; 3172 } 3173 .ball-yellow { 3174 background: var(--ball-yellow-bg) !important; 3175 color: var(--ball-yellow-text) !important; 3176 border: 1px solid var(--ball-yellow-border) !important; 3177 font-weight: 800 !important; 3178 box-shadow: inset 0 1px 1px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.1) !important; 3179 } 3180 .ball-default { 3181 background-color: var(--clr-border) !important; 3182 color: var(--clr-text-secondary) !important; 3183 } 3184 3185 /* Custom Scrollbar for Widget (Webkit) */ 3186 .custom-scrollbar::-webkit-scrollbar {
3187 width: 6px; 3188 } 3189 .custom-scrollbar::-webkit-scrollbar-track { 3190 background: #f1f5f9; 3191 border-radius: 4px; 3192 } 3193 .custom-scrollbar::-webkit-scrollbar-thumb { 3194 background: #cbd5e1; 3195 border-radius: 4px; 3196 } 3197 .custom-scrollbar::-webkit-scrollbar-thumb:hover { 3198 background: #94a3b8; 3199 } 3200 3201 /* Dark mode scrollbar (Webkit) */ 3202 .dark .custom-scrollbar::-webkit-scrollbar-track { 3203 background: #1e293b; 3204 } 3205 .dark .custom-scrollbar::-webkit-scrollbar-thumb { 3206 background: #475569; 3207 } 3208 .dark .custom-scrollbar::-webkit-scrollbar-thumb:hover { 3209 background: #64748b; 3210 } 3211 3212 /* Firefox scrollbar */ 3213 .custom-scrollbar { 3214 scrollbar-width: thin; 3215 scrollbar-color: #cbd5e1 #f1f5f9; 3216 } 3217 .dark .custom-scrollbar { 3218 scrollbar-color: #475569 #1e293b; 3219 } 3220</style> 3221 3222 3223<div x-data="{ activeTab: '100conso' }" class="bg-white dark:bg-slate-900 border border-gray-200 dark:border-slate-800 rounded-lg overflow-hidden shadow-sm flex flex-col mt-5"> 3224 <!-- Tabs Header --> 3225 <div class="flex border-b border-gray-200 dark:border-slate-800"> 3226 <button @click="activeTab = '100conso'" 3227 :class="activeTab === '100conso' 3228 ? 'flex-1 py-3 text-[11px] xs:text-xs font-bold uppercase transition-colors border-t-4 border-b-0 outline-none font-sans bg-white dark:bg-slate-900 text-red-600 dark:text-red-500 border-t-red-500 border-x-0' 3229 : 'flex-1 py-3 text-[11px] xs:text-xs font-bold uppercase transition-colors border-t-4 border-b-0 outline-none font-sans bg-gray-50 dark:bg-slate-800 text-gray-500 dark:text-gray-400 border-t-transparent border-x border-gray-200 dark:border-slate-700 hover:bg-gray-100 dark:hover:bg-slate-700 hover:text-gray-800 dark:hover:text-gray-200'" 3230 class="focus:outline-none"> 3231 100 Sá» 3232 </button> 3233 <button @click="activeTab = '12congiap'" 3234 :class="activeTab === '12congiap' 3235 ? 'flex-1 py-3 text-[11px] xs:text-xs font-bold uppercase transition-colors border-t-4 border-b-0 outline-none font-sans bg-white dark:bg-slate-900 text-red-600 dark:text-red-500 border-t-red-500 border-x-0' 3236 : 'flex-1 py-3 text-[11px] xs:text-xs font-bold uppercase transition-colors border-t-4 border-b-0 outline-none font-sans bg-gray-50 dark:bg-slate-800 text-gray-500 dark:text-gray-400 border-t-transparent border-x border-gray-200 dark:border-slate-700 hover:bg-gray-100 dark:hover:bg-slate-700 hover:text-gray-800 dark:hover:text-gray-200'" 3237 class="focus:outline-none"> 3238 12 CON GIÃP 3239 </button> 3240 <button @click="activeTab = 'thocung'" 3241 :class="activeTab === 'thocung' 3242 ? 'flex-1 py-3 text-[11px] xs:text-xs font-bold uppercase transition-colors border-t-4 border-b-0 outline-none font-sans bg-white dark:bg-slate-900 text-red-600 dark:text-red-500 border-t-red-500 border-x-0' 3243 : 'flex-1 py-3 text-[11px] xs:text-xs font-bold uppercase transition-colors border-t-4 border-b-0 outline-none font-sans bg-gray-50 dark:bg-slate-800 text-gray-500 dark:text-gray-400 border-t-transparent border-x border-gray-200 dark:border-slate-700 hover:bg-gray-100 dark:hover:bg-slate-700 hover:text-gray-800 dark:hover:text-gray-200'" 3244 class="focus:outline-none"> 3245 THá» CÃNG 3246 </button> 3247 </div> 3248 3249 <!-- Content container --> 3250 <div class="max-h-[450px] overflow-y-auto w-full custom-scrollbar relative bg-white dark:bg-slate-900"> 3251 <!-- 100 CON Sá» --> 3252 <div x-show="activeTab === '100conso'" class="sm-tab-content"> 3253 <ul class="flex flex-col m-0 p-0"> 3254 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3255 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3256 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð¥</span>
3257 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Trứng Vá»t">(Trứng Vá»t)</span> 3258 </div> 3259 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3260 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-gray tracking-tighter flex-shrink-0 shadow-sm">00</span> 3261 </div> 3262 </li> 3263 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3264 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3265 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3266 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Cá Trắng">(Cá Trắng)</span> 3267 </div> 3268 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3269 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-gray tracking-tighter flex-shrink-0 shadow-sm">01</span> 3270 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-blue tracking-tighter flex-shrink-0 shadow-sm">41</span> 3271 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-green tracking-tighter flex-shrink-0 shadow-sm">81</span> 3272 </div> 3273 </li> 3274 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3275 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3276 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3277 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con á»c">(Con á»c)</span> 3278 </div> 3279 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3280 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-gray tracking-tighter flex-shrink-0 shadow-sm">02</span> 3281 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-blue tracking-tighter flex-shrink-0 shadow-sm">42</span> 3282 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-green tracking-tighter flex-shrink-0 shadow-sm">82</span> 3283 </div> 3284 </li> 3285 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3286 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3287 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð¦</span> 3288 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Vá»t">(Con Vá»t)</span> 3289 </div> 3290 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1">
3291 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-gray tracking-tighter flex-shrink-0 shadow-sm">03</span> 3292 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-blue tracking-tighter flex-shrink-0 shadow-sm">43</span> 3293 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-green tracking-tighter flex-shrink-0 shadow-sm">83</span> 3294 </div> 3295 </li> 3296 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3297 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3298 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð¦</span> 3299 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Công">(Con Công)</span> 3300 </div> 3301 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3302 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-gray tracking-tighter flex-shrink-0 shadow-sm">04</span> 3303 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-blue tracking-tighter flex-shrink-0 shadow-sm">44</span> 3304 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-green tracking-tighter flex-shrink-0 shadow-sm">84</span> 3305 </div> 3306 </li> 3307 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3308 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3309 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3310 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Trùng">(Con Trùng)</span> 3311 </div> 3312 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3313 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-gray tracking-tighter flex-shrink-0 shadow-sm">05</span> 3314 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-blue tracking-tighter flex-shrink-0 shadow-sm">45</span> 3315 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-green tracking-tighter flex-shrink-0 shadow-sm">85</span> 3316 </div> 3317 </li> 3318 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3319 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3320 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð </span> 3321 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Cá»p">(Con Cá»p)</span> 3322 </div> 3323 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1">
3324 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-gray tracking-tighter flex-shrink-0 shadow-sm">06</span> 3325 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-blue tracking-tighter flex-shrink-0 shadow-sm">46</span> 3326 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-green tracking-tighter flex-shrink-0 shadow-sm">86</span> 3327 </div> 3328 </li> 3329 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3330 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3331 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3332 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Heo">(Con Heo)</span> 3333 </div> 3334 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3335 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-gray tracking-tighter flex-shrink-0 shadow-sm">07</span> 3336 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-blue tracking-tighter flex-shrink-0 shadow-sm">47</span> 3337 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-green tracking-tighter flex-shrink-0 shadow-sm">87</span> 3338 </div> 3339 </li> 3340 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3341 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3342 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3343 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Thá»">(Con Thá»)</span> 3344 </div> 3345 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3346 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-gray tracking-tighter flex-shrink-0 shadow-sm">08</span> 3347 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-blue tracking-tighter flex-shrink-0 shadow-sm">48</span> 3348 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-green tracking-tighter flex-shrink-0 shadow-sm">88</span> 3349 </div> 3350 </li> 3351 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3352 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3353 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3354 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Trâu">(Con Trâu)</span> 3355 </div> 3356 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1">
3357 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-gray tracking-tighter flex-shrink-0 shadow-sm">09</span> 3358 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-blue tracking-tighter flex-shrink-0 shadow-sm">49</span> 3359 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-green tracking-tighter flex-shrink-0 shadow-sm">89</span> 3360 </div> 3361 </li> 3362 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3363 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3364 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3365 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Rá»ng Nằm">(Rá»ng Nằm)</span> 3366 </div> 3367 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3368 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-emerald tracking-tighter flex-shrink-0 shadow-sm">10</span> 3369 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-red tracking-tighter flex-shrink-0 shadow-sm">50</span> 3370 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-yellow tracking-tighter flex-shrink-0 shadow-sm">90</span> 3371 </div> 3372 </li> 3373 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3374 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3375 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3376 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Chó">(Con Chó)</span> 3377 </div> 3378 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3379 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-emerald tracking-tighter flex-shrink-0 shadow-sm">11</span> 3380 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-red tracking-tighter flex-shrink-0 shadow-sm">51</span> 3381 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-yellow tracking-tighter flex-shrink-0 shadow-sm">91</span> 3382 </div> 3383 </li> 3384 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3385 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3386 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3387 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Ngá»±a">(Con Ngá»±a)</span> 3388 </div> 3389 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1">
3390 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-emerald tracking-tighter flex-shrink-0 shadow-sm">12</span> 3391 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-red tracking-tighter flex-shrink-0 shadow-sm">52</span> 3392 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-yellow tracking-tighter flex-shrink-0 shadow-sm">92</span> 3393 </div> 3394 </li> 3395 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3396 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3397 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3398 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Voi">(Con Voi)</span> 3399 </div> 3400 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3401 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-emerald tracking-tighter flex-shrink-0 shadow-sm">13</span> 3402 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-red tracking-tighter flex-shrink-0 shadow-sm">
340253</span> 3403 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-yellow tracking-tighter flex-shrink-0 shadow-sm">93</span> 3404 </div> 3405 </li> 3406 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3407 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3408 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3409 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Mèo Nhà ">(Mèo Nhà )</span> 3410 </div> 3411 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3412 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-emerald tracking-tighter flex-shrink-0 shadow-sm">14</span> 3413 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-red tracking-tighter flex-shrink-0 shadow-sm">54</span> 3414 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-yellow tracking-tighter flex-shrink-0 shadow-sm">94</span> 3415 </div> 3416 </li> 3417 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3418 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3419 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3420 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Chuá»t">(Con Chuá»t)</span> 3421 </div> 3422 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3423 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-emerald tracking-tighter flex-shrink-0 shadow-sm">15</span> 3424 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-red tracking-tighter flex-shrink-0 shadow-sm">55</span> 3425 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-yellow tracking-tighter flex-shrink-0 shadow-sm">95</span> 3426 </div> 3427 </li> 3428 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3429 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3430 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3431 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Ong">(Con Ong)</span> 3432 </div> 3433 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3434 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-emerald tracking-tighter flex-shrink-0 shadow-sm">16</span>
3435 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-red tracking-tighter flex-shrink-0 shadow-sm">56</span> 3436 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-yellow tracking-tighter flex-shrink-0 shadow-sm">96</span> 3437 </div> 3438 </li> 3439 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3440 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3441 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð¦©</span> 3442 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Hạc">(Con Hạc)</span> 3443 </div> 3444 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3445 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-emerald tracking-tighter flex-shrink-0 shadow-sm">17</span> 3446 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-red tracking-tighter flex-shrink-0 shadow-sm">57</span> 3447 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-yellow tracking-tighter flex-shrink-0 shadow-sm">97</span> 3448 </div> 3449 </li> 3450 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3451 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3452 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3453 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Mèo Rừng">(Mèo Rừng)</span> 3454 </div> 3455 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3456 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-emerald tracking-tighter flex-shrink-0 shadow-sm">18</span> 3457 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-red tracking-tighter flex-shrink-0 shadow-sm">58</span> 3458 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-yellow tracking-tighter flex-shrink-0 shadow-sm">98</span> 3459 </div> 3460 </li> 3461 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3462 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3463 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð¦</span> 3464 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Bưá»m">(Con Bưá»m)</span> 3465 </div> 3466 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1">
3467 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-emerald tracking-tighter flex-shrink-0 shadow-sm">19</span> 3468 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-red tracking-tighter flex-shrink-0 shadow-sm">59</span> 3469 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-yellow tracking-tighter flex-shrink-0 shadow-sm">99</span> 3470 </div> 3471 </li> 3472 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3473 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3474 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3475 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Rết">(Con Rết)</span> 3476 </div> 3477 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3478 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-orange tracking-tighter flex-shrink-0 shadow-sm">20</span> 3479 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-orange tracking-tighter flex-shrink-0 shadow-sm">60</span> 3480 </div> 3481 </li> 3482 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3483 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3484 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð§</span> 3485 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Cô Gái">(Cô Gái)</span> 3486 </div> 3487 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3488 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-orange tracking-tighter flex-shrink-0 shadow-sm">21</span> 3489 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-orange tracking-tighter flex-shrink-0 shadow-sm">61</span> 3490 </div> 3491 </li> 3492 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3493 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3494 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ðï¸</span> 3495 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Bá» Câu">(Bá» Câu)</span> 3496 </div> 3497 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3498 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-orange tracking-tighter flex-shrink-0 shadow-sm">22</span>
3499 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-orange tracking-tighter flex-shrink-0 shadow-sm">62</span> 3500 </div> 3501 </li> 3502 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3503 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3504 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3505 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Khá»">(Con Khá»)</span> 3506 </div> 3507 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3508 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-orange tracking-tighter flex-shrink-0 shadow-sm">23</span> 3509 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-orange tracking-tighter flex-shrink-0 shadow-sm">63</span> 3510 </div> 3511 </li> 3512 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3513 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3514 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð¸</span> 3515 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Ếch">(Con Ếch)</span> 3516 </div> 3517 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3518 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-orange tracking-tighter flex-shrink-0 shadow-sm">24</span> 3519 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-orange tracking-tighter flex-shrink-0 shadow-sm">64</span> 3520 </div> 3521 </li> 3522 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3523 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3524 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð¦ </span> 3525 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Ã">(Con Ã)</span> 3526 </div> 3527 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3528 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-orange tracking-tighter flex-shrink-0 shadow-sm">25</span> 3529 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-orange tracking-tighter flex-shrink-0 shadow-sm">65</span> 3530 </div> 3531 </li> 3532 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3533 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0">
3534 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð²</span> 3535 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Rá»ng Bay">(Rá»ng Bay)</span> 3536 </div> 3537 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3538 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-orange tracking-tighter flex-shrink-0 shadow-sm">26</span> 3539 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-orange tracking-tighter flex-shrink-0 shadow-sm">66</span> 3540 </div> 3541 </li> 3542 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3543 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3544 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð¢</span> 3545 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Rùa">(Con Rùa)</span> 3546 </div> 3547 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3548 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-orange tracking-tighter flex-shrink-0 shadow-sm">27</span> 3549 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-orange tracking-tighter flex-shrink-0 shadow-sm">67</span> 3550 </div> 3551 </li> 3552 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3553 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3554 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3555 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Gà ">(Con Gà )</span> 3556 </div> 3557 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3558 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-orange tracking-tighter flex-shrink-0 shadow-sm">28</span> 3559 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-orange tracking-tighter flex-shrink-0 shadow-sm">68</span> 3560 </div> 3561 </li> 3562 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3563 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3564 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3565 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Lươn">(Con Lươn)</span> 3566 </div> 3567 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1">
3568 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-orange tracking-tighter flex-shrink-0 shadow-sm">29</span> 3569 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-orange tracking-tighter flex-shrink-0 shadow-sm">69</span> 3570 </div> 3571 </li> 3572 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3573 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3574 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3575 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Cá Äen">(Cá Äen)</span> 3576 </div> 3577 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3578 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-purple tracking-tighter flex-shrink-0 shadow-sm">30</span> 3579 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-sky tracking-tighter flex-shrink-0 shadow-sm">70</span> 3580 </div> 3581 </li> 3582 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3583 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3584 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð¦</span> 3585 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Tôm">(Con Tôm)</span> 3586 </div> 3587 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3588 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-purple tracking-tighter flex-shrink-0 shadow-sm">31</span> 3589 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-sky tracking-tighter flex-shrink-0 shadow-sm">71</span> 3590 </div> 3591 </li> 3592 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3593 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3594 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3595 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Rắn">(Con Rắn)</span> 3596 </div> 3597 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3598 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-purple tracking-tighter flex-shrink-0 shadow-sm">32</span> 3599 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-sky tracking-tighter flex-shrink-0 shadow-sm">
359972</span> 3600 </div> 3601 </li> 3602 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3603 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3604 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð·ï¸</span> 3605 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Nhá»n">(Con Nhá»n)</span> 3606 </div> 3607 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3608 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-purple tracking-tighter flex-shrink-0 shadow-sm">33</span> 3609 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-sky tracking-tighter flex-shrink-0 shadow-sm">73</span> 3610 </div> 3611 </li> 3612 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3613 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3614 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð¦</span> 3615 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Nai">(Con Nai)</span> 3616 </div> 3617 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3618 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-purple tracking-tighter flex-shrink-0 shadow-sm">34</span> 3619 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-sky tracking-tighter flex-shrink-0 shadow-sm">74</span> 3620 </div> 3621 </li> 3622 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3623 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3624 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3625 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Dê">(Con Dê)</span> 3626 </div> 3627 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3628 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-purple tracking-tighter flex-shrink-0 shadow-sm">35</span> 3629 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-sky tracking-tighter flex-shrink-0 shadow-sm">75</span> 3630 </div> 3631 </li> 3632 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3633 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3634 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð§¹</span>
3635 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Bà Vải">(Bà Vải)</span> 3636 </div> 3637 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3638 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-purple tracking-tighter flex-shrink-0 shadow-sm">36</span> 3639 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-sky tracking-tighter flex-shrink-0 shadow-sm">76</span> 3640 </div> 3641 </li> 3642 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3643 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3644 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð¤ï¸</span> 3645 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Ãng Trá»i">(Ãng Trá»i)</span> 3646 </div> 3647 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3648 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-purple tracking-tighter flex-shrink-0 shadow-sm">37</span> 3649 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-sky tracking-tighter flex-shrink-0 shadow-sm">77</span> 3650 </div> 3651 </li> 3652 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3653 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3654 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð²</span> 3655 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Ãng Äá»a">(Ãng Äá»a)</span> 3656 </div> 3657 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3658 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-purple tracking-tighter flex-shrink-0 shadow-sm">38</span> 3659 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-sky tracking-tighter flex-shrink-0 shadow-sm">78</span> 3660 </div> 3661 </li> 3662 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3663 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3664 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð§§</span> 3665 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Thần Tà i">(Thần Tà i)</span> 3666 </div> 3667 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3668 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-purple tracking-tighter flex-shrink-0 shadow-sm">39</span>
3669 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-sky tracking-tighter flex-shrink-0 shadow-sm">79</span> 3670 </div> 3671 </li> 3672 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3673 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3674 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3675 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Ãng Táo">(Ãng Táo)</span> 3676 </div> 3677 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3678 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-blue tracking-tighter flex-shrink-0 shadow-sm">40</span> 3679 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-green tracking-tighter flex-shrink-0 shadow-sm">80</span> 3680 </div> 3681 </li> 3682 </ul> 3683 </div> 3684 3685 <!-- 12 CON GIÃP --> 3686 <div x-show="activeTab === '12congiap'" x-cloak class="sm-tab-content"> 3687 <ul class="flex flex-col m-0 p-0"> 3688 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3689 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3690 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3691 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Chuá»t">(Con Chuá»t)</span> 3692 </div> 3693 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3694 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-emerald tracking-tighter flex-shrink-0 shadow-sm">15</span> 3695 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-red tracking-tighter flex-shrink-0 shadow-sm">55</span> 3696 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-yellow tracking-tighter flex-shrink-0 shadow-sm">95</span> 3697 </div> 3698 </li> 3699 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3700 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3701 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3702 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Trâu">(Con Trâu)</span> 3703 </div> 3704 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3705 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-gray tracking-tighter flex-shrink-0 shadow-sm">09</span>
3706 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-blue tracking-tighter flex-shrink-0 shadow-sm">49</span> 3707 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-green tracking-tighter flex-shrink-0 shadow-sm">89</span> 3708 </div> 3709 </li> 3710 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3711 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3712 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð </span> 3713 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Cá»p">(Con Cá»p)</span> 3714 </div> 3715 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3716 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-gray tracking-tighter flex-shrink-0 shadow-sm">06</span> 3717 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-blue tracking-tighter flex-shrink-0 shadow-sm">46</span> 3718 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-green tracking-tighter flex-shrink-0 shadow-sm">86</span> 3719 </div> 3720 </li> 3721 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3722 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3723 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3724 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Mèo Nhà ">(Mèo Nhà )</span> 3725 </div> 3726 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3727 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-emerald tracking-tighter flex-shrink-0 shadow-sm">14</span> 3728 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-red tracking-tighter flex-shrink-0 shadow-sm">54</span> 3729 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-yellow tracking-tighter flex-shrink-0 shadow-sm">94</span> 3730 </div> 3731 </li> 3732 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3733 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3734 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3735 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Mèo Rừng">(Mèo Rừng)</span> 3736 </div> 3737 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1">
3738 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-emerald tracking-tighter flex-shrink-0 shadow-sm">18</span> 3739 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-red tracking-tighter flex-shrink-0 shadow-sm">58</span> 3740 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-yellow tracking-tighter flex-shrink-0 shadow-sm">98</span> 3741 </div> 3742 </li> 3743 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3744 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3745 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3746 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Rá»ng Nằm">(Rá»ng Nằm)</span> 3747 </div> 3748 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3749 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-emerald tracking-tighter flex-shrink-0 shadow-sm">10</span> 3750 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-red tracking-tighter flex-shrink-0 shadow-sm">50</span> 3751 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-yellow tracking-tighter flex-shrink-0 shadow-sm">90</span> 3752 </div> 3753 </li> 3754 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3755 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3756 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð²</span> 3757 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Rá»ng Bay">(Rá»ng Bay)</span> 3758 </div> 3759 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3760 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-orange tracking-tighter flex-shrink-0 shadow-sm">26</span> 3761 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-orange tracking-tighter flex-shrink-0 shadow-sm">66</span> 3762 </div> 3763 </li> 3764 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3765 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3766 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3767 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Rắn">(Con Rắn)</span> 3768 </div> 3769 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1">
3770 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-purple tracking-tighter flex-shrink-0 shadow-sm">32</span> 3771 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-sky tracking-tighter flex-shrink-0 shadow-sm">72</span> 3772 </div> 3773 </li> 3774 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3775 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3776 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3777 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Ngá»±a">(Con Ngá»±a)</span> 3778 </div> 3779 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3780 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-emerald tracking-tighter flex-shrink-0 shadow-sm">12</span> 3781 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-red tracking-tighter flex-shrink-0 shadow-sm">52</span> 3782 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-yellow tracking-tighter flex-shrink-0 shadow-sm">92</span> 3783 </div> 3784 </li> 3785 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3786 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3787 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3788 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Dê">(Con Dê)</span> 3789 </div> 3790 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3791 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-purple tracking-tighter flex-shrink-0 shadow-sm">35</span> 3792 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-sky tracking-tighter flex-shrink-0 shadow-sm">75</span> 3793 </div> 3794 </li> 3795 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3796 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3797 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3798 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Khá»">(Con Khá»)</span> 3799 </div> 3800 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3801 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-orange tracking-tighter flex-shrink-0 shadow-sm">23</span>
3802 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-orange tracking-tighter flex-shrink-0 shadow-sm">63</span> 3803 </div> 3804 </li> 3805 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3806 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3807 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3808 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Gà ">(Con Gà )</span> 3809 </div> 3810 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3811 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-orange tracking-tighter flex-shrink-0 shadow-sm">28</span> 3812 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-orange tracking-tighter flex-shrink-0 shadow-sm">68</span> 3813 </div> 3814 </li> 3815 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3816 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3817 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3818 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Chó">(Con Chó)</span> 3819 </div> 3820 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3821 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-emerald tracking-tighter flex-shrink-0 shadow-sm">11</span> 3822 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-red tracking-tighter flex-shrink-0 shadow-sm">51</span> 3823 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-yellow tracking-tighter flex-shrink-0 shadow-sm">91</span> 3824 </div> 3825 </li> 3826 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3827 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3828 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3829 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Con Heo">(Con Heo)</span> 3830 </div> 3831 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3832 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-gray tracking-tighter flex-shrink-0 shadow-sm">07</span> 3833 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-blue tracking-tighter flex-shrink-0 shadow-sm">47</span>
3834 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-green tracking-tighter flex-shrink-0 shadow-sm">87</span> 3835 </div> 3836 </li> 3837 </ul> 3838 </div> 3839 3840 <!-- THá» CÃNG --> 3841 <div x-show="activeTab === 'thocung'" x-cloak class="sm-tab-content"> 3842 <ul class="flex flex-col m-0 p-0"> 3843 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3844 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3845 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð</span> 3846 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Ãng Táo">(Ãng Táo)</span> 3847 </div> 3848 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3849 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-gray tracking-tighter flex-shrink-0 shadow-sm">00</span> 3850 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-blue tracking-tighter flex-shrink-0 shadow-sm">40</span> 3851 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-green tracking-tighter flex-shrink-0 shadow-sm">80</span> 3852 </div> 3853 </li> 3854 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3855 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3856 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð´</span> 3857 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Ãng Tá»">(Ãng Tá»)</span> 3858 </div> 3859 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3860 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-gray tracking-tighter flex-shrink-0 shadow-sm">05</span> 3861 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-blue tracking-tighter flex-shrink-0 shadow-sm">45</span> 3862 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-green tracking-tighter flex-shrink-0 shadow-sm">85</span> 3863 </div> 3864 </li> 3865 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3866 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3867 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð°</span> 3868 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Tiá»n Tà i">(Tiá»n Tà i)</span> 3869 </div> 3870 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1">
3871 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-purple tracking-tighter flex-shrink-0 shadow-sm">33</span> 3872 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-sky tracking-tighter flex-shrink-0 shadow-sm">73</span> 3873 </div> 3874 </li> 3875 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3876 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3877 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð§¹</span> 3878 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Bà Vải">(Bà Vải)</span> 3879 </div> 3880 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3881 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-purple tracking-tighter flex-shrink-0 shadow-sm">36</span> 3882 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-sky tracking-tighter flex-shrink-0 shadow-sm">76</span> 3883 </div> 3884 </li> 3885 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3886 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3887 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð¤ï¸</span> 3888 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Ãng Trá»i">(Ãng Trá»i)</span> 3889 </div> 3890 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3891 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-purple tracking-tighter flex-shrink-0 shadow-sm">37</span> 3892 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-sky tracking-tighter flex-shrink-0 shadow-sm">77</span> 3893 </div> 3894 </li> 3895 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3896 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0"> 3897 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð²</span> 3898 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Ãng Äá»a">(Ãng Äá»a)</span> 3899 </div> 3900 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3901 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-purple tracking-tighter flex-shrink-0 shadow-sm">38</span> 3902 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-sky tracking-tighter flex-shrink-0 shadow-sm">78</span> 3903 </div> 3904 </li> 3905 <li class="flex items-center px-3 py-2 border-b border-gray-100 dark:border-slate-800/60 hover:bg-gray-50 dark:hover:bg-slate-800/40 transition-colors"> 3906 <div class="flex items-center gap-1.5 w-[125px] flex-shrink-0">
3907 <span class="text-[22px] leading-none drop-shadow-sm grayscale-[0.2] hover:grayscale-0 transition-all">ð§§</span> 3908 <span class="text-[14px] font-medium text-gray-600 dark:text-slate-300 truncate" title="Thần Tà i">(Thần Tà i)</span> 3909 </div> 3910 <div class="flex flex-1 items-center justify-end flex-wrap gap-2 ml-1"> 3911 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-purple tracking-tighter flex-shrink-0 shadow-sm">39</span> 3912 <span class="w-[34px] h-[34px] rounded-full flex items-center justify-center text-[15px] font-bold ball-sky tracking-tighter flex-shrink-0 shadow-sm">79</span> 3913 </div> 3914 </li> 3915 </ul> 3916 </div> 3917 </div> 3918 3919 <!-- Footer Title --> 3920 <div class="px-4 py-2.5 flex items-center justify-between border-t" style="background-color: #64748b !important; border-top-color: #475569 !important;"> 3921 <h3 class="m-0 text-[13px] font-bold tracking-wide uppercase"> 3922 <a href="/so-mo" class="no-underline hover:underline" style="color: #ffffff !important;">à nghÄ©a các con sá» từ 0 - 99</a> 3923 </h3> 3924 <span class="text-2xl leading-none">ð¤</span> 3925 </div> 3926</div> 3927 <!-- AD SLOT: SQUARE RIGHT 4 --> 3928 <div class="ad-slot ad-slot--html" data-slot="sidebar_rect_4" data-ad-id="15" style="width:100%"> 3929 <amp-ad 3930 layout="fixed" 3931 width="300" 3932 height="250" 3933 type="adsense" 3934 data-ad-client="ca-pub-6395022309587449" 3935 data-ad-slot="8926287889"> 3936</amp-ad> 3937</div> 3938 <!-- WIDGET 4: Cẩm Nang Xá» Sá» (Tin Tức) --> 3939 <div class="bg-white border border-gray-200 rounded-lg overflow-hidden shadow-sm"> 3940 <div 3941 class="bg-transparent border-b border-gray-100 px-4 py-3 text-[17px] font-bold text-gray-800 flex items-center gap-2"> 3942 <h3 class="m-0 text-[17px]"><i class="fa-solid fa-newspaper text-amber-500" aria-hidden="true"></i> Tin Tức Má»i</h3> 3943 </div> 3944 <div class="flex flex-col p-3 gap-3"> 3945 <a href="https://xemketqua.net/tin-tuc/63-nhan-dinh-paderborn-vs-stuttgart-khach-muon-but-pha-20h30-ngay-10-10-2026-c288-d439388" class="flex gap-3 group"> 3946 <div class="w-16 h-16 rounded overflow-hidden flex-shrink-0 bg-gray-200"> 3947 <img src="/uploads/news/media_63-nhan-dinh-paderborn-vs-stuttgart-khach-muon-but-pha-20h30-ngay-10-10-2026-c288-d439388.jpg" 3948 alt="Nháºn Äá»nh Paderborn vs Stuttgart: Khách muá»n bứt phá, 20h30 ngà y 10/10/2026" 3949 class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300" 3950 loading="lazy"> 3951 </div> 3952 <div class="flex flex-col"> 3953 <h4 3954 class="text-sm font-semibold text-gray-800 group-hover:text-red-600 line-clamp-2 leading-tight transition-colors"> 3955 Nháºn Äá»nh Paderborn vs Stuttgart: Khách muá»n bứt phá, 20h30 ngà y 10/10/2026 </h4> 3956 <span class="text-[11px] text-gray-500 mt-1"> 3957 Hôm nay </span> 3958 </div> 3959 </a> 3960 <a href="https://xemketqua.net/tin-tuc/nhan-dinh-bong-da-sunderland-vs-brighton-21h00-ngay-10-10-suc-bat-chim-mong-bien-5246462610" class="flex gap-3 group"> 3961 <div class="w-16 h-16 rounded overflow-hidden flex-shrink-0 bg-gray-200"> 3962 <img src="/uploads/news/media_nhan-dinh-bong-da-sunderland-vs-brighton-21h00-ngay-10-10-suc-bat-chim-mong-bien-5246462610.jpg" 3963 alt="Nháºn Äá»nh bóng Äá Sunderland vs Brighton, 21h00 ngà y 10/10: Sức báºt 'Chim mòng biá»n'" 3964 class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300" 3965 loading="lazy"> 3966 </div> 3967 <div class="flex flex-col"> 3968 <h4 3969 class="text-sm font-semibold text-gray-800 group-hover:text-red-600 line-clamp-2 leading-tight transition-colors"> 3970 Nháºn Äá»nh bóng Äá Sunderland vs Brighton, 21h00 ngà y 10/10: Sức báºt 'Chim mòng biá»n' </h4>
3971 <span class="text-[11px] text-gray-500 mt-1"> 3972 Hôm nay </span> 3973 </div> 3974 </a> 3975 <a href="https://xemketqua.net/tin-tuc/nhan-dinh-bong-da-ipswich-vs-fulham-21h00-ngay-10-10-fulham-se-thang-tran-dau-tien-5245582610" class="flex gap-3 group"> 3976 <div class="w-16 h-16 rounded overflow-hidden flex-shrink-0 bg-gray-200"> 3977 <img src="/uploads/news/media_nhan-dinh-bong-da-ipswich-vs-fulham-21h00-ngay-10-10-fulham-se-thang-tran-dau-tien-5245582610.jpg" 3978 alt="Nháºn Äá»nh bóng Äá Ipswich vs Fulham, 21h00 ngà y 10/10: Fulham sẽ thắng tráºn Äầu tiên" 3979 class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300" 3980 loading="lazy"> 3981 </div> 3982 <div class="flex flex-col"> 3983 <h4 3984 class="text-sm font-semibold text-gray-800 group-hover:text-red-600 line-clamp-2 leading-tight transition-colors"> 3985 Nháºn Äá»nh bóng Äá Ipswich vs Fulham, 21h00 ngà y 10/10: Fulham sẽ thắng tráºn Äầu tiên </h4> 3986 <span class="text-[11px] text-gray-500 mt-1"> 3987 Hôm nay </span> 3988 </div> 3989 </a> 3990 <a href="https://xemketqua.net/tin-tuc" 3991 class="text-center text-sm text-amber-700 dark:text-amber-500 font-medium hover:underline mt-1 py-1">Xem tất cả tin 3992 tức <i class="fa-solid fa-angle-right text-xs"></i></a> 3993 </div> 3994 </div> 3995 3996 3997 <!-- WIDGET 5: Facebook Fanpage & YouTube Subscribe --> 3998 <div class="bg-white border border-gray-200 rounded-lg overflow-hidden shadow-sm mt-3 p-2"> 3999 <div class="bg-transparent border-b border-gray-100 px-4 py-3 text-[17px] font-bold text-gray-800 flex items-center gap-2"><i class="fa-solid fa-share-nodes text-amber-500" aria-hidden="true"></i> Kết ná»i vá»i chúng tôi</div> 4000 <div class="flex flex-col items-center gap-3 pt-1"> 4001 4002 <!-- Telegram Subscribe --> 4003 <div class="w-full"> 4004 <a href="https://t.me/+MnEjdgoTTlhiYTIx" target="_blank" rel="noopener noreferrer" class="block hover:opacity-90 transition-opacity relative group overflow-hidden rounded-md border border-gray-100"> 4005 <img src="https://xemketqua.net/assets/images/telegram-banner.png" alt="Tham gia Telegram" class="w-full h-auto object-cover transform group-hover:scale-105 transition-transform duration-500"> 4006 <div class="absolute inset-0 bg-gradient-to-t from-blue-900/80 to-transparent flex flex-col justify-end p-3 opacity-0 group-hover:opacity-100 transition-opacity duration-300"> 4007 <span class="text-white text-xs font-bold uppercase tracking-wider mb-1"><i class="fa-brands fa-telegram text-blue-400"></i> Tham gia ngay</span> 4008 <span class="text-gray-200 text-[10px]">Nháºn chá»t sá» & soi cầu chuẩn nhất má»i ngà y</span> 4009 </div> 4010 </a> 4011 </div> 4012 4013 <!-- YouTube Subscribe --> 4014 <div class="w-full"> 4015 <a href="https://www.youtube.com/@xemketqua.official?sub_confirmation=1" target="_blank" rel="noopener noreferrer" class="block hover:opacity-90 transition-opacity"> 4016 <img src="https://xemketqua.net/assets/images/youtube-subscribe.png" alt="Subscribe YouTube XemKetQua.NET" class="w-full h-auto rounded-md shadow-sm border border-gray-100"> 4017 </a> 4018 </div> 4019 4020 <!-- Mã nhúng Facebook Page Plugin (Chế Äá» JS SDK - Responsive) --> 4021 <div id="fb-root"></div> 4022
4022<script async defer crossorigin="anonymous" src="https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v19.0" nonce="" type="552de0b68c60c9fc5da11272-text/javascript"></script>
4022 4023 <style> 4024 .fb-widget-wrapper .fb-page, 4025 .fb-widget-wrapper .fb-page span, 4026 .fb-widget-wrapper .fb-page iframe { 4027 width: 100% !important; 4028 } 4029 </style> 4030 <div class="w-full bg-white rounded-md border border-gray-100 overflow-hidden block fb-widget-wrapper"> 4031 <div class="fb-page w-full" 4032 data-href="https://www.facebook.com/xemketqua.official" 4033 data-tabs="timeline" 4034 data-width="500" 4035 data-height="400" 4036 data-small-header="false" 4037 data-adapt-container-width="true" 4038 data-hide-cover="false" 4039 data-show-facepile="true"> 4040 <blockquote cite="https://www.facebook.com/xemketqua.official" class="fb-xfbml-parse-ignore"> 4041 <a href="https://www.facebook.com/xemketqua.official">Facebook</a> 4042 </blockquote> 4043 </div> 4044 </div> 4045 </div> 4046 </div> 4047 4048 <!-- WIDGET: Xu Hưá»ng Tìm Kiếm --> 4049 <div class="bg-white border border-gray-200 rounded-lg overflow-hidden shadow-sm mt-3 mb-3 p-2"> 4050 <div class="bg-transparent border-b border-gray-100 px-3 py-3 text-[17px] font-bold text-gray-800 flex items-center gap-2"> 4051 <i class="fa-solid fa-fire-flame-curved text-red-500" aria-hidden="true"></i> Xu Hưá»ng Tìm Kiếm 4052 </div> 4053 <div class="p-2 flex flex-wrap gap-2"> 4054 <a href="https://xemketqua.net//xo-so-mien-bac" class="inline-block px-2.5 py-1.5 bg-gray-50 hover:bg-blue-50 border border-gray-200 hover:border-blue-200 text-gray-600 hover:text-blue-600 text-[13px] rounded-md transition-colors whitespace-nowrap"> 4055 Sxmb </a> 4056 <a href="https://xemketqua.net/" class="inline-block px-2.5 py-1.5 bg-gray-50 hover:bg-blue-50 border border-gray-200 hover:border-blue-200 text-gray-600 hover:text-blue-600 text-[13px] rounded-md transition-colors whitespace-nowrap"> 4057 Kqxsmb Hôm Nay </a> 4058 <a href="https://xemketqua.net//xo-so-mien-nam" class="inline-block px-2.5 py-1.5 bg-gray-50 hover:bg-blue-50 border border-gray-200 hover:border-blue-200 text-gray-600 hover:text-blue-600 text-[13px] rounded-md transition-colors whitespace-nowrap"> 4059 Xá» Sá» Miá»n Nam Hôm Nay Thứ Bảy </a> 4060 <a href="https://xemketqua.net/" class="inline-block px-2.5 py-1.5 bg-gray-50 hover:bg-blue-50 border border-gray-200 hover:border-blue-200 text-gray-600 hover:text-blue-600 text-[13px] rounded-md transition-colors whitespace-nowrap"> 4061 Xá» Sá» Thà nh Phá» </a> 4062 <a href="https://xemketqua.net//xo-so-mien-nam" class="inline-block px-2.5 py-1.5 bg-gray-50 hover:bg-blue-50 border border-gray-200 hover:border-blue-200 text-gray-600 hover:text-blue-600 text-[13px] rounded-md transition-colors whitespace-nowrap"> 4063 Xá» Sá» Miá»n Nam 10 Tháng 10 </a> 4064 <a href="https://xemketqua.net//xo-so-can-tho" class="inline-block px-2.5 py-1.5 bg-gray-50 hover:bg-blue-50 border border-gray-200 hover:border-blue-200 text-gray-600 hover:text-blue-600 text-[13px] rounded-md transition-colors whitespace-nowrap"> 4065 Xsct </a> 4066 <a href="https://xemketqua.net//xo-so-can-tho" class="inline-block px-2.5 py-1.5 bg-gray-50 hover:bg-blue-50 border border-gray-200 hover:border-blue-200 text-gray-600 hover:text-blue-600 text-[13px] rounded-md transition-colors whitespace-nowrap"> 4067 Xá» Sá» Äá»ng Nai Cần ThÆ¡ </a> 4068 <a href="https://xemketqua.net//xo-so-ben-tre" class="inline-block px-2.5 py-1.5 bg-gray-50 hover:bg-blue-50 border border-gray-200 hover:border-blue-200 text-gray-600 hover:text-blue-600 text-[13px] rounded-md transition-colors whitespace-nowrap"> 4069 Xsbt </a> 4070 <a href="https://xemketqua.net/" class="inline-block px-2.5 py-1.5 bg-gray-50 hover:bg-blue-50 border border-gray-200 hover:border-blue-200 text-gray-600 hover:text-blue-600 text-[13px] rounded-md transition-colors whitespace-nowrap"> 4071 So Xo Mt </a> 4072 <a href="https://xemketqua.net//xo-so-mien-nam" class="inline-block px-2.5 py-1.5 bg-gray-50 hover:bg-blue-50 border border-gray-200 hover:border-blue-200 text-gray-600 hover:text-blue-600 text-[13px] rounded-md transition-colors whitespace-nowrap"> 4073 Xá» Sá» Äà i Miá»n Nam </a> 4074 <a href="https://xemketqua.net//xo-so-mien-bac" class="inline-block px-2.5 py-1.5 bg-gray-50 hover:bg-blue-50 border border-gray-200 hover:border-blue-200 text-gray-600 hover:text-blue-600 text-[13px] rounded-md transition-colors whitespace-nowrap"> 4075 Xá» Sá» Miá»n Bắc Ngà y Hôm Nay </a> 4076 <a href="https://xemketqua.net//xo-so-khanh-hoa" class="inline-block px-2.5 py-1.5 bg-gray-50 hover:bg-blue-50 border border-gray-200 hover:border-blue-200 text-gray-600 hover:text-blue-600 text-[13px] rounded-md transition-colors whitespace-nowrap"> 4077 Xskh </a> 4078 </div> 4079 </div> 4080 4081 <!-- AD SLOT: SQUARE RIGHT 5 (Sticky) --> 4082 <div class="sticky top-[170px] z-10"> 4083 <div class="ad-slot ad-slot--html" data-slot="sidebar_rect_5" data-ad-id="16" style="width:100%"> 4084 <amp-ad 4085 layout="fixed" 4086 width="300" 4087 height="250" 4088 type="adsense" 4089 data-ad-client="ca-pub-6395022309587449" 4090 data-ad-slot="8926287889"> 4091</amp-ad> 4092</div> </div> 4093</aside> </div> 4094 4095 </div> 4096</div> 4097 4098 4099<!-- Dynamic Modal Component using Alpine.js --> 4100<div x-data="{ open: false, activeTab: 'content-tab-thong-so' }" 4101 x-show="open" 4102 @open-global-modal-lotoganManualModal.window="open = true; document.body.style.overflow = 'hidden';" 4103 @close-global-modal-lotoganManualModal.window="open = false; document.body.style.overflow = '';" 4104 @keydown.escape.window="open = false; document.body.style.overflow = '';" 4105 x-cloak 4106 class="fixed inset-0 overflow-y-auto" 4107 style="z-index: 9999;" 4108 aria-labelledby="modal-title" 4109 role="dialog" 4110 aria-modal="true"> 4111 4112 <div class="flex min-h-full items-center justify-center p-4 text-center sm:p-0">
4113 <!-- Background overlay with transition --> 4114 <div class="fixed inset-0 bg-gray-900/60 backdrop-blur-sm transition-opacity" 4115 x-show="open" 4116 x-transition:enter="ease-out duration-300" 4117 x-transition:enter-start="opacity-0" 4118 x-transition:enter-end="opacity-100" 4119 x-transition:leave="ease-in duration-200" 4120 x-transition:leave-start="opacity-100" 4121 x-transition:leave-end="opacity-0" 4122 aria-hidden="true" 4123 @click="open = false; document.body.style.overflow = '';"></div> 4124 4125 <!-- Modal panel with transition --> 4126 <div class="relative transform overflow-hidden bg-white rounded-2xl text-left shadow-2xl transition-all sm:my-8 w-full max-w-3xl scale-95 duration-300 flex flex-col max-h-[85vh]" 4127 x-show="open" 4128 x-transition:enter="ease-out duration-300" 4129 x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 4130 x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" 4131 x-transition:leave="ease-in duration-200" 4132 x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" 4133 x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" 4134 @click.away="open = false; document.body.style.overflow = '';"> 4135 4136 <!-- Header --> 4137 <div class="bg-gradient-to-r from-violet-700 to-purple-600 px-6 py-4 flex items-center justify-between shrink-0"> 4138 <h3 class="text-lg leading-6 font-bold text-white flex items-center gap-2" id="modal-title"> 4139 <i class="fas fa-book-open"></i> 4140 Hưá»ng Dẫn Thá»ng Kê Lô Gan </h3> 4141 <button type="button" @click="open = false; document.body.style.overflow = '';" class="text-violet-100 hover:text-white bg-white/10 hover:bg-white/20 rounded-full w-8 h-8 flex items-center justify-center transition-colors"> 4142 <i class="fas fa-times"></i> 4143 </button> 4144 </div> 4145 4146 <!-- Tabs Navigation --> 4147 <div class="bg-gray-50 border-b border-gray-200 shrink-0"> 4148 <ul class="flex text-sm font-medium text-center" role="tablist"> 4149 <li class="flex-1" role="presentation"> 4150 <button class="w-full inline-block p-4 border-b-2 transition-colors focus:outline-none" 4151 :class="activeTab === 'content-tab-thong-so' 4152 ? 'bg-white text-violet-700 border-violet-600 font-bold' 4153 : 'text-gray-500 hover:text-gray-700 hover:bg-gray-100 border-transparent'" 4154 @click="activeTab = 'content-tab-thong-so'" 4155 type="button" role="tab"> 4156 <i class="fas fa-sliders-h mr-1.5"></i> 4157 Thông Sá» Cà i Äặt </button> 4158 </li> 4159 <li class="flex-1" role="presentation"> 4160 <button class="w-full inline-block p-4 border-b-2 transition-colors focus:outline-none" 4161 :class="activeTab === 'content-tab-chi-so' 4162 ? 'bg-white text-violet-700 border-violet-600 font-bold' 4163 : 'text-gray-500 hover:text-gray-700 hover:bg-gray-100 border-transparent'" 4164 @click="activeTab = 'content-tab-chi-so'" 4165 type="button" role="tab"> 4166 <i class="fas fa-table mr-1.5"></i> 4167 Chi Tiết Bảng Kết Quả </button> 4168 </li> 4169 </ul> 4170 </div> 4171 4172 <!-- Modal Content Area --> 4173 <div class="px-6 py-5 overflow-y-auto flex-grow bg-white"> 4174 <div id="content-tab-thong-so" 4175 x-show="activeTab === 'content-tab-thong-so'" 4176 class="animate-fade-in"> 4177 4178 <div class="space-y-4 text-sm text-gray-600"> 4179 <div class="bg-red-50/50 rounded-xl p-4 border border-red-100"> 4180 <ul class="space-y-3"> 4181 <li class="flex items-start gap-2">
4182 <span class="font-bold text-gray-800 min-w-[110px]">Tá»nh / Thà nh:</span> 4183 <span>Chá»n Äà i quay xá» sá» cần xét Lô Gan.</span> 4184 </li> 4185 <li class="flex items-start gap-2"> 4186 <span class="font-bold text-gray-800 min-w-[110px]">Thá»i gian lấy:</span> 4187 <span>Lấy dữ liá»u từ ngà y A Äến ngà y B. Nếu "Äến ngà y" Äá» trá»ng, há» thá»ng xét tá»i kỳ quay má»i nhất.</span> 4188 </li> 4189 <li class="flex items-start gap-2"> 4190 <span class="font-bold text-gray-800 min-w-[110px]">Biên Äá» gan (>=):</span> 4191 <span>Lá»c ra các Lô (2 sá» cuá»i) Äã <strong>không xuất hiá»n</strong> trong Ãt nhất sá» lượt nà y. Trá» sá» mặc Äá»nh thưá»ng là 10.</span> 4192 </li> 4193 </ul> 4194 </div> 4195 </div> 4196 </div> 4197 <div id="content-tab-chi-so" 4198 x-show="activeTab === 'content-tab-chi-so'" 4199 class="animate-fade-in"> 4200 4201 <div class="space-y-4 text-sm text-gray-600"> 4202 <div class="bg-gray-50 rounded-xl p-4 border border-gray-200"> 4203 <ul class="space-y-3"> 4204 <li class="flex items-start gap-2"> 4205 <span class="font-bold text-gray-800 min-w-[100px]">Äá» gan hiá»n tại:</span> 4206 <span>Sá» ngà y (hoặc kỳ quay) liên tiếp tÃnh Äến lúc nà y mà cặp sá» chưa vá». Äây là "Lô gan".</span> 4207 </li> 4208 <li class="flex items-start gap-2"> 4209 <span class="font-bold text-gray-800 min-w-[100px]">Max gan lá»ch sá»:</span> 4210 <span>Ká»· lục gan lá»n nhất (sá» ngà y tá»t lâu nhất) từng ghi nháºn cá»§a loto Äó trong toà n bá» lá»ch sá» quay. Dùng Äá» Äá»i chiếu xem lô gan hiá»n tại Äã sắp "mắc Äá»nh" hay chưa. Tránh viá»c nuôi lô mù quáng và o các lô gan lì chưa phá Äá»nh.</span> 4211 </li> 4212 </ul> 4213 </div> 4214 </div> 4215 </div> 4216 </div> 4217 4218 <!-- Footer --> 4219 <div class="bg-gray-50 border-t border-gray-200 px-6 py-4 flex justify-end shrink-0"> 4220 <button type="button" @click="open = false; document.body.style.overflow = '';" class="bg-white border border-gray-300 text-gray-700 hover:bg-violet-50 hover:text-violet-700 hover:border-violet-300 focus:ring-2 focus:ring-violet-200 font-bold rounded-lg text-sm px-6 py-2 transition-all shadow-sm"> 4221 Äã hiá»u 4222 </button> 4223 </div> 4224 4225 </div> 4226 </div> 4227</div> 4228
4229<script type="552de0b68c60c9fc5da11272-text/javascript"> 4230 if (typeof window.openGlobalModal === 'undefined') { 4231 window.openGlobalModal = function(modalId) { 4232 window.dispatchEvent(new CustomEvent('open-global-modal-' + String(modalId).toLowerCase())); 4233 }; 4234 window.closeGlobalModal = function(modalId) { 4235 window.dispatchEvent(new CustomEvent('close-global-modal-' + String(modalId).toLowerCase())); 4236 }; 4237 } 4238</script>
4238 4239 4240<style> 4241@keyframes fadeInUp { 4242 from { opacity: 0; transform: translateY(10px); } 4243 to { opacity: 1; transform: translateY(0); } 4244} 4245.animate-fade-in-up { 4246 animation: fadeInUp 0.4s ease-out forwards; 4247} 4248.maxgan-table td { 4249 transition: background-color 0.2s, transform 0.2s; 4250} 4251</style> 4252
4253<script type="552de0b68c60c9fc5da11272-text/javascript"> 4254document.addEventListener("DOMContentLoaded", function() { 4255 // 1. Phục há»i bá» lá»c từ localStorage nếu URL không có query parameter 4256 const urlParams = new URLSearchParams(window.location.search); 4257 if (!urlParams.has("province")) { 4258 const savedProv = localStorage.getItem("lotogan_selected_province"); 4259 if (savedProv) { 4260 document.getElementById("province").value = savedProv; 4261 } 4262 const savedThreshold = localStorage.getItem("lotogan_gan_threshold"); 4263 if (savedThreshold) { 4264 document.getElementById("gan_threshold").value = savedThreshold; 4265 } 4266 } 4267 4268 // 2. Lưu bá» lá»c và o localStorage khi có thay Äá»i 4269 document.getElementById("province").addEventListener("change", function() { 4270 localStorage.setItem("lotogan_selected_province", this.value); 4271 }); 4272 document.getElementById("gan_threshold").addEventListener("change", function() { 4273 localStorage.setItem("lotogan_gan_threshold", this.value); 4274 }); 4275 4276 // 3. Highlight cá»t dá»c trên ma tráºn Max Gan khi di chuá»t 4277 const maxganTables = document.querySelectorAll(".maxgan-table"); 4278 maxganTables.forEach(table => { 4279 const rows = table.querySelectorAll("tr"); 4280 if (rows.length < 2) return; 4281 const cellsRow0 = rows[0].querySelectorAll("td"); 4282 const cellsRow1 = rows[1].querySelectorAll("td"); 4283 4284 // Bắt Äầu từ index 1 vì index 0 là tiêu Äá» hà ng ("Loto", "Äá»nh Gan") 4285 for (let i = 1; i < cellsRow0.length; i++) { 4286 const cell0 = cellsRow0[i]; 4287 const cell1 = cellsRow1[i]; 4288 4289 const onMouseOver = () => { 4290 cell0.classList.add("bg-red-50", "scale-[1.04]", "z-10", "relative"); 4291 cell1.classList.add("bg-red-50", "scale-[1.04]", "z-10", "relative"); 4292 }; 4293 const onMouseOut = () => { 4294 cell0.classList.remove("bg-red-50", "scale-[1.04]", "z-10", "relative"); 4295 cell1.classList.remove("bg-red-50", "scale-[1.04]", "z-10", "relative"); 4296 }; 4297 4298 cell0.addEventListener("mouseover", onMouseOver); 4299 cell0.addEventListener("mouseout", onMouseOut); 4300 cell1.addEventListener("mouseover", onMouseOver); 4301 cell1.addEventListener("mouseout", onMouseOut); 4302 } 4303 }); 4304}); 4305</script>
4305 4306 4307 4308 <div class="mt-8"> 4309 4310<div class="bg-white rounded-xl shadow-sm border border-slate-200 mb-6 overflow-hidden"> 4311 <div class="bg-gradient-to-r from-red-50 to-orange-50 px-4 py-3 border-b border-red-100 flex items-center gap-2"> 4312 <svg class="w-5 h-5 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 4313 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path> 4314 </svg> 4315 <h3 class="text-base font-bold text-slate-800 m-0">Tin tức & Xu hưá»ng hôm nay</h3> 4316 </div> 4317 4318 <div class="p-4 space-y-4"> 4319 <details class="group border-b border-slate-100 pb-3 last:border-0 last:pb-0" open> 4320 <summary class="flex justify-between items-center font-medium cursor-pointer list-none text-slate-700 hover:text-red-600 transition-colors"> 4321 <span class="flex items-start gap-2"> 4322 <span class="text-red-500 opacity-70 mt-0.5 text-xs">â¶</span> 4323 Chi tiết vá» dá»± Äoán vietlott cáºp nháºt má»i nhất? </span> 4324 <span class="transition group-open:rotate-180"> 4325 <svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24" class="w-4 h-4 text-slate-400"><path d="M6 9l6 6 6-6"></path></svg> 4326 </span> 4327 </summary> 4328 <div class="text-slate-600 mt-3 ml-5 text-sm leading-relaxed border-l-2 border-red-100 pl-3"> 4329 Dá»± Äoán Vietlott má»i nhất tại XemKetQua.NET ÄÆ°á»£c cáºp nháºt hà ng ngà y cho Mega 6/45 và Power 6/55. Há» thá»ng áp dụng thuáºt toán thá»ng kê tần suất, phân tÃch chu kỳ và lô gan Äá» gợi ý các bá» sá» có tá»· lá» trúng cao nhất. Truy cáºp ngay chuyên mục "Dá»± Äoán Vietlott" trên website Äá» nháºn miá» n phà bá» sá» may mắn hôm nay! <div class="mt-2 text-xs text-slate-400 italic"> 4330 Xu hưá»ng: <span class="font-medium text-slate-500">dá»± Äoán vietlott</span> 4331 </div> 4332 </div> 4333 </details> 4334 <details class="group border-b border-slate-100 pb-3 last:border-0 last:pb-0" > 4335 <summary class="flex justify-between items-center font-medium cursor-pointer list-none text-slate-700 hover:text-red-600 transition-colors"> 4336 <span class="flex items-start gap-2"> 4337 <span class="text-red-500 opacity-70 mt-0.5 text-xs">â¶</span> 4338 dá»± Äoán vietlott có gì Äáng chú ý hôm nay? </span> 4339 <span class="transition group-open:rotate-180"> 4340 <svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24" class="w-4 h-4 text-slate-400"><path d="M6 9l6 6 6-6"></path></svg> 4341 </span> 4342 </summary> 4343 <div class="text-slate-600 mt-3 ml-5 text-sm leading-relaxed border-l-2 border-red-100 pl-3"> 4344 Dá»± Äoán Vietlott hôm nay tại XemKetQua.NET táºp trung và o kỳ quay Power 6/55 vá»i Jackpot Äang tÃch lÅ©y cá»±c khá»§ng. Há» thá»ng Äã cáºp nháºt bảng thá»ng kê tần suất xuất hiá»n cá»§a các cặp sá», phân tÃch Äầu Äuôi và gợi ý bá» sá» may mắn từ chuyên gia. Truy cáºp ngay XemKetQua.NET Äá» nháºn miá» n phà những con sá» có tá»· lá» vá» cao nhất hôm nay! <div class="mt-2 text-xs text-slate-400 italic"> 4345 Xu hưá»ng: <span class="font-medium text-slate-500">dá»± Äoán vietlott</span> 4346 </div> 4347 </div> 4348 </details> 4349 <details class="group border-b border-slate-100 pb-3 last:border-0 last:pb-0" > 4350 <summary class="flex justify-between items-center font-medium cursor-pointer list-none text-slate-700 hover:text-red-600 transition-colors">
4351 <span class="flex items-start gap-2"> 4352 <span class="text-red-500 opacity-70 mt-0.5 text-xs">â¶</span> 4353 Chi tiết vá» kết quả xá» sá» miá»n bắc cáºp nháºt má»i nhất? </span> 4354 <span class="transition group-open:rotate-180"> 4355 <svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24" class="w-4 h-4 text-slate-400"><path d="M6 9l6 6 6-6"></path></svg> 4356 </span> 4357 </summary> 4358 <div class="text-slate-600 mt-3 ml-5 text-sm leading-relaxed border-l-2 border-red-100 pl-3"> 4359 Kết quả xá» sá» miá»n Bắc (XSMB) ÄÆ°á»£c cáºp nháºt trá»±c tiếp, nhanh chóng và chÃnh xác nhất và o lúc 18h15 hà ng ngà y trên XemKetQua.NET. Há» thá»ng cung cấp Äầy Äá»§ chi tiết từ giải Äặc biá»t Äến giải Bảy, Äi kèm bảng thá»ng kê Äầu Äuôi lô tô trá»±c quan giúp bạn dá» dà ng tra cứu kết quả má»i nhất hôm nay. <div class="mt-2 text-xs text-slate-400 italic"> 4360 Xu hưá»ng: <span class="font-medium text-slate-500">kết quả xá» sá» miá»n bắc</span> 4361 </div> 4362 </div> 4363 </details> 4364 <details class="group border-b border-slate-100 pb-3 last:border-0 last:pb-0" > 4365 <summary class="flex justify-between items-center font-medium cursor-pointer list-none text-slate-700 hover:text-red-600 transition-colors"> 4366 <span class="flex items-start gap-2"> 4367 <span class="text-red-500 opacity-70 mt-0.5 text-xs">â¶</span> 4368 kết quả xá» sá» miá»n bắc có gì Äáng chú ý hôm nay? </span> 4369 <span class="transition group-open:rotate-180"> 4370 <svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24" class="w-4 h-4 text-slate-400"><path d="M6 9l6 6 6-6"></path></svg> 4371 </span> 4372 </summary> 4373 <div class="text-slate-600 mt-3 ml-5 text-sm leading-relaxed border-l-2 border-red-100 pl-3"> 4374 Kết quả xá» sá» Miá»n Bắc hôm nay ghi nháºn giải Äặc biá»t có Äầu/Äuôi Äáng chú ý, cùng sá»± xuất hiá»n cá»§a các cặp loto 2 nháy, loto kép và các Äầu sá» câm. Hãy truy cáºp ngay XemKetQua.NET Äá» theo dõi bảng má» thưá»ng trá»±c tiếp trá»±c quan, chÃnh xác và cáºp nháºt các thá»ng kê phân tÃch chuyên sâu nhất! <div class="mt-2 text-xs text-slate-400 italic"> 4375 Xu hưá»ng: <span class="font-medium text-slate-500">kết quả xá» sá» miá»n bắc</span> 4376 </div> 4377 </div> 4378 </details> 4379 <details class="group border-b border-slate-100 pb-3 last:border-0 last:pb-0" > 4380 <summary class="flex justify-between items-center font-medium cursor-pointer list-none text-slate-700 hover:text-red-600 transition-colors"> 4381 <span class="flex items-start gap-2"> 4382 <span class="text-red-500 opacity-70 mt-0.5 text-xs">â¶</span> 4383 Chi tiết vá» xá» sá» miá»n nam hôm nay cáºp nháºt má»i nhất? </span> 4384 <span class="transition group-open:rotate-180"> 4385 <svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24" class="w-4 h-4 text-slate-400"><path d="M6 9l6 6 6-6"></path></svg> 4386 </span> 4387 </summary> 4388 <div class="text-slate-600 mt-3 ml-5 text-sm leading-relaxed border-l-2 border-red-100 pl-3"> 4389 Kết quả xá» sá» miá»n Nam (XSMN) hôm nay ÄÆ°á»£c cáºp nháºt trá»±c tiếp, nhanh chóng và chÃnh xác
4389nhất lúc 16h15 trên XemKetQua.NET. Bạn có thá» theo dõi trá»±c tiếp buá»i quay thưá»ng cá»§a các nhà Äà i hôm nay, xem lại kết quả các ngà y trưá»c và tra cứu thá»ng kê lô tô, Äầu Äuôi chi tiết, hoà n toà n miá» n phà tại website. <div class="mt-2 text-xs text-slate-400 italic"> 4390 Xu hưá»ng: <span class="font-medium text-slate-500">xá» sá» miá»n nam hôm nay</span> 4391 </div> 4392 </div> 4393 </details> 4394 </div> 4395</div> 4396
4397<script type="application/ld+json"> 4398 { 4399 "@context": "https://schema.org", 4400 "@type": "FAQPage", 4401 "mainEntity": [ 4402 { 4403 "@type": "Question", 4404 "name": "Chi tiết vá» dá»± Äoán vietlott cáºp nháºt má»i nhất?", 4405 "acceptedAnswer": { 4406 "@type": "Answer", 4407 "text": "Dá»± Äoán Vietlott má»i nhất tại XemKetQua.NET ÄÆ°á»£c cáºp nháºt hà ng ngà y cho Mega 6/45 và Power 6/55. Há» thá»ng áp dụng thuáºt toán thá»ng kê tần suất, phân tÃch chu kỳ và lô gan Äá» gợi ý các bá» sá» có tá»· lá» trúng cao nhất. Truy cáºp ngay chuyên mục "Dá»± Äoán Vietlott" trên website Äá» nháºn miá» n phà bá» sá» may mắn hôm nay!" 4408 } 4409 }, 4410 { 4411 "@type": "Question", 4412 "name": "dá»± Äoán vietlott có gì Äáng chú ý hôm nay?", 4413 "acceptedAnswer": { 4414 "@type": "Answer", 4415 "text": "Dá»± Äoán Vietlott hôm nay tại XemKetQua.NET táºp trung và o kỳ quay Power 6/55 vá»i Jackpot Äang tÃch lÅ©y cá»±c khá»§ng. Há» thá»ng Äã cáºp nháºt bảng thá»ng kê tần suất xuất hiá»n cá»§a các cặp sá», phân tÃch Äầu Äuôi và gợi ý bá» sá» may mắn từ chuyên gia. Truy cáºp ngay XemKetQua.NET Äá» nháºn miá» n phà những con sá» có tá»· lá» vá» cao nhất hôm nay!" 4416 } 4417 }, 4418 { 4419 "@type": "Question", 4420 "name": "Chi tiết vá» kết quả xá» sá» miá»n bắc cáºp nháºt má»i nhất?", 4421 "acceptedAnswer": { 4422 "@type": "Answer", 4423 "text": "Kết quả xá» sá» miá»n Bắc (XSMB) ÄÆ°á»£c cáºp nháºt trá»±c tiếp, nhanh chóng và chÃnh xác nhất và o lúc 18h15 hà ng ngà y trên XemKetQua.NET. Há» thá»ng cung cấp Äầy Äá»§ chi tiết từ giải Äặc biá»t Äến giải Bảy, Äi kèm bảng thá»ng kê Äầu Äuôi lô tô trá»±c quan giúp bạn dá» dà ng tra cứu kết quả má»i nhất hôm nay." 4424 } 4425 }, 4426 { 4427 "@type": "Question", 4428 "name": "kết quả xá» sá» miá»n bắc có gì Äáng chú ý hôm nay?", 4429 "acceptedAnswer": { 4430 "@type": "Answer", 4431 "text": "Kết quả xá» sá» Miá»n Bắc hôm nay ghi nháºn giải Äặc biá»t có Äầu/Äuôi Äáng chú ý, cùng sá»± xuất hiá»n cá»§a các cặp loto 2 nháy, loto kép và các Äầu sá» câm. Hãy truy cáºp ngay XemKetQua.NET Äá» theo dõi bảng má» thưá»ng trá»±c tiếp trá»±c quan, chÃnh xác và cáºp nháºt các thá»ng kê phân tÃch chuyên sâu nhất!" 4432 } 4433 }, 4434 { 4435 "@type": "Question", 4436 "name": "Chi tiết vá» xá» sá» miá»n nam hôm nay cáºp nháºt má»i nhất?", 4437 "acceptedAnswer": { 4438 "@type": "Answer", 4439 "text": "Kết quả xá» sá» miá»n Nam (XSMN) hôm nay ÄÆ°á»£c cáºp nháºt trá»±c tiếp, nhanh chóng và chÃnh xác nhất lúc 16h15 trên XemKetQua.NET. Bạn có thá» theo dõi trá»±c tiếp buá»i quay thưá»ng cá»§a các nhà Äà i hôm nay, xem lại kết quả các ngà y trưá»c và tra cứu thá»ng kê lô tô, Äầu Äuôi chi tiết, hoà n toà n miá» n phà tại website." 4440 } 4441 } 4442 ] 4443}</script>
4443 4444 </div> 4445 4446 <div class="mt-4"> 4447 4448<div id="comment-widget" class="bg-white dark:bg-slate-800 rounded-xl shadow-sm border border-gray-100 dark:border-slate-700 p-4 md:p-6 mt-8"> 4449 <div class="flex items-center justify-between mb-6 pb-4 border-b border-gray-100 dark:border-slate-700"> 4450 <h3 class="text-lg md:text-xl font-bold text-slate-800 dark:text-slate-100">Bình luáºn</h3> 4451 </div> 4452 4453 <div class="text-center py-8 px-4 bg-slate-50 dark:bg-slate-800/50 rounded-xl mb-8 border border-slate-100 dark:border-slate-700/50"> 4454 <div class="inline-flex items-center justify-center w-12 h-12 rounded-full bg-slate-100 dark:bg-slate-700 mb-3"> 4455 <i class="fas fa-comments text-2xl text-slate-400"></i> 4456 </div> 4457 <p class="text-slate-700 dark:text-slate-300 font-medium mb-1">ÄÄng nháºp Äá» tham gia bình luáºn</p> 4458 <p class="text-sm text-slate-500 dark:text-slate-300 mb-4">ÄÄng nháºp nhanh chá» vá»i 1 click, không cần tạo máºt khẩu</p> 4459 <div class="flex flex-col sm:flex-row items-center justify-center gap-3"> 4460 <a href="https://xemketqua.net/auth/google" class="inline-flex items-center gap-2 px-4 py-2 bg-red-600 hover:bg-red-700 text-white text-sm font-medium rounded-lg transition-colors w-full sm:w-auto justify-center"> 4461 <svg width="16" height="16" viewBox="0 0 24 24"><path fill="#fff" d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z"/><path fill="#fff" d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"/></svg> 4462 Google 4463 </a> 4464 <a href="https://xemketqua.net/auth/microsoft" class="inline-flex items-center gap-2 px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white text-sm font-medium rounded-lg transition-colors w-full sm:w-auto justify-center"> 4465 <svg width="16" height="16" viewBox="0 0 23 23"><rect fill="#fff" x="1" y="1" width="10" height="10"/><rect fill="#fff" x="1" y="12" width="10" height="10"/><rect fill="#fff" x="12" y="1" width="10" height="10"/><rect fill="#fff" x="12" y="12" width="10" height="10"/></svg> 4466 Microsoft 4467 </a> 4468 </div> 4469 <p class="text-xs text-slate-500 mt-4"> 4470 hoặc <a href="https://xemketqua.net/dang-nhap" class="text-blue-600 hover:underline font-medium">ÄÄng nháºp bằng tà i khoản</a> 4471 · <a href="https://xemketqua.net/dang-ky" class="text-blue-600 hover:underline">ÄÄng ký</a> 4472 </p> 4473 </div> 4474 4475 <div id="comment-list" class="flex flex-col gap-5"> 4476 <!-- Comments will be injected here via JS --> 4477 </div> 4478 4479 <button id="load-more-comments" class="w-full py-2.5 mt-6 text-sm font-medium text-slate-600 dark:text-slate-300 bg-slate-50 dark:bg-slate-800 hover:bg-slate-100 dark:hover:bg-slate-700 rounded-lg border border-slate-200 dark:border-slate-700 transition-colors" style="display: none;">Xem thêm bình luáºn</button> 4480</div> 4481 </div> 4482 </div> 4483 </main> 4484 4485 <!-- === FOOTER ========================================== --> 4486 <footer class="bg-slate-900 text-white py-12 site-footer" style="background-color: #0f172a;"> 4487 <div class="container"> 4488 <div class="footer-grid grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-[2fr_1fr_1fr_1fr] gap-8 mb-10"> 4489 <div class="footer-brand"> 4490 <a href="https://xemketqua.net/" class="footer-logo flex items-center gap-2 group w-max mb-5 relative"> 4491 <!-- Icon Box (Mascot) --> 4492 <div class="w-12 h-12 flex items-center justify-center"> 4493 <img src="https://xemketqua.net/assets/images/than_tai.png" alt="Thần Tà i" 4494 class="w-full h-full object-contain mascot-hover-anim origin-bottom"> 4495 </div> 4496 4497 <!-- Text --> 4498 <div class="flex flex-col justify-center">
4499 <span 4500 class="text-[22px] font-black tracking-tight text-transparent bg-clip-text bg-gradient-to-r from-white to-blue-200 leading-none drop-shadow-sm"> 4501 XEMKETQUA<strong 4502 class="text-transparent bg-clip-text bg-gradient-to-br from-orange-400 to-red-600 inline-block domain-hover-anim origin-bottom" 4503 style="line-height:1">.NET</strong> 4504 </span> 4505 </div> 4506 </a> 4507 <p class="footer-desc">Há» thá»ng cáºp nháºt kết quả xá» sá» kiến thiết trá»±c tuyến nhanh nhất, chÃnh xác 4508 cho cả 3 miá»n Bắc, Trung, Nam. Cáºp nháºt liên tục 24/7.</p> 4509 <!-- Visual Rating Widget for Schema Compliance --> 4510 <div class="footer-rating flex items-center gap-2 mt-3 mb-4 text-xs text-slate-400"> 4511 <div class="flex items-center text-amber-400 gap-0.5"> 4512 <i class="fa-solid fa-star"></i> 4513 <i class="fa-solid fa-star"></i> 4514 <i class="fa-solid fa-star"></i> 4515 <i class="fa-solid fa-star"></i> 4516 <i class="fa-solid fa-star-half-stroke"></i> 4517 </div> 4518 <span><strong>4.8</strong>/5 (9,218 bình chá»n)</span> 4519 </div> 4520 <div class="flex flex-wrap items-center gap-6 mt-4"> 4521 <div class="social-links !mt-0 !mb-0"> 4522 <a href="https://www.facebook.com/xemketqua.official" class="social-link" aria-label="Facebook"><i 4523 class="fa-brands fa-facebook-f" aria-hidden="true"></i></a> 4524 4525 <a href="https://t.me/xemketquadotnet" class="social-link" aria-label="Telegram"><i 4526 class="fa-brands fa-telegram" aria-hidden="true"></i></a> 4527 4528 <a href="https://www.youtube.com/@xemketqua.official?sub_confirmation=1" target="_blank" rel="noopener noreferrer" class="social-link" aria-label="YouTube"><i 4529 class="fa-brands fa-youtube" aria-hidden="true"></i></a> 4530 4531 <a href="mailto:[email protected]" class="social-link" aria-label="Email"><i 4532 class="fa-solid fa-envelope" aria-hidden="true"></i></a> 4533 </div> 4534 4535 <div class="flex items-center gap-2"> 4536 <span class="text-[11px] text-slate-500 dark:text-slate-400 font-bold uppercase tracking-wider mr-1">Tải App:</span> 4537 <a href="#" aria-label="Tải ứng dụng iOS" class="hover:scale-105 transition-transform duration-300"> 4538 <img src="https://xemketqua.net/assets/images/tai-dt-ios-.gif" alt="Tải ứng dụng iOS" class="h-[38px] object-contain"> 4539 </a> 4540 <a href="#" aria-label="Tải ứng dụng Android" class="hover:scale-105 transition-transform duration-300"> 4541 <img src="https://xemketqua.net/assets/images/dt-android-.gif" alt="Tải ứng dụng Android" class="h-[38px] object-contain"> 4542 </a> 4543 </div> 4544 </div> 4545 </div> 4546 <div class="footer-links-col"> 4547 <div class="footer-col-title text-white font-bold mb-4">Kết Quả Xá» Sá»</div> 4548 <ul class="footer-links space-y-2" role="list"> 4549 <li><a href="https://xemketqua.net/xo-so-mien-bac" class="block py-2 text-white hover:text-blue-300 transition-colors">KQXS Miá»n Bắc</a></li> 4550 <li><a href="https://xemketqua.net/xo-so-mien-trung" class="block py-2 text-white hover:text-blue-300 transition-colors">KQXS Miá»n Trung</a></li> 4551 <li><a href="https://xemketqua.net/xo-so-mien-nam" class="block py-2 text-white hover:text-blue-300 transition-colors">KQXS Miá»n Nam</a></li> 4552 <li><a href="https://xemketqua.net/vietlott/mega-645" class="block py-2 text-white hover:text-blue-300 transition-colors">Vietlott Mega 6/45</a></li> 4553 <li><a href="https://xemketqua.net/vietlott/power-655" class="block py-2 text-white hover:text-blue-300 transition-colors">Vietlott Power 6/55</a></li> 4554 </ul> 4555 </div> 4556 <div class="footer-links-col"> 4557 <div class="footer-col-title text-white font-bold mb-4">Công Cụ Hữu Ãch</div> 4558 <ul class="footer-links space-y-2" role="list"> 4559 <li><a href="https://xemketqua.net/tong-hop-cau" class="block py-2 text-white hover:text-blue-300 transition-colors">Phân TÃch Xác Suất</a></li> 4560 <li><a href="https://xemketqua.net/quay-thu-xo-so" class="block py-2 text-white hover:text-blue-300 transition-colors">Quay Thá» Xá» Sá»</a></li> 4561 <li><a href="https://xemketqua.net/thong-ke-tong-hop" class="block py-2 text-white hover:text-blue-300 transition-colors">Thá»ng Kê Äặc Biá»t</a></li> 4562 <li><a href="https://xemketqua.net/so-mo" class="block py-2 text-white hover:text-blue-300 transition-colors">Sá» MÆ¡ - Giải Mã</a></li> 4563 <li><a href="https://xemketqua.net/so-ket-qua" class="block py-2 text-white hover:text-blue-300 transition-colors">Sá» Kết Quả 30 Ngà y</a></li> 4564 </ul> 4565 </div> 4566 <div class="footer-links-col"> 4567 <div class="footer-col-title text-white font-bold mb-4">Thông Tin</div> 4568 <ul class="footer-links space-y-2" role="list"> 4569 <li><a href="https://xemketqua.net/gioi-thieu" class="block py-2 text-white hover:text-blue-300 transition-colors">Giá»i thiá»u</a></li> 4570 <li><a href="https://xemketqua.net/dieu-khoan-su-dung" class="block py-2 text-white hover:text-blue-300 transition-colors">Äiá»u khoản sá» dụng</a></li> 4571 <li><a href="https://xemketqua.net/chinh-sach-bao-mat" class="block py-2 text-white hover:text-blue-300 transition-colors">ChÃnh sách bảo máºt</a></li> 4572 <li><a href="https://xemketqua.net/lien-he" class="block py-2 text-white hover:text-blue-300 transition-colors">Liên há» chúng tôi</a></li> 4573 </ul> 4574 </div> 4575 </div> 4576 <div class="footer-bottom"> 4577 <div class="footer-text md:max-w-[75%]"> 4578 <p class="footer-copy mb-2 text-white">© 2026 xemketqua.net. Ná»i dung và dá»ch vụ trên website ÄÆ°á»£c chúng tôi cáºp nháºt từ nguá»n công khai, chá» mang tÃnh chất tham khảo. Vui lòng Äá»i chiếu vá»i kết quả chÃnh thức ÄÆ°á»£c công bá» bá»i các công ty xá» sá» kiến thiết.</p> 4579 <p class="footer-warning text-white"><i class="fa-solid fa-shield-halved text-slate-100" aria-hidden="true"></i> ChÆ¡i xá» sá» có trách nhiá»m | Dà nh cho ngưá»i từ <strong>
457918 tuá»i</strong> trá» lên</p> 4580 </div> 4581 <div class="footer-badges flex items-center gap-3 mt-4 md:mt-0"> 4582 <a target="_blank" rel="nofollow noopener" href="https://www.dmca.com/compliance/xemketqua.net" title="DMCA Compliance information for xemketqua.net"> 4583 <img src="https://www.dmca.com/img/dmca-compliant-white-bg.png" alt="DMCA compliant image" width="84" height="32" class="h-8 object-contain opacity-70 hover:opacity-100 transition-opacity" loading="lazy" /> 4584 </a> 4585 <a target="_blank" rel="nofollow noopener" href="https://www.dmca.com/Protection/Status.aspx?ID=014f9b08-e680-4e3c-8a82-9c5a51930cf8&refurl=https://xemketqua.net" title="DMCA.com Protection Status" class="dmca-badge"> <img src ="https://images.dmca.com/Badges/dmca_protected_sml_120b.png?ID=014f9b08-e680-4e3c-8a82-9c5a51930cf8" alt="DMCA.com Protection Status" width="121" height="24" /></a> 4586 4587 </div> 4588 </div> 4589 </div> 4590 </footer> 4591 4592 <!-- === MOBILE BOTTOM NAV ================================ --> 4593 <nav class="mobile-bottom-nav" role="navigation" aria-label="Äiá»u hưá»ng nhanh"> 4594 <a href="https://xemketqua.net/" class="bottom-nav-item "><i 4595 class="fa-solid fa-fire-flame-curved" aria-hidden="true"></i><span>Kết Quả</span></a> 4596 <a href="https://xemketqua.net/thong-ke" class="bottom-nav-item bottom-nav-item--active"><i class="fa-solid fa-chart-column" 4597 aria-hidden="true"></i><span>Thá»ng Kê</span></a> 4598 <a href="https://xemketqua.net/soi-cau" class="bottom-nav-item "><i class="fa-solid fa-wand-magic-sparkles" 4599 aria-hidden="true"></i><span>Soi Cầu</span></a> 4600 <a href="https://xemketqua.net/tien-ich" class="bottom-nav-item "><i class="fa-solid fa-cubes" 4601 aria-hidden="true"></i><span>Tiá»n Ãch</span></a> 4602 <button type="button" onclick="if (!window.__cfRLUnblockHandlers) return false; event.stopPropagation(); document.getElementById('hamburgerBtn').click();" class="bottom-nav-item outline-none bg-transparent border-0 cursor-pointer" data-cf-modified-552de0b68c60c9fc5da11272-=""><i class="fa-solid fa-bars" aria-hidden="true"></i><span>Xem thêm</span></button> 4603 </nav> 4604 4605 <!-- === LIVE RESULTS JS =================================== --> 4606
4606<script type="552de0b68c60c9fc5da11272-text/javascript">const BASE_URL = 'https://xemketqua.net/';</script>
4606 4607 4608
4608<script src="https://xemketqua.net/assets/js/date-picker.js?v=1780248964" defer type="552de0b68c60c9fc5da11272-text/javascript"></script>
4608 4609
4609<script src="https://xemketqua.net/assets/js/app.js?v=1781719528" defer type="552de0b68c60c9fc5da11272-text/javascript"></script>
4609 4610
4610<script src="https://xemketqua.net/assets/js/layout-helpers.js?v=1781712478" defer type="552de0b68c60c9fc5da11272-text/javascript"></script>
4610 4611
4611<script src="https://xemketqua.net/assets/js/font-resizer.js?v=1781359592" defer type="552de0b68c60c9fc5da11272-text/javascript"></script>
4611 4612
4612<script src="https://xemketqua.net/assets/js/mobile-menu.js?v=1781520963" defer type="552de0b68c60c9fc5da11272-text/javascript"></script>
4612 4613
4613<script src="https://xemketqua.net/assets/js/comments.js?v=1777648380" defer type="552de0b68c60c9fc5da11272-text/javascript"></script>
4613 4614
4614<script type="552de0b68c60c9fc5da11272-text/javascript"> 4615 if ('serviceWorker' in navigator && location.protocol !== 'file:') { 4616 window.addEventListener('load', function () { 4617 navigator.serviceWorker.register('https://xemketqua.net/sw.js', { scope: 'https://xemketqua.net/' }) 4618 .then(function (reg) { 4619 console.log('[App] SW registered, scope:', reg.scope); 4620 if (reg.waiting) { window.__swWaiting = reg.waiting; dispatchEvent(new CustomEvent('sw-waiting')); } 4621 reg.addEventListener('updatefound', function () { 4622 var newWorker = reg.installing; 4623 newWorker.addEventListener('statechange', function () { 4624 if (newWorker.state === 'installed' && navigator.serviceWorker.controller) { 4625 window.__swWaiting = newWorker; dispatchEvent(new CustomEvent('sw-waiting')); 4626 } 4627 }); 4628 }); 4629 }).catch(function (err) { console.warn('[App] SW registration failed:', err); }); 4630 var refreshing = false; 4631 navigator.serviceWorker.addEventListener('controllerchange', function () { 4632 if (!refreshing) { refreshing = true; window.location.reload(); } 4633 }); 4634 }); 4635 } 4636 </script>
4636 4637 <!-- === MOBILE SOUND TOGGLE (Floating â chá» hiá»n trên mobile) === --> 4638 <button id="soundToggleBtnMobile" class="sound-toggle-mobile" title="Báºt/tắt nhạc ná»n xá» sá» trá»±c tiếp" aria-label="Báºt/tắt nhạc ná»n xá» sá»" onclick="if (!window.__cfRLUnblockHandlers) return false; if(typeof SoundManager!=='undefined') SoundManager.toggle()" style="display:none" data-visible="false" data-cf-modified-552de0b68c60c9fc5da11272-=""> 4639 <i id="soundToggleIconMobile" class="fas fa-volume-up"></i> 4640 </button> 4641 4642 <!-- === FLOATING AI CHATBOT MINI POPUP ============================== --> 4643 <style> 4644 #miniChatbotPopup { bottom: 240px; right: 16px; } 4645 #floatingAiBtn { bottom: 160px; right: 16px; } 4646 @media (min-width: 1024px) { 4647 #miniChatbotPopup { bottom: 160px; right: 24px; } 4648 #floatingAiBtn { bottom: 90px; right: 24px; } 4649 } 4650 </style> 4651 <div id="miniChatbotPopup" class="fixed z-[100] bg-white rounded-2xl shadow-[0_10px_40px_rgba(0,0,0,0.2)] border border-gray-200 overflow-hidden flex flex-col transition-all duration-300 origin-bottom-right" 4652 style="width: 340px; height: 400px; display: none; opacity: 0; transform: scale(0.9) translateY(20px);"> 4653 <!-- Header --> 4654 <div class="bg-gradient-to-r from-blue-600 to-indigo-700 px-4 py-3 flex justify-between items-center cursor-pointer" onclick="if (!window.__cfRLUnblockHandlers) return false; toggleMiniChatbot()" data-cf-modified-552de0b68c60c9fc5da11272-=""> 4655 <h3 class="text-white font-bold flex items-center gap-2 text-sm"><i class="fa-solid fa-robot"></i> Trợ Lý AI Dữ Liá»u</h3> 4656 <button class="text-white/80 hover:text-white transition-colors" onclick="if (!window.__cfRLUnblockHandlers) return false; event.stopPropagation(); toggleMiniChatbot()" data-cf-modified-552de0b68c60c9fc5da11272-=""><i class="fa-solid fa-xmark text-lg"></i></button> 4657 </div> 4658 <!-- Body --> 4659 <div class="flex-1 p-4 bg-gray-50 flex flex-col justify-end gap-3"> 4660 <div class="flex gap-2"> 4661 <div class="w-8 h-8 rounded-full bg-gradient-to-br from-blue-500 to-indigo-600 flex items-center justify-center flex-shrink-0 shadow-sm mt-1"> 4662 <i class="fa-solid fa-robot text-white text-xs"></i> 4663 </div> 4664 <div class="bg-white border border-gray-200 rounded-2xl rounded-tl-none p-3 shadow-sm text-sm text-gray-800"> 4665 <p>Xin chà o! Tôi có thá» giúp gì cho bạn hôm nay?</p> 4666 <p class="text-xs text-gray-500 mt-1">Và dụ: <i>Sá» nà o gan nhất 300 ngà y?</i></p> 4667 </div> 4668 </div> 4669 </div> 4670 <!-- Input --> 4671 <div class="p-3 bg-white border-t border-gray-100"> 4672 <form action="https://xemketqua.net/tro-ly-ai" method="GET" class="relative flex items-center w-full"> 4673 <input type="text" name="q" placeholder="Há»i tôi bất cứ Äiá»u gì..." required autocomplete="off" 4674 class="w-full pl-4 pr-10 py-2.5 bg-gray-100 border-transparent rounded-full focus:bg-white focus:border-blue-500 focus:ring-2 focus:ring-blue-200 transition-all text-[13px]"> 4675 <button type="submit" class="absolute w-8 h-8 flex items-center justify-center bg-blue-600 hover:bg-blue-700 text-white rounded-full transition-colors" style="right: 4px;"> 4676 <i class="fa-solid fa-paper-plane text-xs"></i> 4677 </button> 4678 </form> 4679 </div> 4680 </div> 4681 4682 <button id="floatingAiBtn" onclick="if (!window.__cfRLUnblockHandlers) return false; toggleMiniChatbot()" title="Há»i Trợ Lý AI Xá» Sá»" aria-label="Trợ Lý AI" class="fixed z-[90] w-14 h-14 bg-gradient-to-br from-blue-500 to-indigo-600 text-white rounded-full shadow-[0_8px_16px_rgba(37,99,235,0.4)] flex items-center justify-center transition-all duration-300 hover:scale-110" data-cf-modified-552de0b68c60c9fc5da11272-=""> 4683 <i class="fa-solid fa-robot text-2xl"></i>
4684 <span class="absolute -top-1 -right-1 flex h-4 w-4"> 4685 <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-red-400 opacity-75"></span> 4686 <span class="relative inline-flex rounded-full h-4 w-4 bg-red-500 text-[9px] items-center justify-center font-bold">1</span> 4687 </span> 4688 </button> 4689 4690
4690<script type="552de0b68c60c9fc5da11272-text/javascript"> 4691 function toggleMiniChatbot() { 4692 const popup = document.getElementById('miniChatbotPopup'); 4693 const isHidden = popup.style.display === 'none'; 4694 4695 if (isHidden) { 4696 popup.style.display = 'flex'; 4697 // Trigger reflow 4698 void popup.offsetWidth; 4699 popup.style.opacity = '1'; 4700 popup.style.transform = 'scale(1) translateY(0)'; 4701 setTimeout(() => popup.querySelector('input[name="q"]').focus(), 300); 4702 } else { 4703 popup.style.opacity = '0'; 4704 popup.style.transform = 'scale(0.9) translateY(20px)'; 4705 setTimeout(() => popup.style.display = 'none', 300); 4706 } 4707 } 4708 // Only show the floating button if not already on the AI page 4709 if (window.location.pathname === '/tro-ly-ai') { 4710 document.getElementById('floatingAiBtn').style.display = 'none'; 4711 document.getElementById('miniChatbotPopup').style.display = 'none'; 4712 } 4713 </script>
4713 4714 4715 <!-- === BACK TO TOP ====================================== --> 4716 <style> 4717 #backToTop { 4718 position: fixed; 4719 display: flex; 4720 align-items: center; 4721 justify-content: center; 4722 } 4723 #backToTop svg.progress-circle { 4724 position: absolute; 4725 top: 0; 4726 left: 0; 4727 width: 100%; 4728 height: 100%; 4729 transform: rotate(-90deg); 4730 pointer-events: none; 4731 padding: 4px; 4732 box-sizing: border-box; 4733 } 4734 #backToTop .progress-bar { 4735 transition: stroke-dashoffset 0.1s linear; 4736 } 4737 #backToTop i { 4738 position: absolute; 4739 z-index: 2; 4740 } 4741 </style> 4742 <button id="backToTop" title="Lên Äầu trang" aria-label="Lên Äầu trang" 4743 class="fixed bottom-24 lg:bottom-8 right-4 lg:right-6 w-11 h-11 bg-blue-600 text-white rounded-xl shadow-[0_4px_10px_rgba(37,99,235,0.4)] flex items-center justify-center opacity-0 invisible transition-all duration-300 hover:bg-blue-700 hover:-translate-y-1 z-50 overflow-hidden"> 4744 <svg class="progress-circle" width="100%" height="100%" viewBox="0 0 100 100"> 4745 <circle cx="50" cy="50" r="40" fill="none" stroke="rgba(255, 255, 255, 0.2)" stroke-width="6"/> 4746 <circle class="progress-bar" cx="50" cy="50" r="40" fill="none" stroke="#ffffff" stroke-width="6" 4747 stroke-dasharray="251.2" stroke-dashoffset="251.2" stroke-linecap="round"/> 4748 </svg> 4749 <i class="fa-solid fa-angles-up"></i> 4750 </button> 4751 4752 4753 <!-- === COOKIE CONSENT BANNER (EU Policy) === --> 4754 4755<!-- Fallback: Nếu cookie bá» xóa (Safari ITP) nhưng localStorage vẫn còn â khôi phục cookie -->
4756<script type="552de0b68c60c9fc5da11272-text/javascript"> 4757(function() { 4758 try { 4759 var v = localStorage.getItem('cookie_consent'); 4760 if (v && !document.cookie.match(/(?:^|;\s*)cookie_consent=/)) { 4761 var d = new Date(); 4762 d.setTime(d.getTime() + 365 * 86400000); 4763 var parts = location.hostname.split('.'); 4764 var domain = (parts.length > 1 && !/^\d+$/.test(parts[parts.length - 1])) 4765 ? ';domain=.' + parts.slice(-2).join('.') : ''; 4766 document.cookie = 'cookie_consent=' + v + ';expires=' + d.toUTCString() 4767 + ';path=/' + ';SameSite=Lax' + domain 4768 + (location.protocol === 'https:' ? ';Secure' : ''); 4769 } 4770 } catch(e) {} 4771})(); 4772</script>
4772 4773 4774<style id="cookie-consent-css"> 4775.cc-banner { 4776 position: fixed; 4777 bottom: 0; 4778 left: 0; 4779 right: 0; 4780 z-index: 9999; 4781 font-family: 'Be Vietnam Pro', 'Segoe UI', system-ui, sans-serif; 4782} 4783.cc-backdrop { 4784 background: linear-gradient(180deg, var(--cc-bg-from,#1e2235) 0%, var(--cc-bg-to,#1a1a2e) 100%); 4785 border-top: 2px solid var(--clr-primary); 4786 box-shadow: 0 -8px 32px rgba(0,0,0,.35); 4787} 4788.cc-inner { 4789 max-width: 1200px; 4790 margin: 0 auto; 4791 padding: 12px 14px; 4792 padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)); 4793 display: flex; 4794 flex-direction: column; 4795 gap: 10px; 4796} 4797.cc-text { 4798 color: var(--cc-text,#cbd5e1); 4799 font-size: 12px; 4800 line-height: 1.6; 4801 margin: 0; 4802} 4803.cc-text strong { color: var(--cc-strong,#fff); font-weight: 700; } 4804.cc-text a { 4805 color: var(--clr-primary-light); 4806 text-decoration: underline; 4807 text-underline-offset: 2px; 4808} 4809.cc-text a:hover, 4810.cc-text a:active { color: var(--cc-link-active,#93bbfd); } 4811.cc-icon { 4812 color: var(--cc-icon,#f59e0b); 4813 margin-right: 4px; 4814 font-size: 12px; 4815} 4816.cc-actions { 4817 display: flex; 4818 gap: 8px; 4819 width: 100%; 4820} 4821.cc-btn { 4822 flex: 1; 4823 padding: 11px 14px; 4824 font-size: 13px; 4825 font-weight: 600; 4826 border-radius: 8px; 4827 cursor: pointer; 4828 white-space: nowrap; 4829 text-align: center; 4830 transition: all .15s ease; 4831 -webkit-tap-highlight-color: transparent; 4832 min-height: 44px; /* WCAG touch target */ 4833 display: flex; 4834 align-items: center; 4835 justify-content: center; 4836} 4837.cc-btn-reject { 4838 color: var(--cc-muted,#94a3b8); 4839 background: rgba(255,255,255,.05); 4840 border: 1px solid var(--cc-border,#3d4556); 4841} 4842.cc-btn-reject:hover, 4843.cc-btn-reject:active { border-color: #64748b; color: #e2e8f0; background: rgba(255,255,255,.08); } 4844.cc-btn-accept { 4845 color: var(--cc-btn-text,#fff); 4846 background: var(--clr-primary); 4847 border: none; 4848 font-weight: 700; 4849 box-shadow: 0 2px 10px rgba(37,99,235,.4); 4850} 4851.cc-btn-accept:hover { background: var(--clr-primary-dark); box-shadow: 0 4px 14px rgba(37,99,235,.5); } 4852.cc-btn-accept:active { transform: scale(.97); } 4853 4854/* âââ Mobile (<1024px): nằm trên bottom-nav (68px) âââ */ 4855@media (max-width: 1023px) { 4856 .cc-banner { 4857 bottom: 68px; /* Trên mobile-bottom-nav */ 4858 } 4859} 4860 4861/* âââ Mà n hình rất nhá» (â¤374px): compact layout âââ */ 4862@media (max-width: 374px) { 4863 .cc-inner { padding: 10px 10px; gap: 8px; } 4864 .cc-text { font-size: 11px; } 4865 .cc-btn { font-size: 12px; padding: 10px 10px; } 4866} 4867 4868/* âââ Tablet (â¥640px): chuyá»n sang layout ngang âââ */ 4869@media (min-width: 640px) { 4870 .cc-inner { 4871 flex-direction: row; 4872 align-items: center; 4873 padding: 14px 24px; 4874 gap: 20px; 4875 } 4876 .cc-text { flex: 1; min-width: 0; font-size: 13px; } 4877 .cc-actions { 4878 width: auto; 4879 flex-shrink: 0; 4880 gap: 10px; 4881 } 4882 .cc-btn { flex: none; padding: 10px 20px; min-height: 40px; } 4883 .cc-btn-accept { padding: 10px 28px; } 4884} 4885 4886/* âââ Desktop (â¥1024px): không có bottom-nav âââ */ 4887@media (min-width: 1024px) { 4888 .cc-banner { bottom: 0; } 4889 .cc-inner { padding: 16px 32px; } 4890 .cc-text { font-size: 13.5px; } 4891} 4892 4893[x-cloak] { display: none !important; } 4894</style> 4895 4896<div x-data="{ 4897 showBanner: false, 4898 init() { 4899 try { 4900 if (localStorage.getItem('cookie_consent')) { 4901 return; 4902 } 4903 } catch(e) {} 4904 if (document.cookie.match(/(?:^|;\s*)cookie_consent=/)) { 4905 return; 4906 } 4907 // Show with slight delay 4908 setTimeout(() => { this.showBanner = true; }, 500); 4909 }, 4910 accept() { 4911 this.saveConsent('accepted'); 4912 if (window.adsbygoogle) { 4913 window.adsbygoogle.requestNonPersonalizedAds = 0; 4914 } 4915 }, 4916 reject() { 4917 this.saveConsent('essential'); 4918 }, 4919 saveConsent(value) { 4920 var d = new Date(); 4921 d.setTime(d.getTime() + (365 * 86400000)); 4922 var cookie = 'cookie_consent=' + value 4923 + ';expires=' + d.toUTCString() 4924 + ';path=/' 4925 + ';SameSite=Lax'; 4926 4927 var parts = location.hostname.split('.'); 4928 var domain = (parts.length > 1 && !/^\d+$/.test(parts[parts.length - 1])) 4929 ? '.' + parts.slice(-2).join('.') : ''; 4930 if (domain) cookie += ';domain=' + domain; 4931 if (location.protocol === 'https:') cookie += ';Secure'; 4932 document.cookie = cookie; 4933 4934 try { localStorage.setItem('cookie_consent', value); } catch(e) {} 4935 this.showBanner = false;
4936 } 4937 }" 4938 x-show="showBanner" 4939 x-transition:enter="transition ease-out duration-300" 4940 x-transition:enter-start="transform translate-y-full" 4941 x-transition:enter-end="transform translate-y-0" 4942 x-transition:leave="transition ease-in duration-250" 4943 x-transition:leave-start="transform translate-y-0" 4944 x-transition:leave-end="transform translate-y-full" 4945 x-cloak 4946 class="cc-banner" 4947 id="cookieConsentBanner" 4948 role="dialog" 4949 aria-label="Thông báo vá» Cookie"> 4950 <div class="cc-backdrop"> 4951 <div class="cc-inner"> 4952 <p class="cc-text"> 4953 <i class="fa-solid fa-cookie-bite cc-icon" aria-hidden="true"></i> 4954 <strong>Chúng tôi sá» dụng Cookie</strong> Äá» cải thiá»n trải nghiá»m và hiá»n thá» quảng cáo phù hợp. 4955 Bằng cách tiếp tục sá» dụng website, bạn Äá»ng ý vá»i 4956 <a href="https://xemketqua.net/chinh-sach-bao-mat">ChÃnh sách bảo máºt</a> 4957 và cách <a href="https://www.google.com/policies/privacy/partners/" target="_blank" rel="nofollow">Google sá» dụng dữ liá»u</a> cá»§a chúng tôi. 4958 </p> 4959 <div class="cc-actions"> 4960 <button class="cc-btn cc-btn-reject" @click="reject()" type="button">Từ chá»i</button> 4961 <button class="cc-btn cc-btn-accept" @click="accept()" type="button">Äá»ng ý tất cả</button> 4962 </div> 4963 </div> 4964 </div> 4965</div> 4966 4967 <!-- === PRINT LIABILITY WARNING === --> 4968 <style> 4969 .print-liability-warning { display: none; } 4970 @media print { 4971 .print-liability-warning { 4972 display: block !important; 4973 border: 2px dashed var(--clr-module-prize-text); 4974 background-color: var(--clr-alert-warning-bg, #fee2e2); 4975 color: var(--clr-alert-warning-text, #991b1b); 4976 padding: 15px; 4977 margin-top: 20px; 4978 font-weight: bold; 4979 text-align: center; 4980 font-size: 14px; 4981 page-break-inside: avoid; 4982 } 4983 } 4984 </style> 4985 <div class="print-liability-warning"> 4986 <strong>â ï¸ CẢNH BÃO TỪ XEMKETQUA.NET:</strong><br/> 4987 Bảng kết quả xá» sá» in từ website chá» mang tÃnh chất tham khảo. Äá» nghá» Äại lý và ngưá»i bán vé sá» dạo Äá»i chiếu lại vá»i kết quả chÃnh thức từ Công ty XSKT phát hà nh trưá»c khi trả thưá»ng Äá» tránh rá»§i ro hiá»n thá» sai lá»ch do lá»i kỹ thuáºt. XEMKETQUA.NET ÄÆ°á»£c miá» n trừ trách nhiá»m pháp lý Äá»i vá»i các sai sót phát sinh từ bảng in nà y. 4988 </div> 4989 4990 <!-- === INSTANT.PAGE (Tải trưá»c trang khi rê chuá»t giúp chuyá»n trang tức thì) === --> 4991
4991<script src="https://xemketqua.net/assets/js/instantpage.js?v=1781359639" type="552de0b68c60c9fc5da11272-module" defer crossorigin></script>
4991 4992 4993 <!-- Script há» trợ hiá»n thá» Tooltip và Cảnh báo loto gan trên thiết bá» di Äá»ng --> 4994
4994<script type="552de0b68c60c9fc5da11272-text/javascript"> 4995 (function() { 4996 // 1. Chạm và o chấm cam (gan-warning-dot) hiá»n thá» Tooltip mà không cuá»n trang 4997 document.addEventListener('touchstart', function(e) { 4998 var warningDot = e.target.closest('.gan-warning-dot'); 4999 if (warningDot) { 5000 // NgÄn cản cuá»n trang và click bong bóng và o ô td cha 5001 e.preventDefault(); 5002 e.stopPropagation(); 5003 5004 var td = warningDot.closest('td[data-pair-key]'); 5005 if (td && typeof showTooltip === 'function') { 5006 // Giả láºp chế Äá» hover:hover cho hà m showTooltip 5007 var originalMatchMedia = window.matchMedia; 5008 window.matchMedia = function(query) { 5009 if (query === '(hover: hover)') return { matches: true }; 5010 return originalMatchMedia(query); 5011 }; 5012 5013 showTooltip(td, td.getAttribute('data-pair-key')); 5014 5015 window.matchMedia = originalMatchMedia; // khôi phục hà m gá»c 5016 } 5017 } else { 5018 // Äóng tooltip khi chạm ra ngoà i 5019 var tooltip = document.getElementById('cellTooltip'); 5020 if (tooltip && !e.target.closest('td[data-pair-key]')) { 5021 tooltip.classList.add('hidden'); 5022 } 5023 } 5024 }, { passive: false }); 5025 5026 // Tá»± Äá»ng Äóng tooltip khi cuá»n trang 5027 window.addEventListener('scroll', function() { 5028 var tooltip = document.getElementById('cellTooltip'); 5029 if (tooltip) tooltip.classList.add('hidden'); 5030 }, { passive: true }); 5031 5032 // 2. PHÆ¯Æ NG ÃN Tá»T NHẤT CHO DI Äá»NG: Hiá»n thá» badge cảnh báo Loto Gan trá»±c quan 5033 // ngay cạnh ô hiá»n thá» Cặp sá» ÄÆ°á»£c chá»n khi click/tap và o ô 5034 document.addEventListener('click', function(e) { 5035 var td = e.target.closest('td[data-pair-key]'); 5036 if (td) { 5037 var pairKey = td.getAttribute('data-pair-key'); 5038 setTimeout(function() { 5039 var pairDisplay = document.getElementById('selectedPairDisplay'); 5040 if (pairDisplay) { 5041 // Xóa badge cÅ© nếu có 5042 var existingBadge = document.getElementById('selectedPairGanBadge'); 5043 if (existingBadge) { 5044 existingBadge.remove(); 5045 } 5046 5047 // Kiá»m tra xem cặp sá» nà y có phải là loto gan không 5048 if (window.lotoGanMap && window.lotoGanMap[pairKey] !== undefined) { 5049 var ganDays = window.lotoGanMap[pairKey]; 5050 if (ganDays >= window.lotoGanThreshold) { 5051 // Tạo badge cảnh báo ná»i báºt 5052 var badge = document.createElement('span'); 5053 badge.id = 'selectedPairGanBadge'; 5054 badge.className = 'inline-flex items-center gap-1 bg-amber-100 text-amber-800 dark:bg-amber-950 dark:text-amber-300 text-xs font-bold px-2.5 py-0.5 rounded-full border border-amber-300 ml-2 animate-pulse'; 5055 badge.innerHTML = 'â ï¸ Loto Gan: ' + ganDays + ' ' + (window.lotoGanUnit || 'ngà y'); 5056 5057 pairDisplay.parentNode.insertBefore(badge, pairDisplay.nextSibling); 5058 } 5059 } 5060 } 5061 }, 50); 5062 } 5063 }); 5064 })(); 5065 </script>
5065 5066
5066<script type="552de0b68c60c9fc5da11272-text/javascript"> 5067 // Share menu helpers 5068 function toggleShareMenu(region) { 5069 var menu = document.getElementById('shareMenu_' + region); 5070 var wrap = document.getElementById('shareWrap_' + region); 5071 if (menu && wrap) { 5072 if (menu.classList.contains('hidden')) { 5073 // Move to body if not already there (Portal pattern) 5074 if (menu.parentNode !== document.body) { 5075 document.body.appendChild(menu); 5076 } 5077 menu.classList.remove('hidden'); 5078 5079 // Calculate position relative to the button 5080 var rect = wrap.getBoundingClientRect(); 5081 menu.style.position = 'absolute'; 5082 // Place it right below the button (+ 4px gap) 5083 menu.style.top = (window.scrollY + rect.bottom + 4) + 'px'; 5084 5085 // Align right edge of menu to right edge of button 5086 var menuWidth = menu.offsetWidth; 5087 menu.style.left = (window.scrollX + rect.right - menuWidth) + 'px'; 5088 menu.style.zIndex = '999999'; 5089 } else { 5090 menu.classList.add('hidden'); 5091 } 5092 } 5093 } 5094 5095 function copyShareLink(url, region) { 5096 navigator.clipboard.writeText(url).then(function() { 5097 var label = document.getElementById('copyLabel_' + region); 5098 if (label) { label.textContent = 'Äã sao chép â'; setTimeout(function(){ label.textContent = 'Sao chép link'; }, 2000); } 5099 }); 5100 } 5101 5102 // Close share menus when clicking outside 5103 document.addEventListener('click', function(e) { 5104 document.querySelectorAll('[id^="shareMenu_"]').forEach(function(m) { 5105 var regionId = m.id.replace('shareMenu_', ''); 5106 var wrap = document.getElementById('shareWrap_' + regionId); 5107 5108 // If the menu is open, and click is NOT inside the menu, and click is NOT inside the button wrapper 5109 if (!m.classList.contains('hidden')) { 5110 var clickedInsideMenu = m.contains(e.target); 5111 var clickedInsideWrap = wrap && wrap.contains(e.target); 5112 5113 if (!clickedInsideMenu && !clickedInsideWrap) { 5114 m.classList.add('hidden'); 5115 } 5116 } 5117 }); 5118 }); 5119 5120 // Close share menus on scroll or resize to prevent floating misalignments 5121 window.addEventListener('scroll', function() { 5122 document.querySelectorAll('[id^="shareMenu_"]').forEach(function(m) { 5123 if (!m.classList.contains('hidden')) m.classList.add('hidden'); 5124 }); 5125 }, { passive: true }); 5126 5127 window.addEventListener('resize', function() { 5128 document.querySelectorAll('[id^="shareMenu_"]').forEach(function(m) { 5129 if (!m.classList.contains('hidden')) m.classList.add('hidden'); 5130 }); 5131 }, { passive: true }); 5132 5133 // Screenshot capture 5134 function captureResult(region) { 5135 var label = document.getElementById('captureLabel_' + region); 5136 if (label) label.textContent = 'Äang chụp...'; 5137 5138 // Find capture area (fallback to document.body if no specific area defined) 5139 var el = document.getElementById('captureArea_' + region) || document.getElementById('captureArea') || document.body; 5140 if (!el) return; 5141 5142 // Close share menu before capturing 5143 var menu = document.getElementById('shareMenu_' + region); 5144 if (menu) menu.classList.add('hidden'); 5145 5146 if (typeof html2canvas === 'undefined') { 5147 // Lazy load html2canvas 5148 var s = document.createElement('script'); 5149 s.src = 'https://cdn.jsdelivr.net/npm/[email protected]/dist/html2canvas.min.js'; 5150 s.onload = function() { doCapture(el, region); }; 5151 document.head.appendChild(s); 5152 } else { 5153 doCapture(el, region); 5154 } 5155 } 5156 5157 function doCapture(el, region) { 5158 html2canvas(el, { 5159 scale: 2, 5160 backgroundColor: 'var(--clr-surface, #ffffff)', 5161 useCORS: true, 5162 logging: false, 5163 windowWidth: el.scrollWidth 5164 }).then(function(canvas) { 5165 var link = document.createElement('a'); 5166 link.download = 'Screenshot_' + region + '_' + new Date().toISOString().slice(0,10) + '.png'; 5167 link.href = canvas.toDataURL('image/png'); 5168 link.click(); 5169 var label = document.getElementById('captureLabel_' + region); 5170 if (label) { label.textContent = 'Äã tải ảnh â'; setTimeout(function(){ label.textContent = 'Chụp ảnh kết quả'; }, 2000); } 5171 }).catch(function(err) { 5172 console.error('Error capturing image: ', err); 5173 var label = document.getElementById('captureLabel_' + region); 5174 if (label) { label.textContent = 'Lá»i chụp ảnh'; setTimeout(function(){ label.textContent = 'Chụp ảnh kết quả'; }, 2000); } 5175 }); 5176 } 5177</script>
5177 5178<foreignObject>
vendor: 142 bytes, line 5178
5178<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="552de0b68c60c9fc5da11272-|49" defer></script>
5178</foreignObject>
5178<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":"ce0b52143b5246d8acec0139d4e29eee","r":1,"spa":2}' crossorigin="anonymous"></script>
5178 5179</body> 5180 5181</html>
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.