PageSourceSearch

https://xemketqua.net/loto-gan

html xemketqua.net collected 2026-10-10 00:12:29 UTC 440,241 bytes, 5,181 lines download raw bytes

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&amp;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&amp;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 (&gt;=):</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 &ge; 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, '&amp;')
2881                                  .replace(/</g, '&lt;')
2882                                  .replace(/>/g, '&gt;')
2883                                  .replace(/"/g, '&quot;')
2884                                  .replace(/'/g, '&#039;');
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 &#039;Chim mòng biển&#039;"
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 &#039;Chim mòng biển&#039;                            </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 &quot;Dự đoán Vietlott&quot; 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 &quot;Dự đoán Vietlott&quot; 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                &middot; <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">&copy; 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 &nbsp;|&nbsp; 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.