PageSourceSearch

https://vnjw88.com/index.html

html vnjw88.com collected 2026-10-07 21:52:05 UTC 279,890 bytes, 3,624 lines download raw bytes

1<!DOCTYPE html><html lang="vi"><head>
2    <meta charset="UTF-8">
3    <meta http-equiv="X-UA-Compatible" content="IE=edge">
4    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
5    <title>VNJW88 - PLATAFORMA OFICIAL - VNJW88.COM</title>
6    <meta name="description" content="Tham gia JW88 để trải nghiệm casino trực tuyến đỉnh cao. Đa dạng trò chơi, cơ hội thắng lớn và hệ thống bảo mật tuyệt đối. Đăng ký VNJW88 ngay hôm nay!">
7    <meta name="keywords" content="jw88, jw88 com, game jw88, jw88 casino, nhà cái jw88, casino trực tuyến, đánh bài online, game đổi thưởng, slot game, cá cược trực tuyến">
8    <meta name="author" content="VNJW88">
9    <meta http-equiv="content-language" content="vi">
10    <meta name="geo.region" content="vi">
11    <meta name="geo.country" content="VN">
12    <meta name="geo.placename" content="Ho Chi Minh City">
13    <meta property="og:title" content="VNJW88 - PLATAFORMA OFICIAL - VNJW88.COM">
14    <meta property="og:description" content="Tham gia JW88 để trải nghiệm casino trực tuyến đỉnh cao. Đa dạng trò chơi, cơ hội thắng lớn và hệ thống bảo mật tuyệt đối. Đăng ký VNJW88 ngay hôm nay!">
15    <meta property="og:type" content="website">
16    <meta property="og:url" content="https://vnjw88.com/">
17    <meta property="og:locale" content="vi_VN">
18    <link rel="alternate" hreflang="vi" href="https://vnjw88.com/">
19    <link rel="alternate" hreflang="x-default" href="https://vnjw88.com/">
20    <link rel="canonical" href="https://vnjw88.com/">
21    <meta name="twitter:card" content="summary_large_image">
22    <meta name="twitter:title" content="VNJW88 - PLATAFORMA OFICIAL - VNJW88.COM">
23    <meta name="twitter:description" content="Tham gia JW88 để trải nghiệm casino trực tuyến đỉnh cao. Đa dạng trò chơi, cơ hội thắng lớn và hệ thống bảo mật tuyệt đối. Đăng ký VNJW88 ngay hôm nay!">
24    <link rel="icon" href="static/images/ico.png" type="image/x-icon">
25    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
26    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet">
27    <style>
28  :root {
29    --theme-color: #10b981;
30    --bg-color: #052e2b;
31    --surface-color: #064e3b;
32    --text-color: #ecfdf5;
33    --text-secondary: #6ee7b7;
34    --border-color: #047857;
35    --button-text-color: #ffffff;
36  }
37  .theme-text { color: var(--theme-color); }
38  .theme-bg { background-color: var(--theme-color); }
39  .theme-border { border-color: var(--theme-color); }
40</style>
41    
41<script type="application/ld+json">
42{
43  "@context": "https://schema.org",
44  "@graph": [
45    {
46      "@context": "https://schema.org",
47      "@type": "Organization",
48      "name": "vnjw88",
49      "url": "vnjw88.com",
50      "logo": "static/images/logo.png",
51      "description": "Tham gia JW88 để trải nghiệm casino trực tuyến đỉnh cao. Đa dạng trò chơi, cơ hội thắng lớn và hệ thống bảo mật tuyệt đối. Đăng ký VNJW88 ngay hôm nay!"
52    },
53    {
54      "@context": "https://schema.org",
55      "@type": "WebPage",
56      "name": "VNJW88 - PLATAFORMA OFICIAL - VNJW88.COM",
57      "description": "Tham gia JW88 để trải nghiệm casino trực tuyến đỉnh cao. Đa dạng trò chơi, cơ hội thắng lớn và hệ thống bảo mật tuyệt đối. Đăng ký VNJW88 ngay hôm nay!",
58      "url": "vnjw88.com",
59      "inLanguage": "vi",
60      "isPartOf": {
61        "@type": "WebSite",
62        "name": "vnjw88",
63        "url": "vnjw88.com"
64      }
65    },
66    {
67      "@context": "https://schema.org",
68      "@type": "SoftwareApplication",
69      "name": "vnjw88 Mobile App",
70      "description": "Tham gia JW88 để trải nghiệm casino trực tuyến đỉnh cao. Đa dạng trò chơi, cơ hội thắng lớn và hệ thống bảo mật tuyệt đối. Đăng ký VNJW88 ngay hôm nay!",
71      "operatingSystem": "Android, iOS",
72      "applicationCategory": "GameApplication",
73      "image": "static/images/logo.png",
74      "downloadUrl": "vnjw88.com/download-app.html",
75      "offers": {
76        "@type": "Offer",
77        "price": "0",
78        "priceCurrency": "VND"
79      },
80      "aggregateRating": {
81        "@type": "AggregateRating",
82        "ratingValue": "4.9",
83        "ratingCount": "742",
84        "bestRating": "5",
85        "worstRating": "1"
86      }
87    }
88  ]
89}
90</script>
90
91  
91<script src="https://cdn.tailwindcss.com?plugins=typography,forms,aspect-ratio,line-clamp"></script>
91
92  <link rel="shortcut icon" href="static/images/ico.png" type="image/x-icon">
93  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css">
94</head>
95<body class="bg-[#052e2b] text-[#ecfdf5] min-h-screen overflow-x-hidden antialiased selection:bg-[#10b981] selection:text-white flex flex-col">
96    <div class="fixed inset-0 z-0 bg-gradient-to-b from-[#052e2b] via-[#064e3b] to-[#052e2b] pointer-events-none"></div>
97    <div class="fixed top-0 left-1/2 -translate-x-1/2 w-full max-w-[540px] h-[500px] bg-[radial-gradient(circle_at_center,#10b98130,transparent_70%)] blur-[80px] opacity-40 pointer-events-none"></div>
98    <div class="fixed bottom-0 right-0 w-[300px] h-[300px] bg-[#10b981]/10 rounded-full blur-[100px] pointer-events-none"></div>
99    <div class="fixed inset-0 z-0 opacity-[0.05] pointer-events-none bg-[linear-gradient(rgba(255,255,255,0.05)_1px,transparent_1px),linear-gradient(90deg,rgba(255,255,255,0.05)_1px,transparent_1px)] bg-[size:20px_20px]"></div>
100    <main id="app" class="relative z-10 w-full max-w-[540px] mx-auto min-h-screen bg-[#052e2b]/95 shadow-[0_0_50px_rgba(0,0,0,0.5)] border-x border-[#047857]/20 flex flex-col">
101        <div class="absolute top-0 left-0 right-0 h-[1px] bg-gradient-to-r from-transparent via-[#10b981] to-transparent opacity-50"></div>
102        <header class="sticky top-0 w-full z-50 h-9 bg-[#10b981] border-b border-[#047857] shadow-sm flex items-center justify-between px-3">
103    <div class="flex items-center gap-2 overflow-hidden">
104        <h1 class="text-[#ecfdf5] font-bold text-sm truncate" title="vnjw88.com">
105            vnjw88.com
106        </h1>
107        <p class="hidden sm:block text-[#6ee7b7] text-xs truncate opacity-90" title="Đỉnh Cao Giải Trí 🎰">
108            Đỉnh Cao Giải Trí 🎰
109        </p>
110    </div>
111    <div class="flex items-center gap-3">
112        <button onclick="showLanguagePanel()" aria-label="Switch Language" class="p-1 rounded-full hover:bg-[#064e3b] transition-colors duration-200 text-[#ecfdf5]" title="Change language settings">
113            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
114                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129"></path>
115            </svg>
116        </button>
117        <a href="countries.html" data-link-fixed="true" class="text-[#ecfdf5] text-xs font-medium hover:text-[#6ee7b7] transition-colors duration-200" title="View available regions for vnjw88.com">
118            Ngôn Ngữ 🌐
119        </a>
120    </div>
121</header>
122<header class="sticky top-9 z-40 w-full bg-[#10b981]/95 backdrop-blur-md border-b border-[#047857] px-3 py-2.5 shadow-sm">
123    <nav class="flex items-center justify-between max-w-7xl mx-auto w-full">
124        <div class="flex-shrink-0">
125            <a href="index.html" class="flex items-center transition-transform active:scale-95" title="Go to vnjw88.com home">
126                <img src="static/images/logo.png" alt="vnjw88.com Logo" class="h-8 md:h-10 w-auto object-contain">
127            </a>
128        </div>
129        <div class="flex items-center gap-2 md:gap-3">
130            <button onclick="downloadApp()" class="px-3 py-1.5 text-sm font-medium text-[#ecfdf5] border border-[#6ee7b7]/40 rounded-lg hover:bg-[#064e3b] transition-colors duration-200" title="Log in to vnjw88.com">
131                Đăng nhập
132            </button>
133            <button onclick="downloadApp()" class="px-3 py-1.5 text-sm font-bold text-[#052e2b] bg-[#ecfdf5] rounded-lg shadow-sm hover:bg-[#d1fae5] transition-colors duration-200 active:scale-95" title="Create an account on vnjw88.com">
134                Đăng ký
135            </button>
136        </div>
137    </nav>
138</header>
139<div class="w-full max-w-full overflow-hidden px-3 md:px-0">
140    <div class="swiper banner-swiper w-full relative overflow-hidden rounded-xl shadow-lg aspect-[2/1] bg-[#052e2b]">
141        <div class="swiper-wrapper">
142            <div class="swiper-slide relative w-full h-full">
143                <a href="javascript:downloadApp();" title="Explore Khám Phá Thế Giới JW88" class="block w-full h-full">
144                    <img src="static/images/ca4434907b45f869fd3082a741367df48670e899.png" alt="Khám Phá Thế Giới JW88 banner" loading="lazy" class="w-full h-full object-cover block">
145                    <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-[#052e2b] via-[#052e2b]/60 to-transparent">
146                        <div class="flex items-center gap-2">
147                            <span class="text-[#10b981] text-xs font-bold uppercase tracking-wider px-2 py-0.5 rounded bg-[#064e3b] border border-[#047857] text-[#ecfdf5]">
148                                Khám Phá Thế Giới JW88
149                            </span>
150                        </div>
151                    </div>
152                </a>
153            </div>
154            <div class="swiper-slide relative w-full h-full">
155                <a href="javascript:downloadApp();" title="Explore Thắng Lớn Cùng JW88 Casino" class="block w-full h-full">
156                    <img src="static/images/da62090ac002337fa157343383553a034225dbbd.png" alt="Thắng Lớn Cùng JW88 Casino banner" loading="lazy" class="w-full h-full object-cover block">
157                    <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-[#052e2b] via-[#052e2b]/60 to-transparent">
158                        <div class="flex items-center gap-2">
159                            <span class="text-[#10b981] text-xs font-bold uppercase tracking-wider px-2 py-0.5 rounded bg-[#064e3b] border border-[#047857] text-[#ecfdf5]">
160                                Thắng Lớn Cùng JW88 Casino
161                            </span>
162                        </div>
163                    </div>
164                </a>
165            </div>
166            <div class="swiper-slide relative w-full h-full">
167                <a href="javascript:downloadApp();" title="Explore Ưu Đãi Độc Quyền Hôm Nay" class="block w-full h-full">
168                    <img src="static/images/d2533a76edd21da1dcb27dffa38d5bd7d426b8bb.webp" alt="Ưu Đãi Độc Quyền Hôm Nay banner" loading="lazy" class="w-full h-full object-cover block">
169                    <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-[#052e2b] via-[#052e2b]/60 to-transparent">
170                        <div class="flex items-center gap-2">
171                            <span class="text-[#10b981] text-xs font-bold uppercase tracking-wider px-2 py-0.5 rounded bg-[#064e3b] border border-[#047857] text-[#ecfdf5]">
172                                Ưu Đãi Độc Quyền Hôm Nay
173                            </span>
174                        </div>
175                    </div>
176                </a>
177            </div>
178            <div class="swiper-slide relative w-full h-full">
179                <a href="javascript:downloadApp();" title="Explore Trải Nghiệm Game Đẳng Cấp" class="block w-full h-full">
180                    <img src="static/images/b2d6f8ea82d4bea03d9debf8cff0e5a4750cc4d8.png" alt="Trải Nghiệm Game Đẳng Cấp banner" loading="lazy" class="w-full h-full object-cover block">
181                    <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-[#052e2b] via-[#052e2b]/60 to-transparent">
182                        <div class="flex items-center gap-2">
183                            <span class="text-[#10b981] text-xs font-bold uppercase tracking-wider px-2 py-0.5 rounded bg-[#064e3b] border border-[#047857] text-[#ecfdf5]">
184                                Trải Nghiệm Game Đẳng Cấp
185                            </span>
186                        </div>
187                    </div>
188                </a>
189            </div>
190            <div class="swiper-slide relative w-full h-full">
191                <a href="javascript:downloadApp();" title="Explore Nạp Tiền Nhanh Nhận Thưởng" class="block w-full h-full">
192                    <img src="static/images/947c548f6f72633000434bce794725c24dfacddd.webp" alt="Nạp Tiền Nhanh Nhận Thưởng banner" loading="lazy" class="w-full h-full object-cover block">
193                    <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-[#052e2b] via-[#052e2b]/60 to-transparent">
194                        <div class="flex items-center gap-2">
195                            <span class="text-[#10b981] text-xs font-bold uppercase tracking-wider px-2 py-0.5 rounded bg-[#064e3b] border border-[#047857] text-[#ecfdf5]">
196                                Nạp Tiền Nhanh Nhận Thưởng
197                            </span>
198                        </div>
199                    </div>
200                </a>
201            </div>
202        </div>
203        <div class="swiper-pagination"></div>
204    </div>
205</div>
206<script>
207    (function() {
208        const initBanner = () => {
209            if (typeof Swiper !== 'undefined') {
210                new Swiper('.banner-swiper', {
211                    autoplay: {
212                        delay: 3000,
213                        disableOnInteraction: false,
214                    },
215                    loop: true,
216                    effect: 'slide',
217                    pagination: {
218                        el: '.swiper-pagination',
219                        clickable: true,
220                    },
221                });
222            } else {
223                // Retry initialization if Swiper script is still loading
224                setTimeout(initBanner, 100);
225            }
226        };
227        window.addEventListener('DOMContentLoaded', initBanner);
228        // Backup call in case DOMContentLoaded already fired
229        if (document.readyState === 'complete' || document.readyState === 'interactive') {
230            initBanner();
231        }
232    })();
233</script>
233
234<div id="notify-data" class="hidden" aria-hidden="true">
235    <div>Nguye** vừa rút 5,000,000 VND</div>
236    <div>Tran** thắng lớn 1,200,000 VND</div>
237    <div>Le** nhận thưởng 200,000 VND</div>
238    <div>Pham** nạp tiền 1,000,000 VND</div>
239    <div>Hoang** vừa rút 800,000 VND</div>
240    <div>Vu** thắng hũ 15,000,000 VND</div>
241    <div>Dang** nhận bonus 500,000 VND</div>
242    <div>Do** vừa rút 2,500,000 VND</div>
243    <div>Bui** thắng lớn 3,000,000 VND</div>
244    <div>ngo** nạp tiền 2,000,000 VND</div>
245    <div>Ly** vừa rút 1,100,000 VND</div>
246    <div>Trinh** thắng hũ 7,000,000 VND</div>
247    <div>Doan** nhận thưởng 100,000 VND</div>
248    <div>Nguyen** vừa rút 10,000,000 VND</div>
249    <div>Pham** thắng lớn 4,500,000 VND</div>
250    <div>Hoang** nạp tiền 500,000 VND</div>
251    <div>Vu** nhận bonus 300,000 VND</div>
252    <div>Le** vừa rút 600,000 VND</div>
253    <div>Tran** thắng hũ 2,000,000 VND</div>
254    <div>Dang** thắng lớn 8,000,000 VND</div>
255    <div>Bui** nạp tiền 3,000,000 VND</div>
256    <div>ngo** vừa rút 400,000 VND</div>
257    <div>Ly** nhận thưởng 150,000 VND</div>
258    <div>Doan** thắng lớn 1,000,000 VND</div>
259    <div>Nguyen** vừa rút 12,000,000 VND</div>
260    <div>Pham** thắng hũ 5,000,000 VND</div>
261    <div>Hoang** nạp tiền 1,500,000 VND</div>
262    <div>Vu** vừa rút 2,200,000 VND</div>
263    <div>Le** nhận bonus 200,000 VND</div>
264    <div>Tran** thắng lớn 6,000,000 VND</div>
265    <div>Dang** vừa rút 1,800,000 VND</div>
266    <div>Bui** nạp tiền 4,000,000 VND</div>
267    <div>ngo** thắng hũ 10,000,000 VND</div>
268    <div>Ly** nhận thưởng 50,000 VND</div>
269    <div>Doan** vừa rút 3,000,000 VND</div>
270    <div>Nguyen** thắng lớn 2,500,000 VND</div>
271    <div>Pham** nạp tiền 800,000 VND</div>
272    <div>Hoang** vừa rút 900,000 VND</div>
273    <div>Vu** thắng hũ 1,200,000 VND</div>
274    <div>Le** nhận bonus 1,000,000 VND</div>
275    <div>Tran** thắng lớn 7,000,000 VND</div>
276    <div>Dang** nạp tiền 2,500,000 VND</div>
277    <div>Bui** vừa rút 500,000 VND</div>
278    <div>ngo** thắng hũ 3,500,000 VND</div>
279    <div>Ly** nhận thưởng 300,000 VND</div>
280    <div>Doan** vừa rút 4,000,000 VND</div>
281    <div>Nguyen** thắng lớn 11,000,000 VND</div>
282    <div>Pham** nạp tiền 1,200,000 VND</div>
283    <div>Hoang** vừa rút 200,000 VND</div>
284    <div>Vu** thắng lớn 5,500,000 VND</div>
285</div>
286<div class="w-full max-w-[100vw] overflow-hidden relative block py-6 px-4 rounded-2xl shadow-lg bg-gradient-to-br from-[#10b981]/10 to-[#10b981]/30 backdrop-blur-sm">
287  <div class="absolute inset-0 opacity-10 pointer-events-none">
288    <div class="w-full h-full flex items-center justify-center text-2xl">🎰 🃏 🎲 💰 🏆</div>
289  </div>
290  <div class="relative flex flex-col items-center justify-center text-center">
291    <div id="jackpot-value" class="text-4xl font-black text-[#10b981] drop-shadow-lg tracking-wider">1,288,888,888</div>
292    <div class="text-lg font-semibold text-[#ecfdf5]/90 mb-1">HÅ© Jackpot Khá»§ng</div>
293    <div class="h-1 w-24 mx-auto bg-[#ecfdf5]/20 my-2 rounded"></div>
294    <div class="text-xl font-bold text-[#ecfdf5]/90 mt-1">VND</div>
295  </div>
296</div>
297<section class="py-12 px-4 md:py-20 md:px-8 bg-[#052e2b] overflow-hidden">
298    <div class="max-w-6xl mx-auto">
299        <header class="text-center mb-10 md:mb-16">
300            <h2 class="text-2xl md:text-4xl font-bold text-[#ecfdf5] leading-tight mb-4" title="Trải Nghiệm Đẳng Cấp Tại vnjw88.com">
301                Trải Nghiệm Đẳng Cấp Tại vnjw88.com
302            </h2>
303            <p class="text-sm md:text-base text-[#6ee7b7] max-w-2xl mx-auto leading-relaxed opacity-90" title="vnjw88 là nền tảng giải trí trực tuyến uy tín hàng đầu, cung cấp hệ thống bảo mật tuyệt đối, tỷ lệ thắng cao và dịch vụ chăm sóc khách hàng VIP chuyên nghiệp phục vụ 24/7 cho mọi người chơi.">
304                vnjw88 là nền tảng giải trí trực tuyến uy tín hàng đầu, cung cấp hệ thống bảo mật tuyệt đối, tỷ lệ thắng cao và dịch vụ chăm sóc khách hàng VIP chuyên nghiệp phục vụ 24/7 cho mọi người chơi.
305            </p>
306        </header>
307        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 md:gap-6 mb-16">
308            <article class="group relative p-5 rounded-2xl bg-[#064e3b] border border-[#047857] transition-all duration-300 hover:border-[#10b981] hover:translate-y-[-2px]" title="Bảo Mật Tuyệt Đối">
309                <div class="flex items-center gap-3 mb-3">
310                    <div class="flex-shrink-0 w-10 h-10 rounded-lg bg-[#052e2b] flex items-center justify-center text-xl border border-[#047857]">
311                        🛡️
312                    </div>
313                    <h3 class="text-lg font-semibold text-[#ecfdf5] group-hover:text-[#10b981] transition-colors">
314                        Bảo Mật Tuyệt Đối
315                    </h3>
316                </div>
317                <p class="text-sm text-[#6ee7b7] leading-relaxed pl-13" title="Hệ thống mã hóa dữ liệu tiên tiến đảm bảo an toàn thông tin cá nhân và mọi giao dịch tài chính của người dùng.">
318                    Hệ thống mã hóa dữ liệu tiên tiến đảm bảo an toàn thông tin cá nhân và mọi giao dịch tài chính của người dùng.
319                </p>
320            </article>
321            <article class="group relative p-5 rounded-2xl bg-[#064e3b] border border-[#047857] transition-all duration-300 hover:border-[#10b981] hover:translate-y-[-2px]" title="Nạp Rút Siêu Tốc">
322                <div class="flex items-center gap-3 mb-3">
323                    <div class="flex-shrink-0 w-10 h-10 rounded-lg bg-[#052e2b] flex items-center justify-center text-xl border border-[#047857]">
324                        ⚡
325                    </div>
326                    <h3 class="text-lg font-semibold text-[#ecfdf5] group-hover:text-[#10b981] transition-colors">
327                        Nạp Rút Siêu Tốc
328                    </h3>
329                </div>
330                <p class="text-sm text-[#6ee7b7] leading-relaxed pl-13" title="Xử lý giao dịch tự động qua nhiều kênh thanh toán hiện đại, giúp bạn nhận thưởng nhanh chóng chỉ trong vài phút.">
331                    Xử lý giao dịch tự động qua nhiều kênh thanh toán hiện đại, giúp bạn nhận thưởng nhanh chóng chỉ trong vài phút.
332                </p>
333            </article>
334            <article class="group relative p-5 rounded-2xl bg-[#064e3b] border border-[#047857] transition-all duration-300 hover:border-[#10b981] hover:translate-y-[-2px]" title="Kho Game Đa Dạng">
335                <div class="flex items-center gap-3 mb-3">
336                    <div class="flex-shrink-0 w-10 h-10 rounded-lg bg-[#052e2b] flex items-center justify-center text-xl border border-[#047857]">
337                        🎰
338                    </div>
339                    <h3 class="text-lg font-semibold text-[#ecfdf5] group-hover:text-[#10b981] transition-colors">
340                        Kho Game Đa Dạng
341                    </h3>
342                </div>
343                <p class="text-sm text-[#6ee7b7] leading-relaxed pl-13" title="Tổng hợp hàng ngàn trò chơi hấp dẫn từ casino đến nổ hũ với đồ họa sắc nét và tỷ lệ trả thưởng cạnh tranh.">
344                    Tổng hợp hàng ngàn trò chơi hấp dẫn từ casino đến nổ hũ với đồ họa sắc nét và tỷ lệ trả thưởng cạnh tranh.
345                </p>
346            </article>
347            <article class="group relative p-5 rounded-2xl bg-[#064e3b] border border-[#047857] transition-all duration-300 hover:border-[#10b981] hover:translate-y-[-2px]" title="Ưu Đãi Đặc Quyền">
348                <div class="flex items-center gap-3 mb-3">
349                    <div class="flex-shrink-0 w-10 h-10 rounded-lg bg-[#052e2b] flex items-center justify-center text-xl border border-[#047857]">
350                        💎
351                    </div>
352                    <h3 class="text-lg font-semibold text-[#ecfdf5] group-hover:text-[#10b981] transition-colors">
353                        Ưu Đãi Đặc Quyền
354                    </h3>
355                </div>
356                <p class="text-sm text-[#6ee7b7] leading-relaxed pl-13" title="Chương trình khuyến mãi hấp dẫn dành cho thành viên mới và các gói quà tặng giá trị cho khách hàng thân thiết.">
357                    Chương trình khuyến mãi hấp dẫn dành cho thành viên mới và các gói quà tặng giá trị cho khách hàng thân thiết.
358                </p>
359            </article>
360        </div>
361        <div class="relative p-8 md:p-12 rounded-3xl bg-gradient-to-br from-[#064e3b] to-[#052e2b] border border-[#047857] text-center max-w-4xl mx-auto">
362            <div class="relative z-10">
363                <h3 class="text-xl md:text-2xl font-bold text-[#ecfdf5] mb-2" title="Tham Gia vnjw88 Ngay Hôm Nay">
364                    Tham Gia vnjw88 Ngay Hôm Nay
365                </h3>
366                <p class="text-sm text-[#6ee7b7] mb-8 max-w-md mx-auto" title="Đăng ký tài khoản để nhận gói quà khởi nghiệp và khám phá thế giới giải trí đỉnh cao.">
367                    Đăng ký tài khoản để nhận gói quà khởi nghiệp và khám phá thế giới giải trí đỉnh cao.
368                </p>
369                <div class="flex flex-col sm:flex-row items-center justify-center gap-4">
370                    <button onclick="downloadApp()" class="w-full sm:w-auto px-8 py-4 rounded-xl bg-[#10b981] text-[#052e2b] font-bold text-sm md:text-base transition-transform active:scale-95 hover:brightness-110" title="Download vnjw88.com App">
371                        Tải Ứng Dụng
372                    </button>
373                    <button onclick="downloadApp()" class="w-full sm:w-auto px-8 py-4 rounded-xl border-2 border-[#10b981] text-[#10b981] font-bold text-sm md:text-base transition-all active:scale-95 hover:bg-[#10b981] hover:text-[#052e2b]" title="Login to vnjw88.com">
374                        Đăng Nhập Ngay
375                    </button>
376                </div>
377            </div>
378            <div class="absolute top-0 right-0 -translate-y-1/2 translate-x-1/4 w-32 h-32 bg-[#10b981] opacity-10 blur-3xl rounded-full"></div>
379            <div class="absolute bottom-0 left-0 translate-y-1/2 -translate-x-1/4 w-32 h-32 bg-[#10b981] opacity-10 blur-3xl rounded-full"></div>
380        </div>
381    </div>
382</section>
383<nav class="sticky top-[88px] z-30 w-full bg-[#064e3b]/95 backdrop-blur-md border-b border-[#047857] shadow-lg" title="vnjw88.com category navigation">
384    <div class="max-w-screen-xl mx-auto px-2 sm:px-4">
385        <div class="overflow-x-auto no-scrollbar snap-x snap-mandatory">
386            <ul id="category-tabs" class="flex items-center whitespace-nowrap py-3 space-x-1 md:space-x-3 overflow-x-auto scroll-smooth">
387                <li class="snap-start">
388                    <a href="#cat-slots" title="Browse all games in Nổ Hũ" class="flex items-center gap-2 px-4 py-2 rounded-full transition-all duration-300 ease-in-out text-[#ecfdf5] hover:text-[#10b981] border border-transparent hover:border-[#047857] bg-[#052e2b]/50 active:scale-95">
389                        <span class="text-lg" aria-hidden="true">
390                            🎰
391                        </span>
392                        <span class="text-sm font-medium tracking-wide">
393                            Nổ Hũ
394                        </span>
395                    </a>
396                </li>
397                <li class="snap-start">
398                    <a href="#cat-live-casino" title="Browse all games in Casino Trực Tuyến" class="flex items-center gap-2 px-4 py-2 rounded-full transition-all duration-300 ease-in-out text-[#ecfdf5] hover:text-[#10b981] border border-transparent hover:border-[#047857] bg-[#052e2b]/50 active:scale-95">
399                        <span class="text-lg" aria-hidden="true">
400                            🃏
401                        </span>
402                        <span class="text-sm font-medium tracking-wide">
403                            Casino Trực Tuyến
404                        </span>
405                    </a>
406                </li>
407                <li class="snap-start">
408                    <a href="#cat-sports" title="Browse all games in Thể Thao" class="flex items-center gap-2 px-4 py-2 rounded-full transition-all duration-300 ease-in-out text-[#ecfdf5] hover:text-[#10b981] border border-transparent hover:border-[#047857] bg-[#052e2b]/50 active:scale-95">
409                        <span class="text-lg" aria-hidden="true">
410                            ⚽
411                        </span>
412                        <span class="text-sm font-medium tracking-wide">
413                            Thể Thao
414                        </span>
415                    </a>
416                </li>
417                <li class="snap-start">
418                    <a href="#cat-fish-shooting" title="Browse all games in Bắn Cá" class="flex items-center gap-2 px-4 py-2 rounded-full transition-all duration-300 ease-in-out text-[#ecfdf5] hover:text-[#10b981] border border-transparent hover:border-[#047857] bg-[#052e2b]/50 active:scale-95">
419                        <span class="text-lg" aria-hidden="true">
420                            🐟
421                        </span>
422                        <span class="text-sm font-medium tracking-wide">
423                            Bắn Cá
424                        </span>
425                    </a>
426                </li>
427                <li class="snap-start">
428                    <a href="#cat-jackpot" title="Browse all games in Nổ Hũ Jackpot" class="flex items-center gap-2 px-4 py-2 rounded-full transition-all duration-300 ease-in-out text-[#ecfdf5] hover:text-[#10b981] border border-transparent hover:border-[#047857] bg-[#052e2b]/50 active:scale-95">
429                        <span class="text-lg" aria-hidden="true">
430                            💰
431                        </span>
432                        <span class="text-sm font-medium tracking-wide">
433                            Nổ Hũ Jackpot
434                        </span>
435                    </a>
436                </li>
437                <li class="snap-start">
438                    <a href="#cat-popular" title="Browse all games in Phổ Biến" class="flex items-center gap-2 px-4 py-2 rounded-full transition-all duration-300 ease-in-out text-[#ecfdf5] hover:text-[#10b981] border border-transparent hover:border-[#047857] bg-[#052e2b]/50 active:scale-95">
439                        <span class="text-lg" aria-hidden="true">
440                            🔥
441                        </span>
442                        <span class="text-sm font-medium tracking-wide">
443                            Phổ Biến
444                        </span>
445                    </a>
446                </li>
447            </ul>
448        </div>
449    </div>
450    <style>
451        .no-scrollbar::-webkit-scrollbar {
452            display: none;
453        }
454        .no-scrollbar {
455            -ms-overflow-style: none;
456            scrollbar-width: none;
457        }
458    </style>
459</nav><section id="vnjw88com_news" data-news-style="v3" class="py-6 px-3 bg-[#0f1117] text-white font-sans">
460    <div class="max-w-7xl mx-auto">
461        <!-- Header Area -->
462        <div class="flex items-center justify-between mb-5 gap-3 min-w-0">
463            <div class="flex items-center gap-2 min-w-0 flex-1">
464                <span class="flex-shrink-0 px-2 py-0.5 text-[10px] font-bold uppercase tracking-wider bg-yellow-500 text-black rounded-sm">New</span>
465                <h2 class="text-[clamp(1.1rem,4vw,1.4rem)] font-bold leading-tight break-words truncate-2-lines max-w-full">
466                    Game Recommendations
467                </h2>
468            </div>
469            <a href="/all-games" class="flex-shrink-0 text-xs font-medium text-gray-400 hover:text-yellow-500 transition-colors border border-gray-700 px-3 py-1.5 rounded-full">
470                View all
471            </a>
472        </div>
473
474        <!-- Games Grid -->
475        <div class="grid grid-cols-2 gap-3">
476            <a href="game-9-jalapenos.html" class="group relative aspect-[3/4] overflow-hidden rounded-xl bg-gray-900 transition-transform active:scale-95">
477                <!-- Image Layer -->
478                <img src="static/images/010ff1abaca73920.jpg" alt="9 Jalapenos" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" loading="lazy">
479                
480                <!-- Premium Gradient Overlay -->
481                <div class="absolute inset-0 bg-gradient-to-t from-black via-black/40 to-transparent opacity-90"></div>
482                
483                <!-- Content Area -->
484                <div class="absolute bottom-0 left-0 right-0 p-3">
485                    <div class="translate-y-1 group-hover:translate-y-0 transition-transform duration-300">
486                        <h3 class="text-sm md:text-base font-bold text-white leading-tight line-clamp-2 drop-shadow-md">
487                            9 Jalapenos
488                        </h3>
489                        <div class="mt-2 flex items-center gap-1">
490                            <span class="w-2 h-2 rounded-full bg-yellow-500 animate-pulse"></span>
491                            <span class="text-[10px] text-gray-300 font-medium uppercase">Play Now</span>
492                        </div>
493                    </div>
494                </div>
495
496                <!-- Corner Accent -->
497                <div class="absolute top-0 right-0 w-8 h-8 bg-yellow-500/20 backdrop-blur-sm rounded-bl-xl border-l border-b border-yellow-500/30"></div>
498            </a>
499            <a href="game-cuu-den-keu-baa-baa-5-guong-quay.html" class="group relative aspect-[3/4] overflow-hidden rounded-xl bg-gray-900 transition-transform active:scale-95">
500                <!-- Image Layer -->
501                <img src="static/images/19b97fb861b908ee.png" alt="Cừu đen kêu Baa baa- 5 Guồng quay" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" loading="lazy">
502                
503                <!-- Premium Gradient Overlay -->
504                <div class="absolute inset-0 bg-gradient-to-t from-black via-black/40 to-transparent opacity-90"></div>
505                
506                <!-- Content Area -->
507                <div class="absolute bottom-0 left-0 right-0 p-3">
508                    <div class="translate-y-1 group-hover:translate-y-0 transition-transform duration-300">
509                        <h3 class="text-sm md:text-base font-bold text-white leading-tight line-clamp-2 drop-shadow-md">
510                            Cừu đen kêu Baa baa- 5 Guồng quay
511                        </h3>
512                        <div class="mt-2 flex items-center gap-1">
513                            <span class="w-2 h-2 rounded-full bg-yellow-500 animate-pulse"></span>
514                            <span class="text-[10px] text-gray-300 font-medium uppercase">Play Now</span>
515                        </div>
516                    </div>
517                </div>
518
519                <!-- Corner Accent -->
520                <div class="absolute top-0 right-0 w-8 h-8 bg-yellow-500/20 backdrop-blur-sm rounded-bl-xl border-l border-b border-yellow-500/30"></div>
521            </a>
522        </div>
523    </div>
524
525    <style>
526        .truncate-2-lines {
527            display: -webkit-box;
528            -webkit-line-clamp: 2;
529            -webkit-box-orient: vertical;
530            overflow: hidden;
531        }
532    </style>
533</section>
534<section id="cat-slots" class="py-8 px-4 md:py-12 md:px-6 bg-[#052e2b]">
535    <div class="flex items-center gap-3 mb-6 md:mb-8">
536        <span class="text-2xl md:text-3xl">🎰</span>
537        <h2 class="text-xl md:text-2xl font-bold text-[#ecfdf5] tracking-tight">
538            Nổ Hũ
539        </h2>
540    </div>
541    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 md:gap-6">
542        <article class="group relative flex flex-col h-full">
543            <a href="ka-kho-bau-hai-vuong.html" title="Play KA Kho Báu Hải Vương now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
544                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
545                        <img src="static/images/ff8657bf511a4d631b89232cc9c3b06ececb814c.png" alt="KA Kho Báu Hải Vương thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
546                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
547                </div>
548                <div class="p-3 flex flex-col flex-grow">
549                    <div class="mb-3">
550                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="KA Kho Báu Hải Vương">
551                            KA Kho Báu Hải Vương
552                        </h3>
553                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
554                            KA Gaming
555                        </p>
556                    </div>
557                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
558                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
559                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
560                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">96.5%</span>
561                        </div>
562                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
563                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
564                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Trung bình</span>
565                        </div>
566                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
567                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
568                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">5000x</span>
569                        </div>
570                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
571                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
572                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">25</span>
573                        </div>
574                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
575                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
576                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">1.000 VND</span>
577                        </div>
578                    </div>
579                </div>
580            </a>
581        </article>
582        <article class="group relative flex flex-col h-full">
583            <a href="rocket-stars.html" title="Play Rocket Stars now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
584                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
585                        <img src="static/images/c030b5297963ec707828361031d973b8932c4032.png" alt="Rocket Stars thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
586                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
587                </div>
588                <div class="p-3 flex flex-col flex-grow">
589                    <div class="mb-3">
590                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Rocket Stars">
591                            Rocket Stars
592                        </h3>
593                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
594                            Pragmatic Play
595                        </p>
596                    </div>
597                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
598                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
599                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
600                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">97.2%</span>
601                        </div>
602                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
603                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
604                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Cao</span>
605                        </div>
606                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
607                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
608                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">10000x</span>
609                        </div>
610                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
611                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
612                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">1024</span>
613                        </div>
614                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
615                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
616                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">2.000 VND</span>
617                        </div>
618                    </div>
619                </div>
620            </a>
621        </article>
622        <article class="group relative flex flex-col h-full">
623            <a href="temple-of-dead.html" title="Play Temple of Dead now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
624                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
625                        <img src="static/images/7cf22200f54395375db2fb7e5603bf1ceb1885da.png" alt="Temple of Dead thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
626                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
627                </div>
628                <div class="p-3 flex flex-col flex-grow">
629                    <div class="mb-3">
630                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Temple of Dead">
631                            Temple of Dead
632                        </h3>
633                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
634                            Habanero
635                        </p>
636                    </div>
637                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
638                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
639                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
640                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">96.1%</span>
641                        </div>
642                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
643                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
644                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Cao</span>
645                        </div>
646                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
647                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
648                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">2500x</span>
649                        </div>
650                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
651                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
652                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">20</span>
653                        </div>
654                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
655                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
656                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">1.000 VND</span>
657                        </div>
658                    </div>
659                </div>
660            </a>
661        </article>
662        <article class="group relative flex flex-col h-full">
663            <a href="ygr-kim-cuong-10x-7.html" title="Play YGR Kim Cương 10X 7 now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
664                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
665                        <img src="static/images/f52f945a656bf0ed7b245676499ecaec09212f60.png" alt="YGR Kim Cương 10X 7 thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
666                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
667                </div>
668                <div class="p-3 flex flex-col flex-grow">
669                    <div class="mb-3">
670                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="YGR Kim Cương 10X 7">
671                            YGR Kim Cương 10X 7
672                        </h3>
673                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
674                            YGR
675                        </p>
676                    </div>
677                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
678                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
679                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
680                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">95.8%</span>
681                        </div>
682                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
683                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
684                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Trung bình</span>
685                        </div>
686                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
687                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
688                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">8000x</span>
689                        </div>
690                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
691                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
692                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">15</span>
693                        </div>
694                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
695                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
696                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">1.000 VND</span>
697                        </div>
698                    </div>
699                </div>
700            </a>
701        </article>
702        <article class="group relative flex flex-col h-full">
703            <a href="vuot-long-mon.html" title="Play Vượt Long Môn now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
704                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
705                        <img src="static/images/85f0879f5cbd390bf628b1745b3dab4f48eccde8.png" alt="Vượt Long Môn thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
706                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
707                </div>
708                <div class="p-3 flex flex-col flex-grow">
709                    <div class="mb-3">
710                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Vượt Long Môn">
711                            Vượt Long Môn
712                        </h3>
713                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
714                            Asia Gaming
715                        </p>
716                    </div>
717                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
718                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
719                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
720                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">96.4%</span>
721                        </div>
722                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
723                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
724                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Trung bình</span>
725                        </div>
726                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
727                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
728                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">3000x</span>
729                        </div>
730                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
731                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
732                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">243</span>
733                        </div>
734                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
735                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
736                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">2.000 VND</span>
737                        </div>
738                    </div>
739                </div>
740            </a>
741        </article>
742        <article class="group relative flex flex-col h-full">
743            <a href="bac-thay-bi-a.html" title="Play Bậc Thầy Bi-a now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
744                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
745                        <img src="static/images/55c7eda103d702957416a36542327173d4257973.png" alt="Bậc Thầy Bi-a thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
746                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
747                </div>
748                <div class="p-3 flex flex-col flex-grow">
749                    <div class="mb-3">
750                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Bậc Thầy Bi-a">
751                            Bậc Thầy Bi-a
752                        </h3>
753                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
754                            Microgaming
755                        </p>
756                    </div>
757                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
758                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
759                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
760                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">95.5%</span>
761                        </div>
762                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
763                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
764                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Thấp</span>
765                        </div>
766                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
767                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
768                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">1500x</span>
769                        </div>
770                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
771                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
772                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">10</span>
773                        </div>
774                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
775                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
776                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">1.000 VND</span>
777                        </div>
778                    </div>
779                </div>
780            </a>
781        </article>
782        <article class="group relative flex flex-col h-full">
783            <a href="phao-dai-hoa.html" title="Play Pháo đài hoa now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
784                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
785                        <img src="static/images/884622eebf87be37365ceb3f7ec68f765c8d55c5.png" alt="Pháo đài hoa thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
786                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
787                </div>
788                <div class="p-3 flex flex-col flex-grow">
789                    <div class="mb-3">
790                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Pháo đài hoa">
791                            Pháo đài hoa
792                        </h3>
793                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
794                            JILI
795                        </p>
796                    </div>
797                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
798                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
799                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
800                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">96.8%</span>
801                        </div>
802                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
803                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
804                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Trung bình</span>
805                        </div>
806                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
807                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
808                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">6000x</span>
809                        </div>
810                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
811                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
812                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">20</span>
813                        </div>
814                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
815                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
816                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">1.000 VND</span>
817                        </div>
818                    </div>
819                </div>
820            </a>
821        </article>
822        <article class="group relative flex flex-col h-full">
823            <a href="kho-bau-khong-lo.html" title="Play Kho Báu Khổng Lồ now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
824                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
825                        <img src="static/images/aad68311034164cbbaa6d736655fa57a65a59a79.png" alt="Kho Báu Khổng Lồ thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
826                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
827                </div>
828                <div class="p-3 flex flex-col flex-grow">
829                    <div class="mb-3">
830                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Kho Báu Khổng Lồ">
831                            Kho Báu Khổng Lồ
832                        </h3>
833                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
834                            PG Soft
835                        </p>
836                    </div>
837                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
838                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
839                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
840                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">96.7%</span>
841                        </div>
842                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
843                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
844                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Cao</span>
845                        </div>
846                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
847                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
848                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">12000x</span>
849                        </div>
850                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
851                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
852                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">50</span>
853                        </div>
854                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
855                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
856                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">2.000 VND</span>
857                        </div>
858                    </div>
859                </div>
860            </a>
861        </article>
862    </div>
863    <div class="mt-8 flex justify-center">
864        <a href="javascript:downloadApp();" title="View more games in Nổ Hũ" class="inline-flex items-center gap-2 px-6 py-2 rounded-full bg-[#064e3b] border border-[#10b981] text-[#ecfdf5] text-sm font-medium hover:bg-[#10b981] hover:text-[#052e2b] transition-colors duration-300">
865            <span>Xem thêm</span>
866            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
867                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
868            </svg>
869        </a>
870    </div>
871</section>
872<section id="cat-live-casino" class="py-8 px-4 md:py-12 md:px-6 bg-[#052e2b]">
873    <div class="flex items-center gap-3 mb-6 md:mb-8">
874        <span class="text-2xl md:text-3xl">🃏</span>
875        <h2 class="text-xl md:text-2xl font-bold text-[#ecfdf5] tracking-tight">
876            Casino Trực Tuyến
877        </h2>
878    </div>
879    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 md:gap-6">
880        <article class="group relative flex flex-col h-full">
881            <a href="duong-day-nong.html" title="Play Đường Dây Nóng now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
882                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
883                        <img src="static/images/572c513651ab9de1781f54ef1fcc60b139b6b3cf.png" alt="Đường Dây Nóng thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
884                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
885                </div>
886                <div class="p-3 flex flex-col flex-grow">
887                    <div class="mb-3">
888                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Đường Dây Nóng">
889                            Đường Dây Nóng
890                        </h3>
891                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
892                            JW88 Gaming
893                        </p>
894                    </div>
895                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
896                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
897                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
898                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">96.5%</span>
899                        </div>
900                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
901                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
902                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Trung bình</span>
903                        </div>
904                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
905                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
906                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">5000x</span>
907                        </div>
908                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
909                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
910                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">25</span>
911                        </div>
912                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
913                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
914                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">1,000 VND</span>
915                        </div>
916                    </div>
917                </div>
918            </a>
919        </article>
920        <article class="group relative flex flex-col h-full">
921            <a href="phu-thuy-rong.html" title="Play Phù Thủy Rồng now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
922                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
923                        <img src="static/images/cb5fd75f0e6ca378de5ecc12ad00a2f1f4664d5e.png" alt="Phù Thủy Rồng thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
924                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
925                </div>
926                <div class="p-3 flex flex-col flex-grow">
927                    <div class="mb-3">
928                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Phù Thủy Rồng">
929                            Phù Thủy Rồng
930                        </h3>
931                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
932                            Dragon Soft
933                        </p>
934                    </div>
935                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
936                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
937                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
938                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">97.2%</span>
939                        </div>
940                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
941                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
942                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Cao</span>
943                        </div>
944                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
945                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
946                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">10000x</span>
947                        </div>
948                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
949                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
950                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">50</span>
951                        </div>
952                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
953                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
954                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">2,000 VND</span>
955                        </div>
956                    </div>
957                </div>
958            </a>
959        </article>
960        <article class="group relative flex flex-col h-full">
961            <a href="thanh-pho-vang-maya-4.html" title="Play Thành phố vàng Maya 4 now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
962                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
963                        <img src="static/images/303beec764cc3779ea57a5d242cea669e83c6aea.png" alt="Thành phố vàng Maya 4 thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
964                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
965                </div>
966                <div class="p-3 flex flex-col flex-grow">
967                    <div class="mb-3">
968                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Thành phố vàng Maya 4">
969                            Thành phố vàng Maya 4
970                        </h3>
971                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
972                            Maya Slots
973                        </p>
974                    </div>
975                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
976                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
977                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
978                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">95.8%</span>
979                        </div>
980                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
981                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
982                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Trung bình</span>
983                        </div>
984                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
985                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
986                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">2500x</span>
987                        </div>
988                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
989                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
990                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">20</span>
991                        </div>
992                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
993                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
994                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">1,000 VND</span>
995                        </div>
996                    </div>
997                </div>
998            </a>
999        </article>
1000        <article class="group relative flex flex-col h-full">
1001            <a href="long-dang-phu-quy-2.html" title="Play Long Đăng Phú Quý 2 now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
1002                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
1003                        <img src="static/images/2258237efa0fca6a8d199fa1ae72526d83a362a2.png" alt="Long Đăng Phú Quý 2 thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
1004                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
1005                </div>
1006                <div class="p-3 flex flex-col flex-grow">
1007                    <div class="mb-3">
1008                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Long Đăng Phú Quý 2">
1009                            Long Đăng Phú Quý 2
1010                        </h3>
1011                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
1012                            Fortune Play
1013                        </p>
1014                    </div>
1015                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
1016                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1017                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
1018                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">96.1%</span>
1019                        </div>
1020                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1021                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
1022                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Thấp</span>
1023                        </div>
1024                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1025                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
1026                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">3000x</span>
1027                        </div>
1028                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1029                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
1030                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">15</span>
1031                        </div>
1032                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1033                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
1034                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">1,000 VND</span>
1035                        </div>
1036                    </div>
1037                </div>
1038            </a>
1039        </article>
1040        <article class="group relative flex flex-col h-full">
1041            <a href="truy-na-xa-hoi-den.html" title="Play Truy nã xã hội đen now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
1042                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
1043                        <img src="static/images/9cf6ce96449b537600a181cad3cafe2ebe0a62a9.png" alt="Truy nã xã hội đen thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
1044                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
1045                </div>
1046                <div class="p-3 flex flex-col flex-grow">
1047                    <div class="mb-3">
1048                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Truy nã xã hội đen">
1049                            Truy nã xã hội đen
1050                        </h3>
1051                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
1052                            Crime City
1053                        </p>
1054                    </div>
1055                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
1056                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1057                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
1058                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">94.9%</span>
1059                        </div>
1060                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1061                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
1062                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Rất cao</span>
1063                        </div>
1064                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1065                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
1066                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">15000x</span>
1067                        </div>
1068                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1069                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
1070                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">40</span>
1071                        </div>
1072                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1073                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
1074                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">5,000 VND</span>
1075                        </div>
1076                    </div>
1077                </div>
1078            </a>
1079        </article>
1080        <article class="group relative flex flex-col h-full">
1081            <a href="dai-phat-tai-h5.html" title="Play Đại Phát Tài (H5) now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
1082                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
1083                        <img src="static/images/21f9e3d82b1e5768871e943b3ce9b04c90dbb77f.png" alt="Đại Phát Tài (H5) thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
1084                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
1085                </div>
1086                <div class="p-3 flex flex-col flex-grow">
1087                    <div class="mb-3">
1088                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Đại Phát Tài (H5)">
1089                            Đại Phát Tài (H5)
1090                        </h3>
1091                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
1092                            JW88 Mobile
1093                        </p>
1094                    </div>
1095                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
1096                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1097                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
1098                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">96.8%</span>
1099                        </div>
1100                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1101                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
1102                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Trung bình</span>
1103                        </div>
1104                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1105                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
1106                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">8000x</span>
1107                        </div>
1108                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1109                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
1110                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">243</span>
1111                        </div>
1112                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1113                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
1114                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">1,000 VND</span>
1115                        </div>
1116                    </div>
1117                </div>
1118            </a>
1119        </article>
1120        <article class="group relative flex flex-col h-full">
1121            <a href="wonder-farm.html" title="Play Wonder Farm now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
1122                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
1123                        <img src="static/images/cc88db642d5675e2e095edbf65cbb692cb31a9f0.png" alt="Wonder Farm thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
1124                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
1125                </div>
1126                <div class="p-3 flex flex-col flex-grow">
1127                    <div class="mb-3">
1128                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Wonder Farm">
1129                            Wonder Farm
1130                        </h3>
1131                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
1132                            Farm World
1133                        </p>
1134                    </div>
1135                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
1136                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1137                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
1138                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">95.5%</span>
1139                        </div>
1140                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1141                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
1142                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Thấp</span>
1143                        </div>
1144                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1145                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
1146                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">2000x</span>
1147                        </div>
1148                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1149                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
1150                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">10</span>
1151                        </div>
1152                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1153                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
1154                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">500 VND</span>
1155                        </div>
1156                    </div>
1157                </div>
1158            </a>
1159        </article>
1160        <article class="group relative flex flex-col h-full">
1161            <a href="nu-than-tuyet.html" title="Play NỮ THẦN TUYẾT now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
1162                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
1163                        <img src="static/images/141416667d472e8ee3f1b5db91d16680bdbfe135.png" alt="NỮ THẦN TUYẾT thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
1164                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
1165                </div>
1166                <div class="p-3 flex flex-col flex-grow">
1167                    <div class="mb-3">
1168                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="NỮ THẦN TUYẾT">
1169                            NỮ THẦN TUYẾT
1170                        </h3>
1171                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
1172                            Winter Games
1173                        </p>
1174                    </div>
1175                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
1176                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1177                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
1178                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">97.0%</span>
1179                        </div>
1180                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1181                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
1182                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Trung bình</span>
1183                        </div>
1184                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1185                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
1186                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">7000x</span>
1187                        </div>
1188                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1189                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
1190                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">30</span>
1191                        </div>
1192                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1193                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
1194                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">2,000 VND</span>
1195                        </div>
1196                    </div>
1197                </div>
1198            </a>
1199        </article>
1200    </div>
1201    <div class="mt-8 flex justify-center">
1202        <a href="javascript:downloadApp();" title="View more games in Casino Trực Tuyến" class="inline-flex items-center gap-2 px-6 py-2 rounded-full bg-[#064e3b] border border-[#10b981] text-[#ecfdf5] text-sm font-medium hover:bg-[#10b981] hover:text-[#052e2b] transition-colors duration-300">
1203            <span>Xem thêm</span>
1204            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1205                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
1206            </svg>
1207        </a>
1208    </div>
1209</section>
1210<section id="cat-sports" class="py-8 px-4 md:py-12 md:px-6 bg-[#052e2b]">
1211    <div class="flex items-center gap-3 mb-6 md:mb-8">
1212        <span class="text-2xl md:text-3xl">⚽</span>
1213        <h2 class="text-xl md:text-2xl font-bold text-[#ecfdf5] tracking-tight">
1214            Thể Thao
1215        </h2>
1216    </div>
1217    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 md:gap-6">
1218        <article class="group relative flex flex-col h-full">
1219            <a href="kho-bau-thieu-lam.html" title="Play Kho báu Thiếu Lâm now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
1220                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
1221                        <img src="static/images/9aed8fa643d0250b3c5824626226019b26b8721e.png" alt="Kho báu Thiếu Lâm thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
1222                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
1223                </div>
1224                <div class="p-3 flex flex-col flex-grow">
1225                    <div class="mb-3">
1226                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Kho báu Thiếu Lâm">
1227                            Kho báu Thiếu Lâm
1228                        </h3>
1229                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
1230                            JW88 Gaming
1231                        </p>
1232                    </div>
1233                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
1234                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1235                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
1236                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">96.5%</span>
1237                        </div>
1238                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1239                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
1240                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Trung bình</span>
1241                        </div>
1242                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1243                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
1244                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">5,000x</span>
1245                        </div>
1246                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1247                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
1248                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">243</span>
1249                        </div>
1250                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1251                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
1252                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">1,000 VND</span>
1253                        </div>
1254                    </div>
1255                </div>
1256            </a>
1257        </article>
1258        <article class="group relative flex flex-col h-full">
1259            <a href="sot-cau-ca-x-khung.html" title="Play Sốt câu cá X-Khủng now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
1260                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
1261                        <img src="static/images/dd34ad01bbd4544827225a64cc7193dbd9a37c31.png" alt="Sốt câu cá X-Khủng thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
1262                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
1263                </div>
1264                <div class="p-3 flex flex-col flex-grow">
1265                    <div class="mb-3">
1266                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Sốt câu cá X-Khủng">
1267                            Sốt câu cá X-Khủng
1268                        </h3>
1269                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
1270                            Ocean Reels
1271                        </p>
1272                    </div>
1273                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
1274                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1275                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
1276                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">97.2%</span>
1277                        </div>
1278                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1279                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
1280                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Cao</span>
1281                        </div>
1282                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1283                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
1284                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">10,000x</span>
1285                        </div>
1286                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1287                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
1288                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">N/A</span>
1289                        </div>
1290                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1291                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
1292                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">2,000 VND</span>
1293                        </div>
1294                    </div>
1295                </div>
1296            </a>
1297        </article>
1298        <article class="group relative flex flex-col h-full">
1299            <a href="ky-lan-mach-nuoc.html" title="Play Kỳ Lân Mách Nước now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
1300                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
1301                        <img src="static/images/685d052d2878a3220ec9918209e4de9971e37c62.png" alt="Kỳ Lân Mách Nước thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
1302                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
1303                </div>
1304                <div class="p-3 flex flex-col flex-grow">
1305                    <div class="mb-3">
1306                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Kỳ Lân Mách Nước">
1307                            Kỳ Lân Mách Nước
1308                        </h3>
1309                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
1310                            Oriental Luck
1311                        </p>
1312                    </div>
1313                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
1314                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1315                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
1316                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">95.8%</span>
1317                        </div>
1318                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1319                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
1320                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Thấp</span>
1321                        </div>
1322                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1323                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
1324                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">2,500x</span>
1325                        </div>
1326                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1327                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
1328                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">20</span>
1329                        </div>
1330                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1331                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
1332                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">1,000 VND</span>
1333                        </div>
1334                    </div>
1335                </div>
1336            </a>
1337        </article>
1338        <article class="group relative flex flex-col h-full">
1339            <a href="den-than-la-tinh.html" title="Play Đèn thần La-tinh now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
1340                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
1341                        <img src="static/images/83e77ef4556d7124a5ef03ecf33176077d5a52ca.png" alt="Đèn thần La-tinh thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
1342                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
1343                </div>
1344                <div class="p-3 flex flex-col flex-grow">
1345                    <div class="mb-3">
1346                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Đè
1346n thần La-tinh">
1347                            Đèn thần La-tinh
1348                        </h3>
1349                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
1350                            Magic Slots
1351                        </p>
1352                    </div>
1353                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
1354                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1355                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
1356                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">96.1%</span>
1357                        </div>
1358                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1359                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
1360                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Trung bình</span>
1361                        </div>
1362                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1363                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
1364                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">7,500x</span>
1365                        </div>
1366                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1367                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
1368                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">15</span>
1369                        </div>
1370                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1371                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
1372                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">1,000 VND</span>
1373                        </div>
1374                    </div>
1375                </div>
1376            </a>
1377        </article>
1378    </div>
1379    <div class="mt-8 flex justify-center">
1380        <a href="javascript:downloadApp();" title="View more games in Thể Thao" class="inline-flex items-center gap-2 px-6 py-2 rounded-full bg-[#064e3b] border border-[#10b981] text-[#ecfdf5] text-sm font-medium hover:bg-[#10b981] hover:text-[#052e2b] transition-colors duration-300">
1381            <span>Xem thêm</span>
1382            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1383                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
1384            </svg>
1385        </a>
1386    </div>
1387</section>
1388<section id="cat-fish-shooting" class="py-8 px-4 md:py-12 md:px-6 bg-[#052e2b]">
1389    <div class="flex items-center gap-3 mb-6 md:mb-8">
1390        <span class="text-2xl md:text-3xl">🐟</span>
1391        <h2 class="text-xl md:text-2xl font-bold text-[#ecfdf5] tracking-tight">
1392            Bắn Cá
1393        </h2>
1394    </div>
1395    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 md:gap-6">
1396        <article class="group relative flex flex-col h-full">
1397            <a href="con-duong-phuong-hoang.html" title="Play Con Đường Phượng Hoàng now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
1398                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
1399                        <img src="static/images/3f8f6694b1dda0380a275ca047e116c89820eb05.png" alt="Con Đường Phượng Hoàng thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
1400                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
1401                </div>
1402                <div class="p-3 flex flex-col flex-grow">
1403                    <div class="mb-3">
1404                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Con Đường Phượng Hoàng">
1405                            Con Đường Phượng Hoàng
1406                        </h3>
1407                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
1408                            Jili Games
1409                        </p>
1410                    </div>
1411                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
1412                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1413                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
1414                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">96.5%</span>
1415                        </div>
1416                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1417                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
1418                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Trung bình</span>
1419                        </div>
1420                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1421                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
1422                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">x1000</span>
1423                        </div>
1424                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1425                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
1426                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Đa dạng</span>
1427                        </div>
1428                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1429                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
1430                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">1,000 VND</span>
1431                        </div>
1432                    </div>
1433                </div>
1434            </a>
1435        </article>
1436        <article class="group relative flex flex-col h-full">
1437            <a href="gau-truc-dai-hiep.html" title="Play Gấu Trúc Đại Hiệp now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
1438                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
1439                        <img src="static/images/56a63f32114a3074892eab3bfba17777f2bef018.png" alt="Gấu Trúc Đại Hiệp thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
1440                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
1441                </div>
1442                <div class="p-3 flex flex-col flex-grow">
1443                    <div class="mb-3">
1444                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Gấu Trúc Đại Hiệp">
1445                            Gấu Trúc Đại Hiệp
1446                        </h3>
1447                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
1448                            Fa Chai Fishing
1449                        </p>
1450                    </div>
1451                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
1452                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1453                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
1454                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">97.2%</span>
1455                        </div>
1456                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1457                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
1458                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Thấp</span>
1459                        </div>
1460                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1461                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
1462                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">x500</span>
1463                        </div>
1464                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1465                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
1466                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Đa dạng</span>
1467                        </div>
1468                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1469                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
1470                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">1,000 VND</span>
1471                        </div>
1472                    </div>
1473                </div>
1474            </a>
1475        </article>
1476        <article class="group relative flex flex-col h-full">
1477            <a href="ngu-cong-doi-nui.html" title="Play Ngu Công Dời Núi now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
1478                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
1479                        <img src="static/images/ab502d4a47d2df1a989eab002034c409ff1fa5d1.png" alt="Ngu Công Dời Núi thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
1480                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
1481                </div>
1482                <div class="p-3 flex flex-col flex-grow">
1483                    <div class="mb-3">
1484                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Ngu Công Dời Núi">
1485                            Ngu Công Dời Núi
1486                        </h3>
1487                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
1488                            Jili Games
1489                        </p>
1490                    </div>
1491                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
1492                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1493                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
1494                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">95.8%</span>
1495                        </div>
1496                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1497                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
1498                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Cao</span>
1499                        </div>
1500                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1501                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
1502                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">x2000</span>
1503                        </div>
1504                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1505                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
1506                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Đa dạng</span>
1507                        </div>
1508                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1509                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
1510                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">2,000 VND</span>
1511                        </div>
1512                    </div>
1513                </div>
1514            </a>
1515        </article>
1516        <article class="group relative flex flex-col h-full">
1517            <a href="ba-chu-gau-truc-doi-bung.html" title="Play 3 Chú Gấu Trúc Đói Bụng-Tụ vận may now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
1518                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
1519                        <img src="static/images/7131dc5756962a5e4fea63eb22479652c169f96a.png" alt="3 Chú Gấu Trúc Đói Bụng-Tụ vận may thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
1520                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
1521                </div>
1522                <div class="p-3 flex flex-col flex-grow">
1523                    <div class="mb-3">
1524                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="3 Chú Gấu Trúc Đói Bụng-Tụ vận may">
1525                            3 Chú Gấu Trúc Đói Bụng-Tụ vận may
1526                        </h3>
1527                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
1528                            Fa Chai Fishing
1529                        </p>
1530                    </div>
1531                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
1532                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1533                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
1534                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">96.1%</span>
1535                        </div>
1536                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1537                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
1538                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Trung bình</span>
1539                        </div>
1540                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1541                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
1542                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">x800</span>
1543                        </div>
1544                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1545                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
1546                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Đa dạng</span>
1547                        </div>
1548                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1549                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
1550                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">1,000 VND</span>
1551                        </div>
1552                    </div>
1553                </div>
1554            </a>
1555        </article>
1556        <article class="group relative flex flex-col h-full">
1557            <a href="video-poker.html" title="Play Video Poker now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
1558                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
1559                        <img src="static/images/e026ba6cf2d3a44c5d75484eac288397d20c41ae.png" alt="Video Poker thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
1560                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
1561                </div>
1562                <div class="p-3 flex flex-col flex-grow">
1563                    <div class="mb-3">
1564                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Video Poker">
1565                            Video Poker
1566                        </h3>
1567                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
1568                            CQ9 Gaming
1569                        </p>
1570                    </div>
1571                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
1572                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1573                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
1574                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">98.4%</span>
1575                        </div>
1576                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1577                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
1578                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Thấp</span>
1579                        </div>
1580                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1581                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
1582                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">x250</span>
1583                        </div>
1584                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1585                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
1586                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Cố định</span>
1587                        </div>
1588                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1589                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
1590                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">5,000 VND</span>
1591                        </div>
1592                    </div>
1593                </div>
1594            </a>
1595        </article>
1596        <article class="group relative flex flex-col h-full">
1597            <a href="ru-do.html" title="Play Ru-đô now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
1598                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
1599                        <img src="static/images/5377969d3d6cacbec201a6916f83b69b66529a48.png" alt="Ru-đô thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
1600                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
1601                </div>
1602                <div class="p-3 flex flex-col flex-grow">
1603                    <div class="mb-3">
1604                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Ru-đô">
1605                            Ru-đô
1606                        </h3>
1607                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
1608                            Evolution Gaming
1609                        </p>
1610                    </div>
1611                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
1612                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1613                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
1614                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">97.3%</span>
1615                        </div>
1616                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1617                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
1618                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Trung bình</span>
1619                        </div>
1620                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1621                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
1622                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">x36</span>
1623                        </div>
1624                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1625                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
1626                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Đơn lẻ</span>
1627                        </div>
1628                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1629                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
1630                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">10,000 VND</span>
1631                        </div>
1632                    </div>
1633                </div>
1634            </a>
1635        </article>
1636    </div>
1637    <div class="mt-8 flex justify-center">
1638        <a href="javascript:downloadApp();" title="View more games in Bắn Cá" class="inline-flex items-center gap-2 px-6 py-2 rounded-full bg-[#064e3b] border border-[#10b981] text-[#ecfdf5] text-sm font-medium hover:bg-[#10b981] hover:text-[#052e2b] transition-colors duration-300">
1639            <span>Xem thêm</span>
1640            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1641                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
1642            </svg>
1643        </a>
1644    </div>
1645</section>
1646<section id="cat-jackpot" class="py-8 px-4 md:py-12 md:px-6 bg-[#052e2b]">
1647    <div class="flex items-center gap-3 mb-6 md:mb-8">
1648        <span class="text-2xl md:text-3xl">💰</span>
1649        <h2 class="text-xl md:text-2xl font-bold text-[#ecfdf5] tracking-tight">
1650            Nổ Hũ Jackpot
1651        </h2>
1652    </div>
1653    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 md:gap-6">
1654        <article class="group relative flex flex-col h-full">
1655            <a href="huyen-thoai-dau-than.html" title="Play Huyền thoại Đậu thần now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
1656                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
1657                        <img src="static/images/b20feaf21c32e2674ddc54c5766d4de6b5ac815b.jpg" alt="Huyền thoại Đậu thần thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
1658                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
1659                </div>
1660                <div class="p-3 flex flex-col flex-grow">
1661                    <div class="mb-3">
1662                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Huyền thoại Đậu thần">
1663                            Huyền thoại Đậu thần
1664                        </h3>
1665                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
1666                            JW88 Gaming
1667                        </p>
1668                    </div>
1669                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
1670                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1671                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
1672                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">96.5%</span>
1673                        </div>
1674                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1675                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
1676                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Trung bình</span>
1677                        </div>
1678                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1679                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
1680                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">5,000x</span>
1681                        </div>
1682                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1683                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
1684                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">243</span>
1685                        </div>
1686                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1687                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
1688                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">1,000 VND</span>
1689                        </div>
1690                    </div>
1691                </div>
1692            </a>
1693        </article>
1694        <article class="group relative flex flex-col h-full">
1695            <a href="xu-co-ba-la-3x3.html" title="Play Xu Cỏ Ba Lá 3x3 now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
1696                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
1697                        <img src="static/images/2d7db36d63c57f153b2e5528bdfa15477b7af86d.png" alt="Xu Cỏ Ba Lá 3x3 thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
1698                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
1699                </div>
1700                <div class="p-3 flex flex-col flex-grow">
1701                    <div class="mb-3">
1702                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Xu Cỏ Ba Lá 3x3">
1703                            Xu Cỏ Ba Lá 3x3
1704                        </h3>
1705                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
1706                            Lucky Slot
1707                        </p>
1708                    </div>
1709                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
1710                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1711                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
1712                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">97.2%</span>
1713                        </div>
1714                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1715                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
1716                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Thấp</span>
1717                        </div>
1718                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1719                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
1720                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">2,500x</span>
1721                        </div>
1722                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1723                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
1724                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">9</span>
1725                        </div>
1726                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1727                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
1728                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">500 VND</span>
1729                        </div>
1730                    </div>
1731                </div>
1732            </a>
1733        </article>
1734        <article class="group relative flex flex-col h-full">
1735            <a href="duoi-theo-vinh-quang.html" title="Play Đuổi Theo Vinh Quang now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
1736                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
1737                        <img src="static/images/d3763d426961cbc682c18fb2d43f2664b51030d8.png" alt="Đuổi Theo Vinh Quang thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
1738                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
1739                </div>
1740                <div class="p-3 flex flex-col flex-grow">
1741                    <div class="mb-3">
1742                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Đuổi Theo Vinh Quang">
1743                            Đuổi Theo Vinh Quang
1744                        </h3>
1745                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
1746                            Grand Casino
1747                        </p>
1748                    </div>
1749                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
1750                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1751                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
1752                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">95.8%</span>
1753                        </div>
1754                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1755                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
1756                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Cao</span>
1757                        </div>
1758                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1759                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
1760                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">10,000x</span>
1761                        </div>
1762                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1763                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
1764                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">50</span>
1765                        </div>
1766                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1767                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
1768                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">2,000 VND</span>
1769                        </div>
1770                    </div>
1771                </div>
1772            </a>
1773        </article>
1774        <article class="group relative flex flex-col h-full">
1775            <a href="co-dang-hau-tu.html" title="Play Cổ dạng hầu tử now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
1776                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
1777                        <img src="static/images/0df788da97720eb55f60bb557a66025c65de7389.png" alt="Cổ dạng hầu tử thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
1778                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
1779                </div>
1780                <div class="p-3 flex flex-col flex-grow">
1781                    <div class="mb-3">
1782                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Cổ dạng hầu tử">
1783                            Cổ dạng hầu tử
1784                        </h3>
1785                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
1786                            Oriental Games
1787                        </p>
1788                    </div>
1789                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
1790                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1791                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
1792                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">96.1%</span>
1793                        </div>
1794                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1795                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
1796                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Trung bình</span>
1797                        </div>
1798                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1799                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
1800                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">3,000x</span>
1801                        </div>
1802                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1803                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
1804                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">25</span>
1805                        </div>
1806                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1807                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
1808                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">1,000 VND</span>
1809                        </div>
1810                    </div>
1811                </div>
1812            </a>
1813        </article>
1814    </div>
1815    <div class="mt-8 flex justify-center">
1816        <a href="javascript:downloadApp();" title="View more games in Nổ Hũ Jackpot" class="inline-flex items-center gap-2 px-6 py-2 rounded-full bg-[#064e3b] border border-[#10b981] text-[#ecfdf5] text-sm font-medium hover:bg-[#10b981] hover:text-[#052e2b] transition-colors duration-300">
1817            <span>Xem thêm</span>
1818            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1819                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
1820            </svg>
1821        </a>
1822    </div>
1823</section>
1824<section id="cat-popular" class="py-8 px-4 md:py-12 md:px-6 bg-[#052e2b]">
1825    <div class="flex items-center gap-3 mb-6 md:mb-8">
1826        <span class="text-2xl md:text-3xl">🔥</span>
1827        <h2 class="text-xl md:text-2xl font-bold text-[#ecfdf5] tracking-tight">
1828            Phổ Biến
1829        </h2>
1830    </div>
1831    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 md:gap-6">
1832        <article class="group relative flex flex-col h-full">
1833            <a href="vua-joker.html" title="Play Vua Joker now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
1834                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
1835                        <img src="static/images/aaf816827d8a8c07ecf689579a7ec4f6cc0693f4.png" alt="Vua Joker thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
1836                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
1837                </div>
1838                <div class="p-3 flex flex-col flex-grow">
1839                    <div class="mb-3">
1840                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Vua Joker">
1841                            Vua Joker
1842                        </h3>
1843                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
1844                            JW88 Gaming
1845                        </p>
1846                    </div>
1847                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
1848                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1849                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
1850                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">96.5%</span>
1851                        </div>
1852                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1853                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
1854                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Trung bình</span>
1855                        </div>
1856                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1857                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
1858                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">5,000x</span>
1859                        </div>
1860                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1861                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
1862                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">25</span>
1863                        </div>
1864                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1865                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
1866                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">1,000 VND</span>
1867                        </div>
1868                    </div>
1869                </div>
1870            </a>
1871        </article>
1872        <article class="group relative flex flex-col h-full">
1873            <a href="powerways-ngon.html" title="Play Powerways ngon và ngon now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
1874                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
1875                        <img src="static/images/ed29497905bcb88a0f17905ac3c5b5367dce8a30.png" alt="Powerways ngon và ngon thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
1876                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
1877                </div>
1878                <div class="p-3 flex flex-col flex-grow">
1879                    <div class="mb-3">
1880                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Powerways ngon và ngon">
1881                            Powerways ngon và ngon
1882                        </h3>
1883                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
1884                            JW88 Studio
1885                        </p>
1886                    </div>
1887                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
1888                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1889                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
1890                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">97.2%</span>
1891                        </div>
1892                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1893                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
1894                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Cao</span>
1895                        </div>
1896                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1897                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
1898                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">10,000x</span>
1899                        </div>
1900                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1901                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
1902                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">1024</span>
1903                        </div>
1904                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1905                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
1906                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">2,000 VND</span>
1907                        </div>
1908                    </div>
1909                </div>
1910            </a>
1911        </article>
1912        <article class="group relative flex flex-col h-full">
1913            <a href="wild-ace.html" title="Play Wild Ace now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
1914                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
1915                        <img src="static/images/45efd02cec68a489c5dd6aeab76555f0e73e2670.png" alt="Wild Ace thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
1916                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
1917                </div>
1918                <div class="p-3 flex flex-col flex-grow">
1919                    <div class="mb-3">
1920                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Wild Ace">
1921                            Wild Ace
1922                        </h3>
1923                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
1924                            Global Slots
1925                        </p>
1926                    </div>
1927                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
1928                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1929                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
1930                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">95.8%</span>
1931                        </div>
1932                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1933                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
1934                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Trung bình</span>
1935                        </div>
1936                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1937                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
1938                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">2,500x</span>
1939                        </div>
1940                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1941                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
1942                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">15</span>
1943                        </div>
1944                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1945                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
1946                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">1,000 VND</span>
1947                        </div>
1948                    </div>
1949                </div>
1950            </a>
1951        </article>
1952        <article class="group relative flex flex-col h-full">
1953            <a href="bo-xuong-no.html" title="Play Bộ xương nổ now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
1954                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
1955                        <img src="static/images/fad1a5ac726bca7599a5fd2b6e1534176fe9b687.png" alt="Bộ xương nổ thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
1956                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
1957                </div>
1958                <div class="p-3 flex flex-col flex-grow">
1959                    <div class="mb-3">
1960                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Bộ xương nổ">
1961                            Bộ xương nổ
1962                        </h3>
1963                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
1964                            JW88 Gaming
1965                        </p>
1966                    </div>
1967                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
1968                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1969                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
1970                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">96.1%</span>
1971                        </div>
1972                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1973                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
1974                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Cao</span>
1975                        </div>
1976                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1977                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
1978                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">8,000x</span>
1979                        </div>
1980                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1981                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
1982                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">20</span>
1983                        </div>
1984                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
1985                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
1986                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">1,000 VND</span>
1987                        </div>
1988                    </div>
1989                </div>
1990            </a>
1991        </article>
1992        <article class="group relative flex flex-col h-full">
1993            <a href="bo-den.html" title="Play Bò Đen now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
1994                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
1995                        <img src="static/images/3431a996de27cecfde8be75f93115af3e2ba035b.png" alt="Bò Đen thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
1996                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
1997                </div>
1998                <div class="p-3 flex flex-col flex-grow">
1999                    <div class="mb-3">
2000                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Bò Đen">
2001                            Bò Đen
2002                        </h3>
2003                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
2004                            Asian Slots
2005                        </p>
2006                    </div>
2007                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
2008                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
2009                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
2010                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">96.8%</span>
2011                        </div>
2012                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
2013                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
2014                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Thấp</span>
2015                        </div>
2016                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
2017                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
2018                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">3,000x</span>
2019                        </div>
2020                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
2021                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
2022                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">243</span>
2023                        </div>
2024                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
2025                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
2026                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">500 VND</span>
2027                        </div>
2028                    </div>
2029                </div>
2030            </a>
2031        </article>
2032        <article class="group relative flex flex-col h-full">
2033            <a href="tim-kiem-rong-vang.html" title="Play Tìm kiếm rồng vàng now" class="flex flex-col h-full bg-[#064e3b] rounded-2xl overflow-hidden border border-[#047857] hover:border-[#10b981] transition-all duration-300 shadow-sm hover:shadow-lg">
2034                <div class="aspect-[4/3] relative overflow-hidden bg-[#047857]">
2035                        <img src="static/images/4539d49f248c5f38d463f4a70f5a4871d093a164.png" alt="Tìm kiếm rồng vàng thumbnail" loading="lazy" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
2036                    <div class="absolute inset-0 bg-gradient-to-t from-[#052e2b]/60 to-transparent"></div>
2037                </div>
2038                <div class="p-3 flex flex-col flex-grow">
2039                    <div class="mb-3">
2040                        <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] truncate mb-1" title="Tìm kiếm rồng vàng">
2041                            Tìm kiếm rồng vàng
2042                        </h3>
2043                        <p class="text-[10px] md:text-xs text-[#6ee7b7] opacity-80 truncate uppercase tracking-wider font-medium">
2044                            JW88 Gaming
2045                        </p>
2046                    </div>
2047                    <div class="grid grid-cols-2 gap-1.5 mt-auto">
2048                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
2049                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">RTP</span>
2050                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">97.5%</span>
2051                        </div>
2052                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
2053                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Vol</span>
2054                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">Trung bình</span>
2055                        </div>
2056                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
2057                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Max</span>
2058                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">15,000x</span>
2059                        </div>
2060                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
2061                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Lines</span>
2062                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">30</span>
2063                        </div>
2064                        <div class="flex flex-col bg-[#052e2b] border border-[#047857] rounded px-1.5 py-1 text-center">
2065                            <span class="text-[8px] uppercase text-[#6ee7b7] leading-none mb-0.5">Min</span>
2066                            <span class="text-[10px] font-semibold text-[#ecfdf5] truncate leading-none">2,000 VND</span>
2067                        </div>
2068                    </div>
2069                </div>
2070            </a>
2071        </article>
2072    </div>
2073    <div class="mt-8 flex justify-center">
2074        <a href="javascript:downloadApp();" title="View more games in Phổ Biến" class="inline-flex items-center gap-2 px-6 py-2 rounded-full bg-[#064e3b] border border-[#10b981] text-[#ecfdf5] text-sm font-medium hover:bg-[#10b981] hover:text-[#052e2b] transition-colors duration-300">
2075            <span>Xem thêm</span>
2076            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2077                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
2078            </svg>
2079        </a>
2080    </div>
2081</section>
2082<section class="py-8 px-4 md:py-12 md:px-6 bg-[#052e2b]">
2083    <div class="max-w-screen-md mx-auto">
2084        <header class="mb-8 text-left">
2085            <h2 class="text-2xl md:text-3xl font-bold text-[#ecfdf5] leading-tight mb-2">
2086                Khuyến Mãi Đỉnh Cao Tại JW88 - Nhận Thưởng Cực Khủng
2087            </h2>
2088            <p class="text-sm md:text-base text-[#6ee7b7] opacity-90 leading-relaxed" title="Tham gia ngay vnjw88.com để trải nghiệm thế giới giải trí thượng lưu với những chương trình khuyến mãi hấp dẫn nhất 2024. Nhận thưởng chào mừng, hoàn trả hàng ngày và hàng ngàn lượt quay miễn phí đang chờ đón bạn!">
2089                Tham gia ngay vnjw88.com để trải nghiệm thế giới giải trí thượng lưu với những chương trình khuyến mãi hấp dẫn nhất 2024. Nhận thưởng chào mừng, hoàn trả hàng ngày và hàng ngàn lượt quay miễn phí đang chờ đón bạn!
2090            </p>
2091        </header>
2092        <div class="flex flex-col gap-6">
2093            <article class="relative overflow-hidden rounded-2xl bg-[#064e3b] border border-[#047857] shadow-lg transition-transform duration-300 hover:scale-[1.01]" title="Siêu Ưu Đãi Chào Mừng Thành Viên Mới promotion">
2094                <div class="relative w-full overflow-hidden">
2095                    <img src="static/images/d9cd4ea081988541938bd17010157cad4ad2d264.jpg" alt="Siêu Ưu Đãi Chào Mừng Thành Viên Mới promotion banner" loading="lazy" class="block w-full h-auto object-cover">
2096                    <span class="absolute top-3 left-3 bg-[#10b981] text-[#052e2b] text-xs font-bold px-2 py-1 rounded-md shadow-sm">
2097                        HOT
2098                    </span>
2099                </div>
2100                <div class="p-5 flex flex-col gap-4">
2101                    <div class="flex flex-col gap-1">
2102                        <h3 class="text-lg md:text-xl font-bold text-[#ecfdf5]">
2103                            Siêu Ưu Đãi Chào Mừng Thành Viên Mới
2104                        </h3>
2105                        <div class="text-2xl font-black text-[#10b981] flex items-center gap-2">
2106                            <span class="text-sm font-medium text-[#6ee7b7] uppercase">Bonus:</span>
2107                            100% Lên Đến 8.888K
2108                        </div>
2109                    </div>
2110                    <p class="text-sm text-[#ecfdf5] opacity-80 leading-relaxed" title="Đăng ký tài khoản ngay hôm nay để nhận gói quà khởi nghiệp cực khủng. Áp dụng cho tất cả các sảnh game slot và casino.">
2111                        Đăng ký tài khoản ngay hôm nay để nhận gói quà khởi nghiệp cực khủng. Áp dụng cho tất cả các sảnh game slot và casino.
2112                    </p>
2113                    <div class="flex flex-col gap-2">
2114                        <div class="h-2 w-full bg-[#052e2b] rounded-full overflow-hidden border border-[#047857]">
2115                            <div class="h-full bg-[#10b981] rounded-full transition-all duration-500" style="width: 92%">
2116                            </div>
2117                        </div>
2118                        <div class="flex justify-between items-center text-[11px] md:text-xs font-medium text-[#6ee7b7]">
2119                            <span class="flex items-center gap-1">
2120                                💎 Claimed: 92%
2121                            </span>
2122                            <span class="flex items-center gap-1">
2123                                ⏳ Ends in: 12h 30m
2124                            </span>
2125                        </div>
2126                    </div>
2127                    <button onclick="downloadApp()" title="Claim 100% Lên Đến 8.888K now" class="w-full py-3.5 px-4 bg-[#10b981] hover:bg-[#059666] text-[#052e2b] font-bold rounded-xl transition-colors duration-200 flex items-center justify-center gap-2 shadow-md active:scale-95">
2128                        <span>Nhận Ngay</span>
2129                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
2130                            <path fill-rule="evenodd" d="M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm3.292-7.708a1 1 0 011.414 0L11 13.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
2131                        </svg>
2132                    </button>
2133                </div>
2134            </article>
2135            <article class="relative overflow-hidden rounded-2xl bg-[#064e3b] border border-[#047857] shadow-lg transition-transform duration-300 hover:scale-[1.01]" title="Hoàn Trả VIP Không Giới Hạn Hàng Tuần promotion">
2136                <div class="relative w-full overflow-hidden">
2137                    <img src="static/images/96d97a2b59a1d0ff126737d3bf69136a6129923c.png" alt="Hoàn Trả VIP Không Giới Hạn Hàng Tuần promotion banner" loading="lazy" class="block w-full h-auto object-cover">
2138                    <span class="absolute top-3 left-3 bg-[#10b981] text-[#052e2b] text-xs font-bold px-2 py-1 rounded-md shadow-sm">
2139                        EXCLUSIVE
2140                    </span>
2141                </div>
2142                <div class="p-5 flex flex-col gap-4">
2143                    <div class="flex flex-col gap-1">
2144                        <h3 class="text-lg md:text-xl font-bold text-[#ecfdf5]">
2145                            Hoàn Trả VIP Không Giới Hạn Hàng Tuần
2146                        </h3>
2147                        <div class="text-2xl font-black text-[#10b981] flex items-center gap-2">
2148                            <span class="text-sm font-medium text-[#6ee7b7] uppercase">Bonus:</span>
2149                            Hoàn Trả 2.5%
2150                        </div>
2151                    </div>
2152                    <p class="text-sm text-[#ecfdf5] opacity-80 leading-relaxed" title="Càng chơi nhiều, hoàn trả càng cao. Nhận lại tiền mặt mỗi tuần để tiếp tục chinh phục những ván bài đỉnh cao tại JW88.">
2153                        Càng chơi nhiều, hoàn trả càng cao. Nhận lại tiền mặt mỗi tuần để tiếp tục chinh phục những ván bài đỉnh cao tại JW88.
2154                    </p>
2155                    <div class="flex flex-col gap-2">
2156                        <div class="h-2 w-full bg-[#052e2b] rounded-full overflow-hidden border border-[#047857]">
2157                            <div class="h-full bg-[#10b981] rounded-full transition-all duration-500" style="width: 78%">
2158                            </div>
2159                        </div>
2160                        <div class="flex justify-between items-center text-[11px] md:text-xs font-medium text-[#6ee7b7]">
2161                            <span class="flex items-center gap-1">
2162                                💎 Claimed: 78%
2163                            </span>
2164                            <span class="flex items-center gap-1">
2165                                ⏳ Ends in: 2 Days Left
2166                            </span>
2167                        </div>
2168                    </div>
2169                    <button onclick="downloadApp()" title="Claim Hoàn Trả 2.5% now" class="w-full py-3.5 px-4 bg-[#10b981] hover:bg-[#059666] text-[#052e2b] font-bold rounded-xl transition-colors duration-200 flex items-center justify-center gap-2 shadow-md active:scale-95">
2170                        <span>Chi Tiết</span>
2171                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
2172                            <path fill-rule="evenodd" d="M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm3.292-7.708a1 1 0 011.414 0L11 13.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
2173                        </svg>
2174                    </button>
2175                </div>
2176            </article>
2177            <article class="relative overflow-hidden rounded-2xl bg-[#064e3b] border border-[#047857] shadow-lg transition-transform duration-300 hover:scale-[1.01]" title="Vòng Quay May Mắn - 200 Lượt Miễn Phí promotion">
2178                <div class="relative w-full overflow-hidden">
2179                    <img src="static/images/da46f4cc05f24fda2a1747880ace41e1223fd62d.png" alt="Vòng Quay May Mắn - 200 Lượt Miễn Phí promotion banner" loading="lazy" class="block w-full h-auto object-cover">
2180                    <span class="absolute top-3 left-3 bg-[#10b981] text-[#052e2b] text-xs font-bold px-2 py-1 rounded-md shadow-sm">
2181                        NEW
2182                    </span>
2183                </div>
2184                <div class="p-5 flex flex-col gap-4">
2185                    <div class="flex flex-col gap-1">
2186                        <h3 class="text-lg md:text-xl font-bold text-[#ecfdf5]">
2187                            Vòng Quay May Mắn - 200 Lượt Miễn Phí
2188                        </h3>
2189                        <div class="text-2xl font-black text-[#10b981] flex items-center gap-2">
2190                            <span class="text-sm font-medium text-[#6ee7b7] uppercase">Bonus:</span>
2191                            200 Free Spins
2192                        </div>
2193                    </div>
2194                    <p class="text-sm text-[#ecfdf5] opacity-80 leading-relaxed" title="Trải nghiệm những tựa game Slot hot nhất hiện nay. Quay là trúng, thắng lớn cùng hàng ngàn hũ jackpot đang chờ nổ.">
2195                        Trải nghiệm những tựa game Slot hot nhất hiện nay. Quay là trúng, thắng lớn cùng hàng ngàn hũ jackpot đang chờ nổ.
2196                    </p>
2197                    <div class="flex flex-col gap-2">
2198                        <div class="h-2 w-full bg-[#052e2b] rounded-full overflow-hidden border border-[#047857]">
2199                            <div class="h-full bg-[#10b981] rounded-full transition-all duration-500" style="width: 65%">
2200                            </div>
2201                        </div>
2202                        <div class="flex justify-between items-center text-[11px] md:text-xs font-medium text-[#6ee7b7]">
2203                            <span class="flex items-center gap-1">
2204                                💎 Claimed: 65%
2205                            </span>
2206                            <span class="flex items-center gap-1">
2207                                ⏳ Ends in: 05:59:00
2208                            </span>
2209                        </div>
2210                    </div>
2211                    <button onclick="downloadApp()" title="Claim 200 Free Spins now" class="w-full py-3.5 px-4 bg-[#10b981] hover:bg-[#059666] text-[#052e2b] font-bold rounded-xl transition-colors duration-200 flex items-center justify-center gap-2 shadow-md active:scale-95">
2212                        <span>Quay Ngay</span>
2213                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
2214                            <path fill-rule="evenodd" d="M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm3.292-7.708a1 1 0 011.414 0L11 13.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
2215                        </svg>
2216                    </button>
2217                </div>
2218            </article>
2219            <article class="relative overflow-hidden rounded-2xl bg-[#064e3b] border border-[#047857] shadow-lg transition-transform duration-300 hover:scale-[1.01]" title="Khuyến Mãi Nạp Lần Đầu Siêu Giá Trị promotion">
2220                <div class="relative w-full overflow-hidden">
2221                    <img src="static/images/d7cdf08dffc735f5854f6d259690453e447f7af8.jpg" alt="Khuyến Mãi Nạp Lần Đầu Siêu Giá Trị promotion banner" loading="lazy" class="block w-full h-auto object-cover">
2222                    <span class="absolute top-3 left-3 bg-[#10b981] text-[#052e2b] text-xs font-bold px-2 py-1 rounded-md shadow-sm">
2223                        LIMITED
2224                    </span>
2225                </div>
2226                <div class="p-5 flex flex-col gap-4">
2227                    <div class="flex flex-col gap-1">
2228                        <h3 class="text-lg md:text-xl font-bold text-[#ecfdf5]">
2229                            Khuyến Mãi Nạp Lần Đầu Siêu Giá Trị
2230                        </h3>
2231                        <div class="text-2xl font-black text-[#10b981] flex items-center gap-2">
2232                            <span class="text-sm font-medium text-[#6ee7b7] uppercase">Bonus:</span>
2233                            Thưởng 100% Nạp
2234                        </div>
2235                    </div>
2236                    <p class="text-sm text-[#ecfdf5] opacity-80 leading-relaxed" title="Gấp đôi số vốn cho lần nạp đầu tiên. Tăng cơ hội chiến thắng và kéo dài thời gian trải nghiệm game mượt mà.">
2237                        Gấp đôi số vốn cho lần nạp đầu tiên. Tăng cơ hội chiến thắng và kéo dài thời gian trải nghiệm game mượt mà.
2238                    </p>
2239                    <div class="flex flex-col gap-2">
2240                        <div class="h-2 w-full bg-[#052e2b] rounded-full overflow-hidden border border-[#047857]">
2241                            <div class="h-full bg-[#10b981] rounded-full transition-all duration-500" style="width: 88%">
2242                            </div>
2243                        </div>
2244                        <div class="flex justify-between items-center text-[11px] md:text-xs font-medium text-[#6ee7b7]">
2245                            <span class="flex items-center gap-1">
2246                                💎 Claimed: 88%
2247                            </span>
2248                            <span class="flex items-center gap-1">
2249                                ⏳ Ends in: 8h 15m
2250                            </span>
2251                        </div>
2252                    </div>
2253                    <button onclick="downloadApp()" title="Claim Thưởng 100% Nạp now" class="w-full py-3.5 px-4 bg-[#10b981] hover:bg-[#059666] text-[#052e2b] font-bold rounded-xl transition-colors duration-200 flex items-center justify-center gap-2 shadow-md active:scale-95">
2254                        <span>Nạp Tiền</span>
2255                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
2256                            <path fill-rule="evenodd" d="M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm3.292-7.708a1 1 0 011.414 0L11 13.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
2257                        </svg>
2258                    </button>
2259                </div>
2260            </article>
2261            <article class="relative overflow-hidden rounded-2xl bg-[#064e3b] border border-[#047857] shadow-lg transition-transform duration-300 hover:scale-[1.01]" title="Mời Bạn Cùng Chơi - Nhận Thưởng Bạn Bè promotion">
2262                <div class="relative w-full overflow-hidden">
2263                    <img src="static/images/8474164c62ddf6569baa6adebbeb284481b2dc22.png" alt="Mời Bạn Cùng Chơi - Nhận Thưởng Bạn Bè promotion banner" loading="lazy" class="block w-full h-auto object-cover">
2264                    <span class="absolute top-3 left-3 bg-[#10b981] text-[#052e2b] text-xs font-bold px-2 py-1 rounded-md shadow-sm">
2265                        EXCLUSIVE
2266                    </span>
2267                </div>
2268                <div class="p-5 flex flex-col gap-4">
2269                    <div class="flex flex-col gap-1">
2270                        <h3 class="text-lg md:text-xl font-bold text-[#ecfdf5]">
2271                            Mời Bạn Cùng Chơi - Nhận Thưởng Bạn Bè
2272                        </h3>
2273                        <div class="text-2xl font-black text-[#10b981] flex items-center gap-2">
2274                            <span class="text-sm font-medium text-[#6ee7b7] uppercase">Bonus:</span>
2275                            500K Mỗi Lượt
2276                        </div>
2277                    </div>
2278                    <p class="text-sm text-[#ecfdf5] opacity-80 leading-relaxed" title="Chia sẻ niềm vui cùng bạn bè và nhận hoa hồng hấp dẫn. Càng nhiều bạn tham gia, thưởng càng tăng cao không giới hạn.">
2279                        Chia sẻ niềm vui cùng bạn bè và nhận hoa hồng hấp dẫn. Càng nhiều bạn tham gia, thưởng càng tăng cao không giới hạn.
2280                    </p>
2281                    <div class="flex flex-col gap-2">
2282                        <div class="h-2 w-full bg-[#052e2b] rounded-full overflow-hidden border border-[#047857]">
2283                            <div class="h-full bg-[#10b981] rounded-full transition-all duration-500" style="width: 54%">
2284                            </div>
2285                        </div>
2286                        <div class="flex justify-between items-center text-[11px] md:text-xs font-medium text-[#6ee7b7]">
2287                            <span class="flex items-center gap-1">
2288                                💎 Claimed: 54%
2289                            </span>
2290                            <span class="flex items-center gap-1">
2291                                ⏳ Ends in: Vĩnh Viễn
2292                            </span>
2293                        </div>
2294                    </div>
2295                    <button onclick="downloadApp()" title="Claim 500K Mỗi Lượt now" class="w-full py-3.5 px-4 bg-[#10b981] hover:bg-[#059666] text-[#052e2b] font-bold rounded-xl transition-colors duration-200 flex items-center justify-center gap-2 shadow-md active:scale-95">
2296                        <span>Mời Bạn</span>
2297                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
2298                            <path fill-rule="evenodd" d="M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm3.292-7.708a1 1 0 011.414 0L11 13.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
2299                        </svg>
2300                    </button>
2301                </div>
2302            </article>
2303            <article class="relative overflow-hidden rounded-2xl bg-[#064e3b] border border-[#047857] shadow-lg transition-transform duration-300 hover:scale-[1.01]" title=" Reload Bonus - Nạp Lại Mỗi Ngày promotion">
2304                <div class="relative w-full overflow-hidden">
2305                    <img src="static/images/5c5bd6761165500e57a0b03cbe92401ce068fcea.jpg" alt=" Reload Bonus - Nạp Lại Mỗi Ngày promotion banner" loading="lazy" class="block w-full h-auto object-cover">
2306                    <span class="absolute top-3 left-3 bg-[#10b981] text-[#052e2b] text-xs font-bold px-2 py-1 rounded-md shadow-sm">
2307                        ENDING SOON
2308                    </span>
2309                </div>
2310                <div class="p-5 flex flex-col gap-4">
2311                    <div class="flex flex-col gap-1">
2312                        <h3 class="text-lg md:text-xl font-bold text-[#ecfdf5]">
2313                             Reload Bonus - Nạp Lại Mỗi Ngày
2314                        </h3>
2315                        <div class="text-2xl font-black text-[#10b981] flex items-center gap-2">
2316                            <span class="text-sm font-medium text-[#6ee7b7] uppercase">Bonus:</span>
2317                            Thưởng 20% Hàng Ngày
2318                        </div>
2319                    </div>
2320                    <p class="text-sm text-[#ecfdf5] opacity-80 leading-relaxed" title="Nạp tiền mỗi ngày để nhận thêm bonus tiếp sức. Giúp bạn duy trì chuỗi thắng và chinh phục mọi bàn chơi casino.">
2321                        Nạp tiền mỗi ngày để nhận thêm bonus tiếp sức. Giúp bạn duy trì chuỗi thắng và chinh phục mọi bàn chơi casino.
2322                    </p>
2323                    <div class="flex flex-col gap-2">
2324                        <div class="h-2 w-full bg-[#052e2b] rounded-full overflow-hidden border border-[#047857]">
2325                            <div class="h-full bg-[#10b981] rounded-full transition-all duration-500" style="width: 81%">
2326                            </div>
2327                        </div>
2328                        <div class="flex justify-between items-center text-[11px] md:text-xs font-medium text-[#6ee7b7]">
2329                            <span class="flex items-center gap-1">
2330                                💎 Claimed: 81%
2331                            </span>
2332                            <span class="flex items-center gap-1">
2333                                ⏳ Ends in: 4h 20m
2334                            </span>
2335                        </div>
2336                    </div>
2337                    <button onclick="downloadApp()" title="Claim Thưởng 20% Hàng Ngày now" class="w-full py-3.5 px-4 bg-[#10b981] hover:bg-[#059666] text-[#052e2b] font-bold rounded-xl transition-colors duration-200 flex items-center justify-center gap-2 shadow-md active:scale-95">
2338                        <span>Nhận Thưởng</span>
2339                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
2340                            <path fill-rule="evenodd" d="M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm3.292-7.708a1 1 0 011.414 0L11 13.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
2341                        </svg>
2342                    </button>
2343                </div>
2344            </article>
2345        </div>
2346    </div>
2347</section>
2348<section class="py-8 px-4 md:py-12 md:px-6 bg-[#052e2b]">
2349    <div class="max-w-4xl mx-auto space-y-6">
2350        <article class="relative overflow-hidden rounded-2xl border border-[#047857] bg-[#064e3b] shadow-lg transition-transform duration-300 active:scale-[0.98]">
2351            <div class="p-5 md:p-8">
2352                <div class="flex flex-col items-center text-center gap-4 mb-6 md:flex-row md:items-center md:text-left md:gap-6">
2353                    <div class="flex-shrink-0 w-16 h-16 rounded-full bg-[#10b981] flex items-center justify-center text-3xl shadow-inner ring-4 ring-[#052e2b]">
2354                        <span class="block leading-none" title="Bắn Cá Vàng vnjw88 icon">🐟</span>
2355                    </div>
2356                    <div class="flex-grow">
2357                        <h3 class="text-xl md:text-2xl font-bold text-[#ecfdf5] leading-tight mb-1" title="Bắn Cá Vàng vnjw88">Bắn Cá Vàng vnjw88</h3>
2358                        <p class="text-sm md:text-base text-[#6ee7b7] font-medium opacity-90" title="Săn cá nhận thưởng lớn">Săn cá nhận thưởng lớn</p>
2359                    </div>
2360                </div>
2361                <div class="space-y-6">
2362                    <div class="text-[#ecfdf5] leading-relaxed text-sm md:text-base opacity-90" title="About Bắn Cá Vàng vnjw88">
2363                        <p>Tham gia cuộc phiêu lưu dưới đáy đại dương kỳ ảo, nơi bạn có thể săn tìm những loài cá quý hiếm và nhận về những phần thưởng giá trị.</p>
2364                    </div>
2365                    <div class="p-4 rounded-xl bg-[#052e2b] border-l-4 border-[#10b981]">
2366                        <h4 class="text-[#10b981] font-bold text-xs md:text-sm uppercase tracking-wider mb-2 flex items-center gap-2">
2367                            <span class="w-1 h-1 bg-[#10b981] rounded-full"></span>
2368                            How to Play
2369                        </h4>
2370                        <div class="text-[#6ee7b7] text-sm md:text-base leading-relaxed opacity-80" title="Gameplay rules for Bắn Cá Vàng vnjw88">
2371                            <ul><li>Sử dụng vũ khí hiện đại để tiêu diệt cá</li><li>Thu thập xu vàng từ mỗi con cá bị bắn hạ</li><li>Săn Boss lớn để nhận hũ jackpot khủng</li></ul>
2372                        </div>
2373                    </div>
2374                </div>
2375                <div class="mt-8 flex justify-center md:justify-end">
2376                    <button onclick="playGame('Bắn Cá Vàng vnjw88')" class="w-full md:w-auto px-8 py-3 bg-[#10b981] text-[#052e2b] font-bold rounded-full text-sm md:text-base transition-all hover:bg-[#6ee7b7] active:scale-95 shadow-md" title="Play Bắn Cá Vàng vnjw88 now">
2377                        PLAY NOW
2378                    </button>
2379                </div>
2380            </div>
2381        </article>
2382        <article class="relative overflow-hidden rounded-2xl border border-[#047857] bg-[#064e3b] shadow-lg transition-transform duration-300 active:scale-[0.98]">
2383            <div class="p-5 md:p-8">
2384                <div class="flex flex-col items-center text-center gap-4 mb-6 md:flex-row md:items-center md:text-left md:gap-6">
2385                    <div class="flex-shrink-0 w-16 h-16 rounded-full bg-[#10b981] flex items-center justify-center text-3xl shadow-inner ring-4 ring-[#052e2b]">
2386                        <span class="block leading-none" title="Nổ Hũ Kim Cương icon">💎</span>
2387                    </div>
2388                    <div class="flex-grow">
2389                        <h3 class="text-xl md:text-2xl font-bold text-[#ecfdf5] leading-tight mb-1" title="Nổ Hũ Kim Cương">Nổ Hũ Kim Cương</h3>
2390                        <p class="text-sm md:text-base text-[#6ee7b7] font-medium opacity-90" title="Quay hũ cực đã, thắng cực to">Quay hũ cực đã, thắng cực to</p>
2391                    </div>
2392                </div>
2393                <div class="space-y-6">
2394                    <div class="text-[#ecfdf5] leading-relaxed text-sm md:text-base opacity-90" title="About Nổ Hũ Kim Cương">
2395                        <p>
2395Một trong những trò chơi slot phổ biến nhất tại vnjw88 với đồ họa sắc nét và cơ hội trúng thưởng tích lũy cực cao mỗi ngày.</p>
2396                    </div>
2397                    <div class="p-4 rounded-xl bg-[#052e2b] border-l-4 border-[#10b981]">
2398                        <h4 class="text-[#10b981] font-bold text-xs md:text-sm uppercase tracking-wider mb-2 flex items-center gap-2">
2399                            <span class="w-1 h-1 bg-[#10b981] rounded-full"></span>
2400                            How to Play
2401                        </h4>
2402                        <div class="text-[#6ee7b7] text-sm md:text-base leading-relaxed opacity-80" title="Gameplay rules for Nổ Hũ Kim Cương">
2403                            <ul><li>Nhấn nút Quay để bắt đầu vòng quay may mắn</li><li>Khớp các biểu tượng trên cùng một hàng để thắng</li><li>Kích hoạt vòng quay miễn phí khi xuất hiện Scatter</li></ul>
2404                        </div>
2405                    </div>
2406                </div>
2407                <div class="mt-8 flex justify-center md:justify-end">
2408                    <button onclick="playGame('Nổ Hũ Kim Cương')" class="w-full md:w-auto px-8 py-3 bg-[#10b981] text-[#052e2b] font-bold rounded-full text-sm md:text-base transition-all hover:bg-[#6ee7b7] active:scale-95 shadow-md" title="Play Nổ Hũ Kim Cương now">
2409                        PLAY NOW
2410                    </button>
2411                </div>
2412            </div>
2413        </article>
2414        <article class="relative overflow-hidden rounded-2xl border border-[#047857] bg-[#064e3b] shadow-lg transition-transform duration-300 active:scale-[0.98]">
2415            <div class="p-5 md:p-8">
2416                <div class="flex flex-col items-center text-center gap-4 mb-6 md:flex-row md:items-center md:text-left md:gap-6">
2417                    <div class="flex-shrink-0 w-16 h-16 rounded-full bg-[#10b981] flex items-center justify-center text-3xl shadow-inner ring-4 ring-[#052e2b]">
2418                        <span class="block leading-none" title="Baccarat Live icon">🃏</span>
2419                    </div>
2420                    <div class="flex-grow">
2421                        <h3 class="text-xl md:text-2xl font-bold text-[#ecfdf5] leading-tight mb-1" title="Baccarat Live">Baccarat Live</h3>
2422                        <p class="text-sm md:text-base text-[#6ee7b7] font-medium opacity-90" title="Sòng bài đẳng cấp quốc tế">Sòng bài đẳng cấp quốc tế</p>
2423                    </div>
2424                </div>
2425                <div class="space-y-6">
2426                    <div class="text-[#ecfdf5] leading-relaxed text-sm md:text-base opacity-90" title="About Baccarat Live">
2427                        <p>Trải nghiệm cảm giác như đang ở Las Vegas với những Dealer chuyên nghiệp và hệ thống truyền hình trực tiếp chất lượng cao.</p>
2428                    </div>
2429                    <div class="p-4 rounded-xl bg-[#052e2b] border-l-4 border-[#10b981]">
2430                        <h4 class="text-[#10b981] font-bold text-xs md:text-sm uppercase tracking-wider mb-2 flex items-center gap-2">
2431                            <span class="w-1 h-1 bg-[#10b981] rounded-full"></span>
2432                            How to Play
2433                        </h4>
2434                        <div class="text-[#6ee7b7] text-sm md:text-base leading-relaxed opacity-80" title="Gameplay rules for Baccarat Live">
2435                            <ul><li>Đặt cược vào cửa Banker, Player hoặc Tie</li><li>Tổng điểm gần 9 nhất sẽ là người chiến thắng</li><li>Tỷ lệ trả thưởng minh bạch và nhanh chóng</li></ul>
2436                        </div>
2437                    </div>
2438                </div>
2439                <div class="mt-8 flex justify-center md:justify-end">
2440                    <button onclick="playGame('Baccarat Live')" class="w-full md:w-auto px-8 py-3 bg-[#10b981] text-[#052e2b] font-bold rounded-full text-sm md:text-base transition-all hover:bg-[#6ee7b7] active:scale-95 shadow-md" title="Play Baccarat Live now">
2441                        PLAY NOW
2442                    </button>
2443                </div>
2444            </div>
2445        </article>
2446        <article class="relative overflow-hidden rounded-2xl border border-[#047857] bg-[#064e3b] shadow-lg transition-transform duration-300 active:scale-[0.98]">
2447            <div class="p-5 md:p-8">
2448                <div class="flex flex-col items-center text-center gap-4 mb-6 md:flex-row md:items-center md:text-left md:gap-6">
2449                    <div class="flex-shrink-0 w-16 h-16 rounded-full bg-[#10b981] flex items-center justify-center text-3xl shadow-inner ring-4 ring-[#052e2b]">
2450                        <span class="block leading-none" title="Xóc Đĩa Trực Tuyến icon">🎲</span>
2451                    </div>
2452                    <div class="flex-grow">
2453                        <h3 class="text-xl md:text-2xl font-bold text-[#ecfdf5] leading-tight mb-1" title="Xóc Đĩa Trực Tuyến">Xóc Đĩa Trực Tuyến</h3>
2454                        <p class="text-sm md:text-base text-[#6ee7b7] font-medium opacity-90" title="Truyền thống kết hợp hiện đại">Truyền thống kết hợp hiện đại</p>
2455                    </div>
2456                </div>
2457                <div class="space-y-6">
2458                    <div class="text-[#ecfdf5] leading-relaxed text-sm md:text-base opacity-90" title="About Xóc Đĩa Trực Tuyến">
2459                        <p>Trò chơi dân gian Việt Nam được nâng tầm với công nghệ hiện đại, mang lại sự công bằng và hồi hộp trong từng ván cược.</p>
2460                    </div>
2461                    <div class="p-4 rounded-xl bg-[#052e2b] border-l-4 border-[#10b981]">
2462                        <h4 class="text-[#10b981] font-bold text-xs md:text-sm uppercase tracking-wider mb-2 flex items-center gap-2">
2463                            <span class="w-1 h-1 bg-[#10b981] rounded-full"></span>
2464                            How to Play
2465                        </h4>
2466                        <div class="text-[#6ee7b7] text-sm md:text-base leading-relaxed opacity-80" title="Gameplay rules for Xóc Đĩa Trực Tuyến">
2467                            <ul><li>Đặt cược vào kết quả Chẵn hoặc Lẻ</li><li>Dự đoán chính xác màu sắc của các quân vị</li><li>Nhận thưởng ngay lập tức sau khi Dealer mở bát</li></ul>
2468                        </div>
2469                    </div>
2470                </div>
2471                <div class="mt-8 flex justify-center md:justify-end">
2472                    <button onclick="playGame('Xóc Đĩa Trực Tuyến')" class="w-full md:w-auto px-8 py-3 bg-[#10b981] text-[#052e2b] font-bold rounded-full text-sm md:text-base transition-all hover:bg-[#6ee7b7] active:scale-95 shadow-md" title="Play Xóc Đĩa Trực Tuyến now">
2473                        PLAY NOW
2474                    </button>
2475                </div>
2476            </div>
2477        </article>
2478    </div>
2479</section>
2480<section class="py-12 px-4 bg-[#052e2b] overflow-hidden">
2481    <div class="max-w-6xl mx-auto">
2482        <header class="text-center mb-10">
2483            <h2 class="text-2xl md:text-4xl font-bold text-[#10b981] mb-3 leading-tight">
2484                Cách Bắt Đầu Thắng Lớn Tại vnjw88.com Trong 6 Bước
2485            </h2>
2486            <p class="text-sm md:text-base text-[#6ee7b7] max-w-2xl mx-auto px-2" title="Tham gia cùng hàng ngàn người chiến thắng tại vnjw88.com ngay hôm nay. Quy trình tham gia nhanh chóng, an toàn và cực kỳ đơn giản.">
2487                Tham gia cùng hàng ngàn người chiến thắng tại vnjw88.com ngay hôm nay. Quy trình tham gia nhanh chóng, an toàn và cực kỳ đơn giản.
2488            </p>
2489        </header>
2490        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 md:gap-6">
2491            <article class="relative group flex flex-col p-5 rounded-2xl border border-[#047857] bg-[#064e3b] transition-all duration-300 hover:border-[#10b981] hover:shadow-lg hover:shadow-[#10b981]/10">
2492                <div class="flex items-start gap-3 mb-3">
2493                    <span class="flex-shrink-0 w-7 h-7 rounded-full bg-[#10b981] text-[#052e2b] text-xs font-bold flex items-center justify-center">
2494                        1
2495                    </span>
2496                    <div class="flex items-center gap-2 overflow-hidden">
2497                        <span class="flex-shrink-0 text-xl" title="Đăng Ký Tài Khoản icon">
2498                            👤
2499                        </span>
2500                        <h3 class="text-base md:text-lg font-semibold text-[#ecfdf5] leading-tight truncate group-hover:text-[#10b981] transition-colors">
2501                            Đăng Ký Tài Khoản
2502                        </h3>
2503                    </div>
2504                </div>
2505                <div class="mt-auto">
2506                    <p class="text-sm text-[#6ee7b7] leading-relaxed opacity-90" title="Truy cập vnjw88.com và điền thông tin cơ bản để tạo tài khoản hội viên chính thức. Chỉ mất 30 giây để hoàn tất đăng ký.">
2507                        Truy cập vnjw88.com và điền thông tin cơ bản để tạo tài khoản hội viên chính thức. Chỉ mất 30 giây để hoàn tất đăng ký.
2508                    </p>
2509                </div>
2510            </article>
2511            <article class="relative group flex flex-col p-5 rounded-2xl border border-[#047857] bg-[#064e3b] transition-all duration-300 hover:border-[#10b981] hover:shadow-lg hover:shadow-[#10b981]/10">
2512                <div class="flex items-start gap-3 mb-3">
2513                    <span class="flex-shrink-0 w-7 h-7 rounded-full bg-[#10b981] text-[#052e2b] text-xs font-bold flex items-center justify-center">
2514                        2
2515                    </span>
2516                    <div class="flex items-center gap-2 overflow-hidden">
2517                        <span class="flex-shrink-0 text-xl" title="Nạp Tiền Vào Ví icon">
2518                            💰
2519                        </span>
2520                        <h3 class="text-base md:text-lg font-semibold text-[#ecfdf5] leading-tight truncate group-hover:text-[#10b981] transition-colors">
2521                            Nạp Tiền Vào Ví
2522                        </h3>
2523                    </div>
2524                </div>
2525                <div class="mt-auto">
2526                    <p class="text-sm text-[#6ee7b7] leading-relaxed opacity-90" title="Sử dụng các phương thức thanh toán an toàn tại vnjw88.com để nạp vốn khởi đầu. Hệ thống xử lý giao dịch tự động và siêu tốc.">
2527                        Sử dụng các phương thức thanh toán an toàn tại vnjw88.com để nạp vốn khởi đầu. Hệ thống xử lý giao dịch tự động và siêu tốc.
2528                    </p>
2529                </div>
2530            </article>
2531            <article class="relative group flex flex-col p-5 rounded-2xl border border-[#047857] bg-[#064e3b] transition-all duration-300 hover:border-[#10b981] hover:shadow-lg hover:shadow-[#10b981]/10">
2532                <div class="flex items-start gap-3 mb-3">
2533                    <span class="flex-shrink-0 w-7 h-7 rounded-full bg-[#10b981] text-[#052e2b] text-xs font-bold flex items-center justify-center">
2534                        3
2535                    </span>
2536                    <div class="flex items-center gap-2 overflow-hidden">
2537                        <span class="flex-shrink-0 text-xl" title="Nhận Khuyến Mãi icon">
2538                            🎁
2539                        </span>
2540                        <h3 class="text-base md:text-lg font-semibold text-[#ecfdf5] leading-tight truncate group-hover:text-[#10b981] transition-colors">
2541                            Nhận Khuyến Mãi
2542                        </h3>
2543                    </div>
2544                </div>
2545                <div class="mt-auto">
2546                    <p class="text-sm text-[#6ee7b7] leading-relaxed opacity-90" title="Kiểm tra mục Khuyến Mãi trên vnjw88.com để nhận thưởng nạp lần đầu và các gói quà tặng chào mừng dành cho thành viên mới.">
2547                        Kiểm tra mục Khuyến Mãi trên vnjw88.com để nhận thưởng nạp lần đầu và các gói quà tặng chào mừng dành cho thành viên mới.
2548                    </p>
2549                </div>
2550            </article>
2551            <article class="relative group flex flex-col p-5 rounded-2xl border border-[#047857] bg-[#064e3b] transition-all duration-300 hover:border-[#10b981] hover:shadow-lg hover:shadow-[#10b981]/10">
2552                <div class="flex items-start gap-3 mb-3">
2553                    <span class="flex-shrink-0 w-7 h-7 rounded-full bg-[#10b981] text-[#052e2b] text-xs font-bold flex items-center justify-center">
2554                        4
2555                    </span>
2556                    <div class="flex items-center gap-2 overflow-hidden">
2557                        <span class="flex-shrink-0 text-xl" title="Chọn Trò Chơi icon">
2558                            🎰
2559                        </span>
2560                        <h3 class="text-base md:text-lg font-semibold text-[#ecfdf5] leading-tight truncate group-hover:text-[#10b981] transition-colors">
2561                            Chọn Trò Chơi
2562                        </h3>
2563                    </div>
2564                </div>
2565                <div class="mt-auto">
2566                    <p class="text-sm text-[#6ee7b7] leading-relaxed opacity-90" title="Khám phá kho game đa dạng từ Casino trực tuyến đến Slot game tại vnjw88.com. Lựa chọn tựa game phù hợp với chiến thuật của bạn.">
2567                        Khám phá kho game đa dạng từ Casino trực tuyến đến Slot game tại vnjw88.com. Lựa chọn tựa game phù hợp với chiến thuật của bạn.
2568                    </p>
2569                </div>
2570            </article>
2571            <article class="relative group flex flex-col p-5 rounded-2xl border border-[#047857] bg-[#064e3b] transition-all duration-300 hover:border-[#10b981] hover:shadow-lg hover:shadow-[#10b981]/10">
2572                <div class="flex items-start gap-3 mb-3">
2573                    <span class="flex-shrink-0 w-7 h-7 rounded-full bg-[#10b981] text-[#052e2b] text-xs font-bold flex items-center justify-center">
2574                        5
2575                    </span>
2576                    <div class="flex items-center gap-2 overflow-hidden">
2577                        <span class="flex-shrink-0 text-xl" title="Đặt Cược &amp; Chơi icon">
2578                            ⚡
2579                        </span>
2580                        <h3 class="text-base md:text-lg font-semibold text-[#ecfdf5] leading-tight truncate group-hover:text-[#10b981] transition-colors">
2581                            Đặt Cược &amp; Chơi
2582                        </h3>
2583                    </div>
2584                </div>
2585                <div class="mt-auto">
2586                    <p class="text-sm text-[#6ee7b7] leading-relaxed opacity-90" title="Áp dụng chiến thuật và đặt cược vào game jw88 yêu thích. Trải nghiệm giao diện mượt mà và công bằng tuyệt đối tại vnjw88.com.">
2587                        Áp dụng chiến thuật và đặt cược vào game jw88 yêu thích. Trải nghiệm giao diện mượt mà và công bằng tuyệt đối tại vnjw88.com.
2588                    </p>
2589                </div>
2590            </article>
2591            <article class="relative group flex flex-col p-5 rounded-2xl border border-[#047857] bg-[#064e3b] transition-all duration-300 hover:border-[#10b981] hover:shadow-lg hover:shadow-[#10b981]/10">
2592                <div class="flex items-start gap-3 mb-3">
2593                    <span class="flex-shrink-0 w-7 h-7 rounded-full bg-[#10b981] text-[#052e2b] text-xs font-bold flex items-center justify-center">
2594                        6
2595                    </span>
2596                    <div class="flex items-center gap-2 overflow-hidden">
2597                        <span class="flex-shrink-0 text-xl" title="Rút Thưởng Về Túi icon">
2598                            🏆
2599                        </span>
2600                        <h3 class="text-base md:text-lg font-semibold text-[#ecfdf5] leading-tight truncate group-hover:text-[#10b981] transition-colors">
2601                            Rút Thưởng Về Túi
2602                        </h3>
2603                    </div>
2604                </div>
2605                <div class="mt-auto">
2606                    <p class="text-sm text-[#6ee7b7] leading-relaxed opacity-90" title="Khi giành chiến thắng, hãy thực hiện lệnh rút tiền tại vnjw88.com. Tiền thưởng sẽ được chuyển về tài khoản ngân hàng của bạn nhanh chóng.">
2607                        Khi giành chiến thắng, hãy thực hiện lệnh rút tiền tại vnjw88.com. Tiền thưởng sẽ được chuyển về tài khoản ngân hàng của bạn nhanh chóng.
2608                    </p>
2609                </div>
2610            </article>
2611        </div>
2612        <div class="mt-12 text-center px-4">
2613            <div class="inline-block p-6 rounded-3xl border-2 border-[#047857] bg-[#064e3b] w-full sm:w-auto max-w-md">
2614                <button onclick="downloadApp()" class="w-full px-8 py-4 bg-[#10b981] text-[#052e2b] font-bold rounded-xl text-lg transition-all active:scale-95 hover:bg-[#6ee7b7] shadow-lg shadow-[#10b981]/20" title="Download the app to start playing">
2615                    Tải App vnjw88.com &amp; Xem Hướng Dẫn
2616                </button>
2617                <p class="mt-4 text-xs text-[#6ee7b7] italic opacity-80">
2618                    Hỗ trợ trên iOS &amp; Android - Cập nhật 2024
2619                </p>
2620            </div>
2621        </div>
2622    </div>
2623</section>
2624<section class="py-12 px-4 md:py-20 md:px-8 bg-[#052e2b]">
2625    <header class="max-w-4xl mx-auto text-center mb-10">
2626        <div class="text-[#10b981] font-medium text-sm tracking-widest mb-3 opacity-80">
2627            ---- 🏆 ----
2628        </div>
2629        <h2 class="text-2xl md:text-4xl font-bold text-[#ecfdf5] mb-4 leading-tight">
2630            Bảng Vàng Thắng Thưởng
2631        </h2>
2632        <p class="text-sm md:text-base text-[#6ee7b7] max-w-2xl mx-auto opacity-90 leading-relaxed">
2633            Cập nhật trực tiếp các lượt thắng lớn nhất từ người chơi
2634        </p>
2635    </header>
2636    <div class="max-w-3xl mx-auto grid gap-4 md:gap-6">
2637        <article class="relative overflow-hidden bg-[#064e3b] border border-[#047857] rounded-2xl p-4 md:p-6 transition-transform duration-300 hover:scale-[1.02] shadow-lg shadow-black/20">
2638            <div class="absolute top-0 right-0 bg-[#10b981] text-[#052e2b] text-[10px] font-bold uppercase tracking-tighter px-3 py-1 rounded-bl-xl shadow-sm">
2639                Jackpot
2640            </div>
2641            <div class="flex flex-col gap-4">
2642                <div class="flex items-center justify-between">
2643                    <div class="flex items-center gap-3">
2644                        <div class="flex-shrink-0 w-10 h-10 md:w-12 md:h-12 rounded-full bg-[#052e2b] border-2 border-[#10b981] flex items-center justify-center text-lg md:text-xl shadow-inner">
2645                            <span class="block">😎</span>
2646                        </div>
2647                        <div class="flex flex-col">
2648                            <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] leading-tight">
2649                                Hoàng_Nam88
2650                            </h3>
2651                            <span class="text-[11px] md:text-xs text-[#6ee7b7] font-medium px-2 py-0.5 bg-[#052e2b] rounded-full border border-[#047857] inline-block w-fit mt-1">
2652                                Nổ Hũ Thần Tài
2653                            </span>
2654                        </div>
2655                    </div>
2656                    <span class="text-[10px] md:text-xs text-[#6ee7b7] opacity-60 flex items-center gap-1 whitespace-nowrap">
2657                        🕒 2 phút trước
2658                    </span>
2659                </div>
2660                <div class="flex flex-col md:flex-row md:items-center gap-2 md:gap-4 py-2">
2661                    <div class="text-2xl md:text-3xl font-black text-[#10b981] tracking-tight drop-shadow-sm">
2662                        15.200.000 ₫
2663                    </div>
2664                    <div class="hidden md:block h-6 w-px bg-[#047857]"></div>
2665                    <p class="text-xs md:text-sm text-[#ecfdf5] opacity-80 italic line-clamp-2 md:line-clamp-none leading-relaxed relative">
2666                        <span class="text-[#10b981] font-serif opacity-50 mr-1">“</span>
2667                        Không tin được luôn, quay vài vòng mà nổ hũ lớn quá!
2668                        <span class="text-[#10b981] font-serif opacity-50 ml-1">”</span>
2669                    </p>
2670                </div>
2671                <div class="md:hidden">
2672                    <p class="text-xs text-[#ecfdf5] opacity-80 italic leading-relaxed relative bg-[#052e2b]/40 p-3 rounded-lg border-l-2 border-[#10b981]">
2673                        Không tin được luôn, quay vài vòng mà nổ hũ lớn quá!
2674                    </p>
2675                </div>
2676            </div>
2677        </article>
2678        <article class="relative overflow-hidden bg-[#064e3b] border border-[#047857] rounded-2xl p-4 md:p-6 transition-transform duration-300 hover:scale-[1.02] shadow-lg shadow-black/20">
2679            <div class="flex flex-col gap-4">
2680                <div class="flex items-center justify-between">
2681                    <div class="flex items-center gap-3">
2682                        <div class="flex-shrink-0 w-10 h-10 md:w-12 md:h-12 rounded-full bg-[#052e2b] border-2 border-[#10b981] flex items-center justify-center text-lg md:text-xl shadow-inner">
2683                            <span class="block">👩</span>
2684                        </div>
2685                        <div class="flex flex-col">
2686                            <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] leading-tight">
2687                                MinhAnh_VN
2688                            </h3>
2689                            <span class="text-[11px] md:text-xs text-[#6ee7b7] font-medium px-2 py-0.5 bg-[#052e2b] rounded-full border border-[#047857] inline-block w-fit mt-1">
2690                                Baccarat Live
2691                            </span>
2692                        </div>
2693                    </div>
2694                    <span class="text-[10px] md:text-xs text-[#6ee7b7] opacity-60 flex items-center gap-1 whitespace-nowrap">
2695                        🕒 10 phút trước
2696                    </span>
2697                </div>
2698                <div class="flex flex-col md:flex-row md:items-center gap-2 md:gap-4 py-2">
2699                    <div class="text-2xl md:text-3xl font-black text-[#10b981] tracking-tight drop-shadow-sm">
2700                        2.450.000 ₫
2701                    </div>
2702                    <div class="hidden md:block h-6 w-px bg-[#047857]"></div>
2703                    <p class="text-xs md:text-sm text-[#ecfdf5] opacity-80 italic line-clamp-2 md:line-clamp-none leading-relaxed relative">
2704                        <span class="text-[#10b981] font-serif opacity-50 mr-1">“</span>
2705                        Chiến thuật đúng bài, thắng đậm ván này rồi!
2706                        <span class="text-[#10b981] font-serif opacity-50 ml-1">”</span>
2707                    </p>
2708                </div>
2709                <div class="md:hidden">
2710                    <p class="text-xs text-[#ecfdf5] opacity-80 italic leading-relaxed relative bg-[#052e2b]/40 p-3 rounded-lg border-l-2 border-[#10b981]">
2711                        Chiến thuật đúng bài, thắng đậm ván này rồi!
2712                    </p>
2713                </div>
2714            </div>
2715        </article>
2716        <article class="relative overflow-hidden bg-[#064e3b] border border-[#047857] rounded-2xl p-4 md:p-6 transition-transform duration-300 hover:scale-[1.02] shadow-lg shadow-black/20">
2717            <div class="flex flex-col gap-4">
2718                <div class="flex items-center justify-between">
2719                    <div class="flex items-center gap-3">
2720                        <div class="flex-shrink-0 w-10 h-10 md:w-12 md:h-12 rounded-full bg-[#052e2b] border-2 border-[#10b981] flex items-center justify-center text-lg md:text-xl shadow-inner">
2721                            <span class="block">🧔</span>
2722                        </div>
2723                        <div class="flex flex-col">
2724                            <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] leading-tight">
2725                                TuấnKiệt_9x
2726                            </h3>
2727                            <span class="text-[11px] md:text-xs text-[#6ee7b7] font-medium px-2 py-0.5 bg-[#052e2b] rounded-full border border-[#047857] inline-block w-fit mt-1">
2728                                Bắn Cá Jackpot
2729                            </span>
2730                        </div>
2731                    </div>
2732                    <span class="text-[10px] md:text-xs text-[#6ee7b7] opacity-60 flex items-center gap-1 whitespace-nowrap">
2733                        🕒 15 phút trước
2734                    </span>
2735                </div>
2736                <div class="flex flex-col md:flex-row md:items-center gap-2 md:gap-4 py-2">
2737                    <div class="text-2xl md:text-3xl font-black text-[#10b981] tracking-tight drop-shadow-sm">
2738                        890.000 ₫
2739                    </div>
2740                    <div class="hidden md:block h-6 w-px bg-[#047857]"></div>
2741                    <p class="text-xs md:text-sm text-[#ecfdf5] opacity-80 italic line-clamp-2 md:line-clamp-none leading-relaxed relative">
2742                        <span class="text-[#10b981] font-serif opacity-50 mr-1">“</span>
2743                        Săn được cá mập vàng, thưởng về túi cực nhanh.
2744                        <span class="text-[#10b981] font-serif opacity-50 ml-1">”</span>
2745                    </p>
2746                </div>
2747                <div class="md:hidden">
2748                    <p class="text-xs text-[#ecfdf5] opacity-80 italic leading-relaxed relative bg-[#052e2b]/40 p-3 rounded-lg border-l-2 border-[#10b981]">
2749                        Săn được cá mập vàng, thưởng về túi cực nhanh.
2750                    </p>
2751                </div>
2752            </div>
2753        </article>
2754        <article class="relative overflow-hidden bg-[#064e3b] border border-[#047857] rounded-2xl p-4 md:p-6 transition-transform duration-300 hover:scale-[1.02] shadow-lg shadow-black/20">
2755            <div class="absolute top-0 right-0 bg-[#10b981] text-[#052e2b] text-[10px] font-bold uppercase tracking-tighter px-3 py-1 rounded-bl-xl shadow-sm">
2756                Jackpot
2757            </div>
2758            <div class="flex flex-col gap-4">
2759                <div class="flex items-center justify-between">
2760                    <div class="flex items-center gap-3">
2761                        <div class="flex-shrink-0 w-10 h-10 md:w-12 md:h-12 rounded-full bg-[#052e2b] border-2 border-[#10b981] flex items-center justify-center text-lg md:text-xl shadow-inner">
2762                            <span class="block">🙂</span>
2763                        </div>
2764                        <div class="flex flex-col">
2765                            <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] leading-tight">
2766                                NgọcLan_2k
2767                            </h3>
2768                            <span class="text-[11px] md:text-xs text-[#6ee7b7] font-medium px-2 py-0.5 bg-[#052e2b] rounded-full border border-[#047857] inline-block w-fit mt-1">
2769                                Vòng Quay May Mắn
2770                            </span>
2771                        </div>
2772                    </div>
2773                    <span class="text-[10px] md:text-xs text-[#6ee7b7] opacity-60 flex items-center gap-1 whitespace-nowrap">
2774                        🕒 22 phút trước
2775                    </span>
2776                </div>
2777                <div class="flex flex-col md:flex-row md:items-center gap-2 md:gap-4 py-2">
2778                    <div class="text-2xl md:text-3xl font-black text-[#10b981] tracking-tight drop-shadow-sm">
2779                        55.000.000 ₫
2780                    </div>
2781                    <div class="hidden md:block h-6 w-px bg-[#047857]"></div>
2782                    <p class="text-xs md:text-sm text-[#ecfdf5] opacity-80 italic line-clamp-2 md:line-clamp-none leading-relaxed relative">
2783                        <span class="text-[#10b981] font-serif opacity-50 mr-1">“</span>
2784                        Trúng Jackpot đỉnh cao! Đây là số tiền lớn nhất tôi từng thắng.
2785                        <span class="text-[#10b981] font-serif opacity-50 ml-1">”</span>
2786                    </p>
2787                </div>
2788                <div class="md:hidden">
2789                    <p class="text-xs text-[#ecfdf5] opacity-80 italic leading-relaxed relative bg-[#052e2b]/40 p-3 rounded-lg border-l-2 border-[#10b981]">
2790                        Trúng Jackpot đỉnh cao! Đây là số tiền lớn nhất tôi từng thắng.
2791                    </p>
2792                </div>
2793            </div>
2794        </article>
2795        <article class="relative overflow-hidden bg-[#064e3b] border border-[#047857] rounded-2xl p-4 md:p-6 transition-transform duration-300 hover:scale-[1.02] shadow-lg shadow-black/20">
2796            <div class="flex flex-col gap-4">
2797                <div class="flex items-center justify-between">
2798                    <div class="flex items-center gap-3">
2799                        <div class="flex-shrink-0 w-10 h-10 md:w-12 md:h-12 rounded-full bg-[#052e2b] border-2 border-[#10b981] flex items-center justify-center text-lg md:text-xl shadow-inner">
2800                            <span class="block">👨</span>
2801                        </div>
2802                        <div class="flex flex-col">
2803                            <h3 class="text-sm md:text-base font-bold text-[#ecfdf5] leading-tight">
2804                                QuốcHưng_VIP
2805                            </h3>
2806                            <span class="text-[11px] md:text-xs text-[#6ee7b7] font-medium px-2 py-0.5 bg-[#052e2b] rounded-full border border-[#047857] inline-block w-fit mt-1">
2807                                Poker Texas Hold'em
2808                            </span>
2809                        </div>
2810                    </div>
2811                    <span class="text-[10px] md:text-xs text-[#6ee7b7] opacity-60 flex items-center gap-1 whitespace-nowrap">
2812                        🕒 35 phút trước
2813                    </span>
2814                </div>
2815                <div class="flex flex-col md:flex-row md:items-center gap-2 md:gap-4 py-2">
2816                    <div class="text-2xl md:text-3xl font-black text-[#10b981] tracking-tight drop-shadow-sm">
2817                        4.100.000 ₫
2818                    </div>
2819                    <div class="hidden md:block h-6 w-px bg-[#047857]"></div>
2820                    <p class="text-xs md:text-sm text-[#ecfdf5] opacity-80 italic line-clamp-2 md:line-clamp-none leading-relaxed relative">
2821                        <span class="text-[#10b981] font-serif opacity-50 mr-1">“</span>
2822                        Một ván bài cân não và kết thúc bằng chiến thắng tuyệt đối.
2823                        <span class="text-[#10b981] font-serif opacity-50 ml-1">”</span>
2824                    </p>
2825                </div>
2826                <div class="md:hidden">
2827                    <p class="text-xs text-[#ecfdf5] opacity-80 italic leading-relaxed relative bg-[#052e2b]/40 p-3 rounded-lg border-l-2 border-[#10b981]">
2828                        Một ván bài cân não và kết thúc bằng chiến thắng tuyệt đối.
2829                    </p>
2830                </div>
2831            </div>
2832        </article>
2833    </div>
2834</section>
2835<section class="py-8 px-4 md:py-12 md:px-6 bg-[#052e2b]" title="Đánh giá từ người chơi">
2836  <div class="max-w-4xl mx-auto">
2837    <header class="mb-8 text-center md:text-left">
2838      <h2 class="text-xl md:text-2xl font-bold text-[#ecfdf5] mb-2" title="Đánh giá từ người chơi">
2839        Đánh giá từ người chơi
2840      </h2>
2841      <p class="text-sm md:text-base text-[#6ee7b7] opacity-90" title="Cộng đồng chia sẻ trải nghiệm thực tế tại jw88">
2842        Cộng đồng chia sẻ trải nghiệm thực tế tại jw88
2843      </p>
2844    </header>
2845    <div class="grid grid-cols-1 gap-4 md:gap-6">
2846      <article class="relative overflow-hidden rounded-xl bg-[#064e3b] border border-[#047857] p-4 md:p-6 transition-transform duration-300 hover:translate-y-[-2px]" title="Review by Phạm Lan Chi">
2847        <div class="flex items-center justify-between mb-4">
2848          <div class="flex items-center gap-3">
2849            <div class="flex items-center justify-center w-10 h-10 rounded-full bg-[#047857] text-[#ecfdf5] font-bold text-sm shrink-0 border border-[#10b981]">
2850              👩
2851            </div>
2852            <div>
2853              <h3 class="text-sm md:text-base font-semibold text-[#ecfdf5]" title="Phạm Lan Chi">
2854                Phạm Lan Chi
2855              </h3>
2856              <div class="flex items-center gap-2 text-xs text-[#6ee7b7]">
2857                <span class="flex items-center gap-1">
2858                  <span class="text-[#10b981]">★</span>
2859                  <span class="font-medium">5.0</span>
2860                </span>
2861                <span class="opacity-50">•</span>
2862                <span>2 giờ trước</span>
2863              </div>
2864            </div>
2865          </div>
2866          <div class="hidden sm:flex items-center gap-1 px-2 py-1 rounded-md bg-[#052e2b] border border-[#047857] text-[10px] font-bold text-[#10b981] uppercase tracking-wider">
2867            <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20">
2868              <path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.013 3.066 3.066 0 01.723 1.745 3.066 3.066 0 000 3.976 3.066 3.066 0 01-.723 1.745 3.066 3.066 0 01-2.013 2.812 3.066 3.066 0 01-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.013 3.066 3.066 0 01-.723-1.745 3.066 3.066 0 000-3.976 3.066 3.066 0 01.723-1.745 3.066 3.066 0 012.013-2.812z" clip-rule="evenodd"></path>
2869              <path d="M10 12a2 2 0 100-4 2 2 0 000 4z"></path>
2870            </svg>
2871            Verified Player
2872          </div>
2873        </div>
2874        <div class="mb-4">
2875          <p class="text-sm md:text-base text-[#ecfdf5] leading-relaxed opacity-90" title="Tôi rất ấn tượng với tốc độ nạp rút tiền tại jw88 com. Mọi giao dịch đều diễn ra nhanh chóng và minh bạch, mang lại cảm giác an tâm tuyệt đối.">
2876            Tôi rất ấn tượng với tốc độ nạp rút tiền tại jw88 com. Mọi giao dịch đều diễn ra nhanh chóng và minh bạch, mang lại cảm giác an tâm tuyệt đối.
2877          </p>
2878        </div>
2879        <div class="flex items-center justify-between pt-3 border-t border-[#047857] opacity-70">
2880          <div class="flex items-center gap-1 text-xs text-[#6ee7b7]">
2881            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2882              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.718-1.318a4.5 4.5 0 00-6.364 0z"></path>
2883            </svg>
2884            <span class="font-medium">124</span>
2885          </div>
2886          <span class="text-[10px] font-medium text-[#10b981] sm:hidden">✓ Verified</span>
2887        </div>
2888      </article>
2889      <article class="relative overflow-hidden rounded-xl bg-[#064e3b] border border-[#047857] p-4 md:p-6 transition-transform duration-300 hover:translate-y-[-2px]" title="Review by Nguyễn Văn Sơn">
2890        <div class="flex items-center justify-between mb-4">
2891          <div class="flex items-center gap-3">
2892            <div class="flex items-center justify-center w-10 h-10 rounded-full bg-[#047857] text-[#ecfdf5] font-bold text-sm shrink-0 border border-[#10b981]">
2893              👨
2894            </div>
2895            <div>
2896              <h3 class="text-sm md:text-base font-semibold text-[#ecfdf5]" title="Nguyễn Văn Sơn">
2897                Nguyễn Văn Sơn
2898              </h3>
2899              <div class="flex items-center gap-2 text-xs text-[#6ee7b7]">
2900                <span class="flex items-center gap-1">
2901                  <span class="text-[#10b981]">★</span>
2902                  <span class="font-medium">4.8</span>
2903                </span>
2904                <span class="opacity-50">•</span>
2905                <span>5 giờ trước</span>
2906              </div>
2907            </div>
2908          </div>
2909          <div class="hidden sm:flex items-center gap-1 px-2 py-1 rounded-md bg-[#052e2b] border border-[#047857] text-[10px] font-bold text-[#10b981] uppercase tracking-wider">
2910            <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20">
2911              <path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.013 3.066 3.066 0 01.723 1.745 3.066 3.066 0 000 3.976 3.066 3.066 0 01-.723 1.745 3.066 3.066 0 01-2.013 2.812 3.066 3.066 0 01-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.013 3.066 3.066 0 01-.723-1.745 3.066 3.066 0 000-3.976 3.066 3.066 0 01.723-1.745 3.066 3.066 0 012.013-2.812z" clip-rule="evenodd"></path>
2912              <path d="M10 12a2 2 0 100-4 2 2 0 000 4z"></path>
2913            </svg>
2914            Verified Player
2915          </div>
2916        </div>
2917        <div class="mb-4">
2918          <p class="text-sm md:text-base text-[#ecfdf5] leading-relaxed opacity-90" title="Game jw88 có đồ họa cực kỳ mượt mà và âm thanh sống động. Tôi đặc biệt thích sự đa dạng của các trò chơi casino, không bao giờ thấy chán.">
2919            Game jw88 có đồ họa cực kỳ mượt mà và âm thanh sống động. Tôi đặc biệt thích sự đa dạng của các trò chơi casino, không bao giờ thấy chán.
2920          </p>
2921        </div>
2922        <div class="flex items-center justify-between pt-3 border-t border-[#047857] opacity-70">
2923          <div class="flex items-center gap-1 text-xs text-[#6ee7b7]">
2924            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2925              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.718-1.318a4.5 4.5 0 00-6.364 0z"></path>
2926            </svg>
2927            <span class="font-medium">89</span>
2928          </div>
2929          <span class="text-[10px] font-medium text-[#10b981] sm:hidden">✓ Verified</span>
2930        </div>
2931      </article>
2932      <article class="relative overflow-hidden rounded-xl bg-[#064e3b] border border-[#047857] p-4 md:p-6 transition-transform duration-300 hover:translate-y-[-2px]" title="Review by Nguyễn Thị Hải">
2933        <div class="flex items-center justify-between mb-4">
2934          <div class="flex items-center gap-3">
2935            <div class="flex items-center justify-center w-10 h-10 rounded-full bg-[#047857] text-[#ecfdf5] font-bold text-sm shrink-0 border border-[#10b981]">
2936              👩
2937            </div>
2938            <div>
2939              <h3 class="text-sm md:text-base font-semibold text-[#ecfdf5]" title="Nguyễn Thị Hải">
2940                Nguyễn Thị Hải
2941              </h3>
2942              <div class="flex items-center gap-2 text-xs text-[#6ee7b7]">
2943                <span class="flex items-center gap-1">
2944                  <span class="text-[#10b981]">★</span>
2945                  <span class="font-medium">4.9</span>
2946                </span>
2947                <span class="opacity-50">•</span>
2948                <span>1 ngày trước</span>
2949              </div>
2950            </div>
2951          </div>
2952          <div class="hidden sm:flex items-center gap-1 px-2 py-1 rounded-md bg-[#052e2b] border border-[#047857] text-[10px] font-bold text-[#10b981] uppercase tracking-wider">
2953            <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20">
2954              <path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.013 3.066 3.066 0 01.723 1.745 3.066 3.066 0 000 3.976 3.066 3.066 0 01-.723 1.745 3.066 3.066 0 01-2.013 2.812 3.066 3.066 0 01-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.013 3.066 3.066 0 01-.723-1.745 3.066 3.066 0 000-3.976 3.066 3.066 0 01.723-1.745 3.066 3.066 0 012.013-2.812z" clip-rule="evenodd"></path>
2955              <path d="M10 12a2 2 0 100-4 2 2 0 000 4z"></path>
2956            </svg>
2957            Verified Player
2958          </div>
2959        </div>
2960        <div class="mb-4">
2961          <p class="text-sm md:text-base text-[#ecfdf5] leading-relaxed opacity-90" title="Đội ngũ hỗ trợ khách hàng rất nhiệt tình và chu đáo. Mỗi khi tôi gặp khó khăn trong quá trình đăng ký, họ đều giải đáp tận tình và nhanh chóng.">
2962            Đội ngũ hỗ trợ khách hàng rất nhiệt tình và chu đáo. Mỗi khi tôi gặp khó khăn trong quá trình đăng ký, họ đều giải đáp tận tình và nhanh chóng.
2963          </p>
2964        </div>
2965        <div class="flex items-center justify-between pt-3 border-t border-[#047857] opacity-70">
2966          <div class="flex items-center gap-1 text-xs text-[#6ee7b7]">
2967            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2968              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.718-1.318a4.5 4.5 0 00-6.364 0z"></path>
2969            </svg>
2970            <span class="font-medium">67</span>
2971          </div>
2972          <span class="text-[10px] font-medium text-[#10b981] sm:hidden">✓ Verified</span>
2973        </div>
2974      </article>
2975      <article class="relative overflow-hidden rounded-xl bg-[#064e3b] border border-[#047857] p-4 md:p-6 transition-transform duration-300 hover:translate-y-[-2px]" title="Review by Nguyễn Đình Trọng">
2976        <div class="flex items-center justify-between mb-4">
2977          <div class="flex items-center gap-3">
2978            <div class="flex items-center justify-center w-10 h-10 rounded-full bg-[#047857] text-[#ecfdf5] font-bold text-sm shrink-0 border border-[#10b981]">
2979              🧔
2980            </div>
2981            <div>
2982              <h3 class="text-sm md:text-base font-semibold text-[#ecfdf5]" title="Nguyễn Đình Trọng">
2983                Nguyễn Đình Trọng
2984              </h3>
2985              <div class="flex items-center gap-2 text-xs text-[#6ee7b7]">
2986                <span class="flex items-center gap-1">
2987                  <span class="text-[#10b981]">★</span>
2988                  <span class="font-medium">5.0</span>
2989                </span>
2990                <span class="opacity-50">•</span>
2991                <span>3 ngày trước</span>
2992              </div>
2993            </div>
2994          </div>
2995          <div class="hidden sm:flex items-center gap-1 px-2 py-1 rounded-md bg-[#052e2b] border border-[#047857] text-[10px] font-bold text-[#10b981] uppercase tracking-wider">
2996            <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20">
2997              <path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.013 3.066 3.066 0 01.723 1.745 3.066 3.066 0 000 3.976 3.066 3.066 0 01-.723 1.745 3.066 3.066 0 01-2.013 2.812 3.066 3.066 0 01-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.013 3.066 3.066 0 01-.723-1.745 3.066 3.066 0 000-3.976 3.066 3.066 0 01.723-1.745 3.066 3.066 0 012.013-2.812z" clip-rule="evenodd"></path>
2998              <path d="M10 12a2 2 0 100-4 2 2 0 000 4z"></path>
2999            </svg>
3000            Verified Player
3001          </div>
3002        </div>
3003        <div class="mb-4">
3004          <p class="text-sm md:text-base text-[#ecfdf5] leading-relaxed opacity-90" title="Tôi đã thử nhiều nền tảng nhưng jw88 casino vẫn là nơi uy tín nhất. Tỷ lệ thắng cao và các chương trình khuyến mãi cho thành viên mới rất hấp dẫn.">
3005            Tôi đã thử nhiều nền tảng nhưng jw88 casino vẫn là nơi uy tín nhất. Tỷ lệ thắng cao và các chương trình khuyến mãi cho thành viên mới rất hấp dẫn.
3006          </p>
3007        </div>
3008        <div class="flex items-center justify-between pt-3 border-t border-[#047857] opacity-70">
3009          <div class="flex items-center gap-1 text-xs text-[#6ee7b7]">
3010            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
3011              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.718-1.318a4.5 4.5 0 00-6.364 0z"></path>
3012            </svg>
3013            <span class="font-medium">156</span>
3014          </div>
3015          <span class="text-[10px] font-medium text-[#10b981] sm:hidden">✓ Verified</span>
3016        </div>
3017      </article>
3018      <article class="relative overflow-hidden rounded-xl bg-[#064e3b] border border-[#047857] p-4 md:p-6 transition-transform duration-300 hover:translate-y-[-2px]" title="Review by Phạm Tiến Thành">
3019        <div class="flex items-center justify-between mb-4">
3020          <div class="flex items-center gap-3">
3021            <div class="flex items-center justify-center w-10 h-10 rounded-full bg-[#047857] text-[#ecfdf5] font-bold text-sm shrink-0 border border-[#10b981]">
3022              👨
3023            </div>
3024            <div>
3025              <h3 class="text-sm md:text-base font-semibold text-[#ecfdf5]" title="Phạm Tiến Thành">
3026                Phạm Tiến Thành
3027              </h3>
3028              <div class="flex items-center gap-2 text-xs text-[#6ee7b7]">
3029                <span class="flex items-center gap-1">
3030                  <span class="text-[#10b981]">★</span>
3031                  <span class="font-medium">4.7</span>
3032                </span>
3033                <span class="opacity-50">•</span>
3034                <span>1 tuần trước</span>
3035              </div>
3036            </div>
3037          </div>
3038          <div class="hidden sm:flex items-center gap-1 px-2 py-1 rounded-md bg-[#052e2b] border border-[#047857] text-[10px] font-bold text-[#10b981] uppercase tracking-wider">
3039            <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20">
3040              <path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.013 3.066 3.066 0 01.723 1.745 3.066 3.066 0 000 3.976 3.066 3.066 0 01-.723 1.745 3.066 3.066 0 01-2.013 2.812 3.066 3.066 0 01-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.013 3.066 3.066 0 01-.723-1.745 3.066 3.066 0 000-3.976 3.066 3.066 0 01.723-1.745 3.066 3.066 0 012.013-2.812z" clip-rule="evenodd"></path>
3041              <path d="M10 12a2 2 0 100-4 2 2 0 000 4z"></path>
3042            </svg>
3043            Verified Player
3044          </div>
3045        </div>
3046        <div class="mb-4">
3047          <p class="text-sm md:text-base text-[#ecfdf5] leading-relaxed opacity-90" title="Ứng dụng chạy rất ổn định trên điện thoại, không hề bị giật lag. Tôi có thể tham gia đặt cược mọi lúc mọi nơi một cách vô cùng tiện lợi.">
3048            Ứng dụng chạy rất ổn định trên điện thoại, không hề bị giật lag. Tôi có thể tham gia đặt cược mọi lúc mọi nơi một cách vô cùng tiện lợi.
3049          </p>
3050        </div>
3051        <div class="flex items-center justify-between pt-3 border-t border-[#047857] opacity-70">
3052          <div class="flex items-center gap-1 text-xs text-[#6ee7b7]">
3053            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
3054              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.718-1.318a4.5 4.5 0 00-6.364 0z"></path>
3055            </svg>
3056            <span class="font-medium">42</span>
3057          </div>
3058          <span class="text-[10px] font-medium text-[#10b981] sm:hidden">✓ Verified</span>
3059        </div>
3060      </article>
3061      <article class="relative overflow-hidden rounded-xl bg-[#064e3b] border border-[#047857] p-4 md:p-6 transition-transform duration-300 hover:translate-y-[-2px]" title="Review by Lê Văn Hậu">
3062        <div class="flex items-center justify-between mb-4">
3063          <div class="flex items-center gap-3">
3064            <div class="flex items-center justify-center w-10 h-10 rounded-full bg-[#047857] text-[#ecfdf5] font-bold text-sm shrink-0 border border-[#10b981]">
3065              😎
3066            </div>
3067            <div>
3068              <h3 class="text-sm md:text-base font-semibold text-[#ecfdf5]" title="Lê Văn Hậu">
3069                Lê Văn Hậu
3070              </h3>
3071              <div class="flex items-center gap-2 text-xs text-[#6ee7b7]">
3072                <span class="flex items-center gap-1">
3073                  <span class="text-[#10b981]">★</span>
3074                  <span class="font-medium">4.9</span>
3075                </span>
3076                <span class="opacity-50">•</span>
3077                <span>2 tuần trước</span>
3078              </div>
3079            </div>
3080          </div>
3081          <div class="hidden sm:flex items-center gap-1 px-2 py-1 rounded-md bg-[#052e2b] border border-[#047857] text-[10px] font-bold text-[#10b981] uppercase tracking-wider">
3082            <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20">
3083              <path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.013 3.066 3.066 0 01.723 1.745 3.066 3.066 0 000 3.976 3.066 3.066 0 01-.723 1.745 3.066 3.066 0 01-2.013 2.812 3.066 3.066 0 01-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.013 3.066 3.066 0 01-.723-1.745 3.066 3.066 0 000-3.976 3.066 3.066 0 01.723-1.745 3.066 3.066 0 012.013-2.812z" clip-rule="evenodd"></path>
3084              <path d="M10 12a2 2 0 100-4 2 2 0 000 4z"></path>
3085            </svg>
3086            Verified Player
3087          </div>
3088        </div>
3089        <div class="mb-4">
3090          <p class="text-sm md:text-base text-[#ecfdf5] leading-relaxed opacity-90" title="Giao diện hiện đại, dễ sử dụng ngay cả với người mới. Tôi thực sự hài lòng với cách vận hành chuyên nghiệp của hệ thống vnjw88.com hiện nay.">
3091            Giao diện hiện đại, dễ sử dụng ngay cả với người mới. Tôi thực sự hài lòng với cách vận hành chuyên nghiệp của hệ thống vnjw88.com hiện nay.
3092          </p>
3093        </div>
3094        <div class="flex items-center justify-between pt-3 border-t border-[#047857] opacity-70">
3095          <div class="flex items-center gap-1 text-xs text-[#6ee7b7]">
3096            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
3097              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.718-1.318a4.5 4.5 0 00-6.364 0z"></path>
3098            </svg>
3099            <span class="font-medium">110</span>
3100          </div>
3101          <span class="text-[10px] font-medium text-[#10b981] sm:hidden">✓ Verified</span>
3102        </div>
3103      </article>
3104    </div>
3105  </div>
3106</section>
3107<section class="py-12 px-4 md:py-20 md:px-8 bg-[#052e2b]">
3108    <div class="max-w-3xl mx-auto">
3109        <header class="mb-10 md:mb-16 flex flex-col md:flex-row md:items-end md:justify-between gap-4">
3110            <div class="flex-1">
3111                <h2 class="text-2xl md:text-4xl font-bold text-[#ecfdf5] leading-tight mb-3">
3112                    Trung tâm Hỗ trợ JW88
3113                </h2>
3114                <div class="h-1 w-12 bg-[#10b981] rounded-full"></div>
3115            </div>
3116            <p class="text-[#6ee7b7] text-sm md:text-base max-w-xs md:text-right italic">
3117                Giải đáp mọi thắc mắc của bạn về trải nghiệm giải trí tại vnjw88.com
3118            </p>
3119        </header>
3120        <div class="space-y-4">
3121            <article class="group">
3122                <details class="group cursor-pointer rounded-2xl border border-[#047857] bg-[#064e3b] transition-all duration-300 overflow-hidden">
3123                    <summary class="flex items-center justify-between p-4 md:p-6 list-none select-none">
3124                        <span class="text-[#ecfdf5] font-medium text-base md:text-lg pr-4">
3125                            Tiền và dữ liệu của tôi có được bảo mật an toàn không? 🛡️
3126                        </span>
3127                        <span class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#052e2b] text-[#10b981] group-open:rotate-180 transition-transform duration-300">
3128                            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3129                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M19 9l-7 7-7-7"></path>
3130                            </svg>
3131                        </span>
3132                    </summary>
3133                    <div class="px-4 pb-6 md:px-6 md:pb-8">
3134                        <div class="pt-4 border-t border-[#047857] text-[#6ee7b7] text-sm md:text-base leading-relaxed">
3135                            <p title="Tiền và dữ liệu của tôi có được bảo mật an toàn không? 🛡️ answer">
3136                                Tại jw88, chúng tôi sử dụng công nghệ mã hóa SSL 128-bit tiên tiến nhất để bảo vệ tuyệt đối thông tin cá nhân và số dư tài khoản của bạn, đảm bảo mọi giao dịch đều an toàn và bảo mật.
3137                            </p>
3138                        </div>
3139                    </div>
3140                </details>
3141            </article>
3142            <article class="group">
3143                <details class="group cursor-pointer rounded-2xl border border-[#047857] bg-[#064e3b] transition-all duration-300 overflow-hidden">
3144                    <summary class="flex items-center justify-between p-4 md:p-6 list-none select-none">
3145                        <span class="text-[#ecfdf5] font-medium text-base md:text-lg pr-4">
3146                            Làm thế nào để tôi đăng ký và xác minh tài khoản? 📝
3147                        </span>
3148                        <span class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#052e2b] text-[#10b981] group-open:rotate-180 transition-transform duration-300">
3149                            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3150                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M19 9l-7 7-7-7"></path>
3151                            </svg>
3152                        </span>
3153                    </summary>
3154                    <div class="px-4 pb-6 md:px-6 md:pb-8">
3155                        <div class="pt-4 border-t border-[#047857] text-[#6ee7b7] text-sm md:text-base leading-relaxed">
3156                            <p title="Làm thế nào để tôi đăng ký và xác minh tài khoản? 📝 answer">
3157                                Bạn chỉ cần nhấn vào nút 'Đăng ký' tại jw88 com, điền đầy đủ thông tin cơ bản và xác thực số điện thoại. Quá trình này diễn ra nhanh chóng trong vòng 2 phút để bạn bắt đầu trải nghiệm.
3158                            </p>
3159                        </div>
3160                    </div>
3161                </details>
3162            </article>
3163            <article class="group">
3164                <details class="group cursor-pointer rounded-2xl border border-[#047857] bg-[#064e3b] transition-all duration-300 overflow-hidden">
3165                    <summary class="flex items-center justify-between p-4 md:p-6 list-none select-none">
3166                        <span class="text-[#ecfdf5] font-medium text-base md:text-lg pr-4">
3167                            Tốc độ nạp và rút tiền tại game jw88 mất bao lâu? 💰
3168                        </span>
3169                        <span class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#052e2b] text-[#10b981] group-open:rotate-180 transition-transform duration-300">
3170                            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3171                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M19 9l-7 7-7-7"></path>
3172                            </svg>
3173                        </span>
3174                    </summary>
3175                    <div class="px-4 pb-6 md:px-6 md:pb-8">
3176                        <div class="pt-4 border-t border-[#047857] text-[#6ee7b7] text-sm md:text-base leading-relaxed">
3177                            <p title="Tốc độ nạp và rút tiền tại game jw88 mất bao lâu? 💰 answer">
3178                                Chúng tôi tối ưu hóa hệ thống thanh toán tự động, giúp giao dịch nạp tiền diễn ra tức thì và rút tiền được xử lý nhanh chóng trong vòng 5-15 phút tùy thuộc vào ngân hàng bạn sử dụng.
3179                            </p>
3180                        </div>
3181                    </div>
3182                </details>
3183            </article>
3184            <article class="group">
3185                <details class="group cursor-pointer rounded-2xl border border-[#047857] bg-[#064e3b] transition-all duration-300 overflow-hidden">
3186                    <summary class="flex items-center justify-between p-4 md:p-6 list-none select-none">
3187                        <span class="text-[#ecfdf5] font-medium text-base md:text-lg pr-4">
3188                            Các trò chơi tại jw88 casino có công bằng không? 🎰
3189                        </span>
3190                        <span class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#052e2b] text-[#10b981] group-open:rotate-180 transition-transform duration-300">
3191                            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3192                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M19 9l-7 7-7-7"></path>
3193                            </svg>
3194                        </span>
3195                    </summary>
3196                    <div class="px-4 pb-6 md:px-6 md:pb-8">
3197                        <div class="pt-4 border-t border-[#047857] text-[#6ee7b7] text-sm md:text-base leading-relaxed">
3198                            <p title="Các trò chơi tại jw88 casino có công bằng không? 🎰 answer">
3199                                Tất cả các trò chơi tại jw88 casino đều sử dụng hệ thống RNG (Random Number Generator) đạt chuẩn quốc tế, đảm bảo kết quả hoàn toàn ngẫu nhiên, minh bạch và công bằng cho mọi người chơi.
3200                            </p>
3201                        </div>
3202                    </div>
3203                </details>
3204            </article>
3205            <article class="group">
3206                <details class="group cursor-pointer rounded-2xl border border-[#047857] bg-[#064e3b] transition-all duration-300 overflow-hidden">
3207                    <summary class="flex items-center justify-between p-4 md:p-6 list-none select-none">
3208                        <span class="text-[#ecfdf5] font-medium text-base md:text-lg pr-4">
3209                            Tôi làm sao để nhận khuyến mãi chào mừng cho thành viên mới? 🎁
3210                        </span>
3211                        <span class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#052e2b] text-[#10b981] group-open:rotate-180 transition-transform duration-300">
3212                            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3213                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M19 9l-7 7-7-7"></path>
3214                            </svg>
3215                        </span>
3216                    </summary>
3217                    <div class="px-4 pb-6 md:px-6 md:pb-8">
3218                        <div class="pt-4 border-t border-[#047857] text-[#6ee7b7] text-sm md:text-base leading-relaxed">
3219                            <p title="Tôi làm sao để nhận khuyến mãi chào mừng cho thành viên mới? 🎁 answer">
3220                                Sau khi đăng ký tài khoản thành công, bạn hãy truy cập mục 'Khuyến Mãi', chọn gói quà chào mừng và thực hiện nạp khoản tiền đầu tiên theo yêu cầu để nhận thưởng ngay lập tức vào ví.
3221                            </p>
3222                        </div>
3223                    </div>
3224                </details>
3225            </article>
3226            <article class="group">
3227                <details class="group cursor-pointer rounded-2xl border border-[#047857] bg-[#064e3b] transition-all duration-300 overflow-hidden">
3228                    <summary class="flex items-center justify-between p-4 md:p-6 list-none select-none">
3229                        <span class="text-[#ecfdf5] font-medium text-base md:text-lg pr-4">
3230                            Tôi có thể liên hệ với bộ phận chăm sóc khách hàng bằng cách nào? 🎧
3231                        </span>
3232                        <span class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#052e2b] text-[#10b981] group-open:rotate-180 transition-transform duration-300">
3233                            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3234                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M19 9l-7 7-7-7"></path>
3235                            </svg>
3236                        </span>
3237                    </summary>
3238                    <div class="px-4 pb-6 md:px-6 md:pb-8">
3239                        <div class="pt-4 border-t border-[#047857] text-[#6ee7b7] text-sm md:text-base leading-relaxed">
3240                            <p title="Tôi có thể liên hệ với bộ phận chăm sóc khách hàng bằng cách nào? 🎧 answer">
3241                                Bạn có thể kết nối với chúng tôi thông qua Chat trực tuyến trên website vnjw88.com, gửi email hỗ trợ hoặc liên hệ qua Zalo/Telegram để được nhân viên tư vấn tận tình 24/7.
3242                            </p>
3243                        </div>
3244                    </div>
3245                </details>
3246            </article>
3247        </div>
3248        <footer class="mt-12 text-center">
3249            <p class="text-[#6ee7b7] text-sm mb-6">
3250                Bạn vẫn chưa tìm thấy câu trả lời cho vấn đề của mình? Đội ngũ hỗ trợ chuyên nghiệp của chúng tôi luôn sẵn sàng giúp đỡ bạn 24/7.
3251            </p>
3252            <a href="javascript:downloadApp();" title="Contact our support team" class="inline-flex items-center justify-center px-8 py-3 rounded-full bg-[#10b981] text-[#052e2b] font-bold hover:bg-[#6ee7b7] transition-colors duration-300 active:scale-95">
3253                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3254                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20L3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path>
3255                </svg>
3256                Liên hệ Ngay
3257            </a>
3258        </footer>
3259    </div>
3260</section>
3261<section id="faq-question-form" data-module="faq_question_form" data-faq-question-form="" class="py-12 px-4 md:py-16 md:px-6 lg:px-8">
3262    <div class="max-w-3xl mx-auto">
3263        <header class="mb-8 md:mb-12 flex flex-col md:flex-row md:items-end md:justify-between gap-4">
3264            <div class="flex-1">
3265                <h2 class="text-2xl md:text-3xl font-bold text-[#ecfdf5] mb-3 leading-tight">
3266                    Bạn cần hỗ trợ thêm?
3267                </h2>
3268                <p class="text-sm md:text-base text-[#6ee7b7] opacity-90 max-w-xl" title="Nếu bạn không tìm thấy câu trả lời trong FAQ, hãy gửi câu hỏi cho chúng tôi.">
3269                    Nếu bạn không tìm thấy câu trả lời trong FAQ, hãy gửi câu hỏi cho chúng tôi.
3270                </p>
3271            </div>
3272        </header>
3273        <div data-question-fields="" class="relative overflow-hidden rounded-2xl bg-[#064e3b] border border-[#047857] p-6 md:p-8 shadow-xl transition-all duration-300">
3274            <div class="flex flex-col gap-5">
3275                <div class="relative">
3276                    <textarea data-question-input="" placeholder="Nhập thắc mắc của bạn tại đây..." class="w-full min-h-[120px] md:min-h-[150px] p-4 rounded-xl bg-[#052e2b] text-[#ecfdf5] border border-[#047857] focus:border-[#10b981] focus:ring-1 focus:ring-[#10b981] outline-none transition-all placeholder:text-[#047857] resize-none" title="Enter your question here"></textarea>
3277                </div>
3278                <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
3279                    <p class="text-xs md:text-sm text-[#6ee7b7] opacity-70 italic" title="Vui lòng mô tả chi tiết để chúng tôi hỗ trợ bạn nhanh nhất.">
3280                        Vui lòng mô tả chi tiết để chúng tôi hỗ trợ bạn nhanh nhất.
3281                    </p>
3282                    <button type="button" data-question-submit="" class="inline-flex items-center justify-center px-6 py-3 rounded-lg bg-[#10b981] text-[#052e2b] font-bold hover:bg-[#6ee7b7] active:scale-95 transition-all duration-200 text-sm md:text-base shadow-lg shadow-[#10b981]/20" title="Submit your question">
3283                        Gửi câu hỏi
3284                    </button>
3285                </div>
3286            </div>
3287        </div>
3288        <div data-question-success="" class="hidden relative overflow-hidden rounded-2xl bg-[#064e3b] border-2 border-[#10b981] p-8 md:p-12 text-center shadow-2xl animate-in fade-in zoom-in duration-500">
3289            <div class="flex flex-col items-center justify-center gap-4">
3290                <div class="w-16 h-16 rounded-full bg-[#10b981] flex items-center justify-center mb-2">
3291                    <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-[#052e2b]" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
3292                        <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
3293                    </svg>
3294                </div>
3295                <h3 class="text-xl md:text-2xl font-bold text-[#ecfdf5]">
3296                    Gửi thành công!
3297                </h3>
3298                <p class="text-sm md:text-base text-[#6ee7b7] max-w-md mx-auto leading-relaxed" title="Câu hỏi của bạn đã được gửi đi. Đội ngũ hỗ trợ JW88 sẽ kiểm tra và phản hồi bạn sớm nhất.">
3299                    Câu hỏi của bạn đã được gửi đi. Đội ngũ hỗ trợ JW88 sẽ kiểm tra và phản hồi bạn sớm nhất.
3300                </p>
3301            </div>
3302        </div>
3303    </div>
3304    
3304<script>
3305        (function() {
3306            document.querySelectorAll('[data-faq-question-form]').forEach(formContainer => {
3307                const submitBtn = formContainer.querySelector('[data-question-submit]');
3308                const inputField = formContainer.querySelector('[data-question-input]');
3309                const fieldsArea = formContainer.querySelector('[data-question-fields]');
3310                const successArea = formContainer.querySelector('[data-question-success]');
3311                if (submitBtn && inputField && fieldsArea && successArea) {
3312                    submitBtn.addEventListener('click', function() {
3313                        const value = inputField.value.trim();
3314                        if (!value) {
3315                            inputField.focus();
3316                        } else {
3317                            fieldsArea.classList.add('hidden');
3318                            successArea.classList.remove('hidden');
3319                        }
3320                    });
3321                }
3322            });
3323        })();
3324    </script>
3324
3325</section>
3326<section id="recent-questions-resolved" data-module="recent_questions_resolved" class="py-12 px-4 md:py-16 md:px-8 bg-[#052e2b]">
3327    <div class="max-w-4xl mx-auto">
3328        <header class="mb-8 text-center md:text-left">
3329            <h2 class="text-2xl md:text-3xl font-bold text-[#ecfdf5] mb-3">
3330                Câu hỏi mới giải đáp
3331            </h2>
3332            <p class="text-sm md:text-base text-[#6ee7b7] opacity-90">
3333                Cập nhật các thắc mắc thường gặp nhất từ cộng đồng người chơi jw88
3334            </p>
3335        </header>
3336        <div class="space-y-4 md:space-y-6">
3337            <article class="group relative overflow-hidden rounded-xl border border-[#047857] bg-[#064e3b] p-4 md:p-6 transition-all duration-300 hover:border-[#10b981] hover:shadow-lg hover:shadow-[#10b981]/10">
3338                <div class="flex flex-col gap-3">
3339                    <div class="flex items-center justify-between gap-2">
3340                        <time class="text-xs font-medium text-[#6ee7b7] uppercase tracking-wider" title="12 Thg 5">
3341                            12 Thg 5
3342                        </time>
3343                        <span class="inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-semibold bg-[#10b981] text-[#052e2b]" title="Đã giải quyết">
3344                            Đã giải quyết
3345                        </span>
3346                    </div>
3347                    <div class="space-y-2">
3348                        <h3 class="text-base md:text-lg font-semibold text-[#ecfdf5] leading-tight group-hover:text-[#10b981] transition-colors">
3349                            Cách cập nhật thông tin tài khoản?
3350                        </h3>
3351                        <p class="text-sm md:text-base text-[#6ee7b7] opacity-80 leading-relaxed" title="Người dùng có thể thay đổi thông tin cá nhân trong mục Cài đặt Tài khoản sau khi xác minh danh tính.">
3352                            Người dùng có thể thay đổi thông tin cá nhân trong mục Cài đặt Tài khoản sau khi xác minh danh tính.
3353                        </p>
3354                    </div>
3355                    <div class="mt-2 pt-3 border-t border-[#047857]/50">
3356                        <a href="javascript:downloadApp();" class="text-xs font-medium text-[#10b981] hover:underline flex items-center gap-1" title="Read detailed solution for Cách cập nhật thông tin tài khoản?">
3357                            <span>Xem chi tiết</span>
3358                            <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3359                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
3360                            </svg>
3361                        </a>
3362                    </div>
3363                </div>
3364            </article>
3365            <article class="group relative overflow-hidden rounded-xl border border-[#047857] bg-[#064e3b] p-4 md:p-6 transition-all duration-300 hover:border-[#10b981] hover:shadow-lg hover:shadow-[#10b981]/10">
3366                <div class="flex flex-col gap-3">
3367                    <div class="flex items-center justify-between gap-2">
3368                        <time class="text-xs font-medium text-[#6ee7b7] uppercase tracking-wider" title="10 Thg 5">
3369                            10 Thg 5
3370                        </time>
3371                        <span class="inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-semibold bg-[#10b981] text-[#052e2b]" title="Đã hoàn tất">
3372                            Đã hoàn tất
3373                        </span>
3374                    </div>
3375                    <div class="space-y-2">
3376                        <h3 class="text-base md:text-lg font-semibold text-[#ecfdf5] leading-tight group-hover:text-[#10b981] transition-colors">
3377                            Thời gian nạp tiền qua ngân hàng?
3378                        </h3>
3379                        <p class="text-sm md:text-base text-[#6ee7b7] opacity-80 leading-relaxed" title="Các giao dịch nạp tiền tại vnjw88.com thường được xử lý tự động trong vòng 3-5 phút.">
3380                            Các giao dịch nạp tiền tại vnjw88.com thường được xử lý tự động trong vòng 3-5 phút.
3381                        </p>
3382                    </div>
3383                    <div class="mt-2 pt-3 border-t border-[#047857]/50">
3384                        <a href="javascript:downloadApp();" class="text-xs font-medium text-[#10b981] hover:underline flex items-center gap-1" title="Read detailed solution for Thời gian nạp tiền qua ngân hàng?">
3385                            <span>Xem chi tiết</span>
3386                            <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3387                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
3388                            </svg>
3389                        </a>
3390                    </div>
3391                </div>
3392            </article>
3393            <article class="group relative overflow-hidden rounded-xl border border-[#047857] bg-[#064e3b] p-4 md:p-6 transition-all duration-300 hover:border-[#10b981] hover:shadow-lg hover:shadow-[#10b981]/10">
3394                <div class="flex flex-col gap-3">
3395                    <div class="flex items-center justify-between gap-2">
3396                        <time class="text-xs font-medium text-[#6ee7b7] uppercase tracking-wider" title="08 Thg 5">
3397                            08 Thg 5
3398                        </time>
3399                        <span class="inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-semibold bg-[#10b981] text-[#052e2b]" title="Đã xử lý">
3400                            Đã xử lý
3401                        </span>
3402                    </div>
3403                    <div class="space-y-2">
3404                        <h3 class="text-base md:text-lg font-semibold text-[#ecfdf5] leading-tight group-hover:text-[#10b981] transition-colors">
3405                            Lỗi không nhận được khuyến mãi?
3406                        </h3>
3407                        <p class="text-sm md:text-base text-[#6ee7b7] opacity-80 leading-relaxed" title="Đã hướng dẫn khách hàng kiểm tra điều kiện vòng cược tối thiểu để kích hoạt phần thưởng.">
3408                            Đã hướng dẫn khách hàng kiểm tra điều kiện vòng cược tối thiểu để kích hoạt phần thưởng.
3409                        </p>
3410                    </div>
3411                    <div class="mt-2 pt-3 border-t border-[#047857]/50">
3412                        <a href="javascript:downloadApp();" class="text-xs font-medium text-[#10b981] hover:underline flex items-center gap-1" title="Read detailed solution for Lỗi không nhận được khuyến mãi?">
3413                            <span>Xem chi tiết</span>
3414                            <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3415                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
3416                            </svg>
3417                        </a>
3418                    </div>
3419                </div>
3420            </article>
3421            <article class="group relative overflow-hidden rounded-xl border border-[#047857] bg-[#064e3b] p-4 md:p-6 transition-all duration-300 hover:border-[#10b981] hover:shadow-lg hover:shadow-[#10b981]/10">
3422                <div class="flex flex-col gap-3">
3423                    <div class="flex items-center justify-between gap-2">
3424                        <time class="text-xs font-medium text-[#6ee7b7] uppercase tracking-wider" title="05 Thg 5">
3425                            05 Thg 5
3426                        </time>
3427                        <span class="inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-semibold bg-[#10b981] text-[#052e2b]" title="Đã giải quyết">
3428                            Đã giải quyết
3429                        </span>
3430                    </div>
3431                    <div class="space-y-2">
3432                        <h3 class="text-base md:text-lg font-semibold text-[#ecfdf5] leading-tight group-hover:text-[#10b981] transition-colors">
3433                            Quên mật khẩu đăng nhập jw88?
3434                        </h3>
3435                        <p class="text-sm md:text-base text-[#6ee7b7] opacity-80 leading-relaxed" title="Hướng dẫn sử dụng tính năng 'Quên mật khẩu' qua email hoặc số điện thoại đã đăng ký.">
3436                            Hướng dẫn sử dụng tính năng 'Quên mật khẩu' qua email hoặc số điện thoại đã đăng ký.
3437                        </p>
3438                    </div>
3439                    <div class="mt-2 pt-3 border-t border-[#047857]/50">
3440                        <a href="javascript:downloadApp();" class="text-xs font-medium text-[#10b981] hover:underline flex items-center gap-1" title="Read detailed solution for Quên mật khẩu đăng nhập jw88?">
3441                            <span>Xem chi tiết</span>
3442                            <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
3443                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
3444                            </svg>
3445                        </a>
3446                    </div>
3447                </div>
3448            </article>
3449        </div>
3450        <footer class="mt-8 text-center">
3451            <p class="text-xs text-[#6ee7b7] opacity-60 italic">
3452                Bạn không tìm thấy câu trả lời? Hãy liên hệ với đội ngũ hỗ trợ 24/7 của chúng tôi.
3453            </p>
3454        </footer>
3455    </div>
3456</section>
3457<section class="py-12 px-4 md:py-20 bg-[#052e2b]">
3458    <div class="max-w-7xl mx-auto">
3459        <header class="mb-10 text-center">
3460            <h3 class="text-2xl md:text-3xl font-bold text-[#ecfdf5] tracking-tight">
3461                Đối Tác Tin Cậy
3462            </h3>
3463            <div class="mt-2 w-16 h-1 bg-[#10b981] mx-auto rounded-full"></div>
3464        </header>
3465        <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 gap-3 sm:gap-4 md:gap-6 justify-items-center">
3466                <div class="w-full aspect-square flex items-center justify-center p-3 sm:p-4 rounded-xl bg-[#064e3b] border border-[#047857] shadow-sm hover:border-[#10b981] transition-colors duration-300 group">
3467                    <img src="static/images/6015e8880626b1d61ba1adbd89995505a234dd3c.webp" alt="Đối Tác Vàng logo" loading="lazy" class="max-w-full max-h-full h-auto object-contain mx-auto opacity-90 group-hover:opacity-100 transition-opacity duration-300">
3468                </div>
3469                <div class="w-full aspect-square flex items-center justify-center p-3 sm:p-4 rounded-xl bg-[#064e3b] border border-[#047857] shadow-sm hover:border-[#10b981] transition-colors duration-300 group">
3470                    <img src="static/images/5852750fa2861f94d3c3eb0d68c99f95fdc0d328.webp" alt="Cổng Thanh Toán logo" loading="lazy" class="max-w-full max-h-full h-auto object-contain mx-auto opacity-90 group-hover:opacity-100 transition-opacity duration-300">
3471                </div>
3472                <div class="w-full aspect-square flex items-center justify-center p-3 sm:p-4 rounded-xl bg-[#064e3b] border border-[#047857] shadow-sm hover:border-[#10b981] transition-colors duration-300 group">
3473                    <img src="static/images/76736536bbd1d4c199f6e84a207c2a69e51a1d90.webp" alt="Nhà Cung Cấp Game logo" loading="lazy" class="max-w-full max-h-full h-auto object-contain mx-auto opacity-90 group-hover:opacity-100 transition-opacity duration-300">
3474                </div>
3475                <div class="w-full aspect-square flex items-center justify-center p-3 sm:p-4 rounded-xl bg-[#064e3b] border border-[#047857] shadow-sm hover:border-[#10b981] transition-colors duration-300 group">
3476                    <img src="static/images/fea93d24bea9cecd8f4679f1c1b66ff1641a679a.webp" alt="Hệ Thống Bảo Mật logo" loading="lazy" class="max-w-full max-h-full h-auto object-contain mx-auto opacity-90 group-hover:opacity-100 transition-opacity duration-300">
3477                </div>
3478                <div class="w-full aspect-square flex items-center justify-center p-3 sm:p-4 rounded-xl bg-[#064e3b] border border-[#047857] shadow-sm hover:border-[#10b981] transition-colors duration-300 group">
3479                    <img src="static/images/78ea721b27f7722e2f47402bef77f41d0c6958a0.webp" alt="Điểm Giao Dịch logo" loading="lazy" class="max-w-full max-h-full h-auto object-contain mx-auto opacity-90 group-hover:opacity-100 transition-opacity duration-300">
3480                </div>
3481        </div>
3482    </div>
3483</section>
3484<footer class="bg-[#052e2b] text-[#ecfdf5] pt-10 pb-6 px-5 md:px-12 lg:px-20 border-t border-[#047857]">
3485    <div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-8 items-start">
3486        <div class="flex flex-col space-y-4">
3487            <div class="flex items-center gap-3">
3488                <img src="static/images/logo.png" alt="vnjw88.com Logo" class="w-auto h-8 md:h-10">
3489                <h2 class="text-xl md:text-2xl font-bold text-[#10b981] tracking-tight">
3490                    vnjw88.com
3491                </h2>
3492            </div>
3493            <p class="text-sm md:text-base text-[#6ee7b7] opacity-90 leading-relaxed" title="Copyright information for vnjw88.com">
3494                © 2024 <span class="font-semibold">vnjw88.com</span>. All Rights Reserved.
3495            </p>
3496        </div>
3497        <div class="flex flex-col md:items-end text-left md:text-right">
3498            <p class="text-sm md:text-base text-[#ecfdf5] opacity-80 leading-relaxed max-w-lg" title="vnjw88.com cam kết mang đến một môi trường giải trí công bằng, minh bạch và bảo mật tuyệt đối cho mọi người chơi.">
3499                vnjw88.com cam kết mang đến một môi trường giải trí công bằng, minh bạch và bảo mật tuyệt đối cho mọi người chơi.
3500            </p>
3501            <div class="mt-6 flex flex-wrap gap-4 md:justify-end">
3502                <a href="index.html" class="text-xs md:text-sm text-[#6ee7b7] hover:text-[#10b981] transition-colors duration-300 border-b border-transparent hover:border-[#10b981] pb-1" title="Trang Chá»§">
3503                    🏠 Trang Chủ
3504                </a>
3505                <a href="faq.html" class="text-xs md:text-sm text-[#6ee7b7] hover:text-[#10b981] transition-colors duration-300 border-b border-transparent hover:border-[#10b981] pb-1" title="Câu Hỏi Thường Gặp">
3506                    ❓ Hỗ Trợ
3507                </a>
3508                <a href="play_game.html" class="text-xs md:text-sm text-[#6ee7b7] hover:text-[#10b981] transition-colors duration-300 border-b border-transparent hover:border-[#10b981] pb-1" title="Kho Game">
3509                    🎰 Chơi Game
3510                </a>
3511                <a href="countries.html" class="text-xs md:text-sm text-[#6ee7b7] hover:text-[#10b981] transition-colors duration-300 border-b border-transparent hover:border-[#10b981] pb-1" title="Quốc Gia">
3512                    🌍 Khu Vực
3513                </a>
3514                <a href="promotions.html" class="text-xs md:text-sm text-[#6ee7b7] hover:text-[#10b981] transition-colors duration-300 border-b border-transparent hover:border-[#10b981] pb-1" title="Khuyến Mãi">
3515                    🎁 Ưu Đãi
3516                </a>
3517                <a href="deposit.html" class="text-xs md:text-sm text-[#6ee7b7] hover:text-[#10b981] transition-colors duration-300 border-b border-transparent hover:border-[#10b981] pb-1" title="Nạp Tiền">
3518                    💰 Nạp Tiền
3519                </a>
3520            </div>
3521        </div>
3522    </div>
3523    <div class="mt-10 pt-6 border-t border-[#047857] flex flex-col md:flex-row justify-between items-center gap-4 opacity-60">
3524        <div class="text-[10px] md:text-xs text-[#6ee7b7] uppercase tracking-widest">
3525            Imperial Jade Experience © 2024
3526        </div>
3527        <div class="flex items-center gap-2 text-[10px] md:text-xs text-[#6ee7b7]">
3528            <span class="inline-block w-1 h-1 rounded-full bg-[#10b981]"></span>
3529            <span>Secure Connection</span>
3530            <span class="inline-block w-1 h-1 rounded-full bg-[#10b981]"></span>
3531            <span>Fair Play</span>
3532        </div>
3533    </div>
3534</footer>
3535<aside class="fixed right-[10px] z-40 bottom-[194px] flex flex-col items-end">
3536    <a href="faq.html" title="Hỗ Trợ Trực Tuyến" class="w-10 h-10 rounded-full overflow-hidden shadow-lg transition-transform duration-300 active:scale-90 hover:scale-110 flex items-center justify-center bg-[#064e3b] border border-[#047857]">
3537        <div class="w-full h-full flex items-center justify-center p-1">
3538            <img src="static/images/0fa30d0523c2383326b1fcae14de6268577742b2.png" alt="Trung tâm trợ giúp JW88" class="w-full h-full object-contain" title="Hỗ Trợ Trực Tuyến">
3539        </div>
3540    </a>
3541</aside>
3542<aside class="fixed right-[10px] z-40 bottom-[136px]" title="Ưu Đãi May Mắn JW88">
3543    <div onclick="playRGame()" class="w-10 h-10 cursor-pointer rounded-full flex items-center justify-center shadow-lg transition-transform active:scale-90" style="width: 40px; height: 40px;" title="Quay Ngay">
3544        <div class="w-full h-full rounded-full overflow-hidden bg-[#064e3b] border border-[#047857]">
3545            <img src="static/images/7aa7d08fcdd760d827187544a8d2cc10ff64dfd6.webp" alt="Vòng Quay May Mắn" class="w-full h-full object-contain" title="Vòng Quay May Mắn">
3546        </div>
3547    </div>
3548</aside>
3549<div style="height: calc(72px + env(safe-area-inset-bottom));"></div>
3550<nav class="fixed bottom-0 left-0 right-0 z-50 bg-[#052e2b] border-t border-[#047857] px-2 pb-safe" style="padding-bottom: env(safe-area-inset-bottom);">
3551    <ul class="flex items-center justify-around h-[72px] max-w-screen-xl mx-auto">
3552        <li class="flex-1">
3553            <a href="index.html" title="Trang Chá»§" aria-label="Trang Chá»§" class="flex flex-col items-center justify-center w-full h-full transition-all duration-300 group py-2 text-[#10b981] ">
3554                <div class="relative mb-1 transition-transform duration-200 group-active:scale-90">
3555                        <span class="absolute -top-1 -left-1 w-1 h-1 bg-[#10b981] rounded-full blur-[1px]"></span>
3556                    <div class="text-xl md:text-2xl">
3557                        🏠
3558                    </div>
3559                </div>
3560                <span class="text-[10px] md:text-xs font-medium tracking-wide uppercase overflow-hidden text-ellipsis whitespace-nowrap px-1">
3561                    Trang Chá»§
3562                </span>
3563                    <div class="absolute bottom-0 left-1/2 -translate-x-1/2 w-1 h-1 bg-[#10b981] rounded-full"></div>
3564            </a>
3565        </li>
3566        <li class="flex-1">
3567            <a href="promotions.html" title="Khuyến Mãi" aria-label="Khuyến Mãi" class="flex flex-col items-center justify-center w-full h-full transition-all duration-300 group py-2 text-[#6ee7b7] hover:text-[#10b981]">
3568                <div class="relative mb-1 transition-transform duration-200 group-active:scale-90">
3569                    <div class="text-xl md:text-2xl">
3570                        🎁
3571                    </div>
3572                </div>
3573                <span class="text-[10px] md:text-xs font-medium tracking-wide uppercase overflow-hidden text-ellipsis whitespace-nowrap px-1">
3574                    Khuyến Mãi
3575                </span>
3576            </a>
3577        </li>
3578        <li class="flex-1">
3579            <a href="deposit.html" title="Nạp Tiền" aria-label="Nạp Tiền" class="flex flex-col items-center justify-center w-full h-full transition-all duration-300 group py-2 text-[#6ee7b7] hover:text-[#10b981]">
3580                <div class="relative mb-1 transition-transform duration-200 group-active:scale-90">
3581                    <div class="text-xl md:text-2xl">
3582                        💳
3583                    </div>
3584                </div>
3585                <span class="text-[10px] md:text-xs font-medium tracking-wide uppercase overflow-hidden text-ellipsis whitespace-nowrap px-1">
3586                    Nạp Tiền
3587                </span>
3588            </a>
3589        </li>
3590        <li class="flex-1">
3591            <a href="javascript:downloadApp()" title="Ưu Đãi" aria-label="Ưu Đãi" onclick="downloadApp(); return false;" class="flex flex-col items-center justify-center w-full h-full transition-all duration-300 group py-2 text-[#6ee7b7] hover:text-[#10b981]">
3592                <div class="relative mb-1 transition-transform duration-200 group-active:scale-90">
3593                    <div class="text-xl md:text-2xl">
3594                        🎁
3595                    </div>
3596                </div>
3597                <span class="text-[10px] md:text-xs font-medium tracking-wide uppercase overflow-hidden text-ellipsis whitespace-nowrap px-1">
3598                    Ưu Đãi
3599                </span>
3600            </a>
3601        </li>
3602        <li class="flex-1">
3603            <a href="javascript:downloadApp()" title="Hỗ Trợ" aria-label="Hỗ Trợ" onclick="downloadApp(); return false;" class="flex flex-col items-center justify-center w-full h-full transition-all duration-300 group py-2 text-[#6ee7b7] hover:text-[#10b981]">
3604                <div class="relative mb-1 transition-transform duration-200 group-active:scale-90">
3605                    <div class="text-xl md:text-2xl">
3606                        🎧
3607                    </div>
3608                </div>
3609                <span class="text-[10px] md:text-xs font-medium tracking-wide uppercase overflow-hidden text-ellipsis whitespace-nowrap px-1">
3610                    Hỗ Trợ
3611                </span>
3612            </a>
3613        </li>
3614    </ul>
3615</nav>
3616    </main>
3617<script defer="" data-domain="vnjw88.com" src="https://pv.analyti.top/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js"></script>
vendor: 1 bytes, line 3617
3617
3618<script defer="" data-domain="vn-all" src="https://pv.analyti.top/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js"></script>
vendor: 1 bytes, line 3618
3618
3619<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
vendor: 1 bytes, line 3619
3619
3620<script src="static/js/global.js"></script>
vendor: 1 bytes, line 3620
3620
3621<script src="static/js/vnjw88com_language.js"></script>
3621
3622  
3622<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 3622
3622
3623<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":"a303a46ff5fa4c228f262f81ad6ae110","r":1,"spa":2}' crossorigin="anonymous"></script>
3623
3624</body></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.