<!DOCTYPE html>
<html lang="vi-VN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>mb661-mb661 - Home | mb661</title>
<meta name="description" content="mb661,mb663,mb663 bet,mb663 com,mb661 biz,mb661 bet,mb661.">
<meta name="keywords" content="mb661,mb663,mb663 bet,mb663 com,mb661 biz,mb661 bet,mb661.">
<meta name="author" content="mb661">
<meta http-equiv="content-language" content="vi-VN" >
<meta name="geo.region" content="VN">
<meta name="geo.country" content="VN">
<meta name="geo.placename" content="Hanoi">
<meta property="og:title" content="mb661 - Home | mb661">
<meta property="og:description" content="mb661,mb663,mb663 bet,mb663 com,mb661 biz,mb661 bet,mb661.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mb661.net/">
<meta property="og:locale" content="vi_VN">
<link rel="alternate" hrefLang="vi-VN" href="https://mb661.net/">
<link rel="alternate" hrefLang="x-default" href="https://mb661.net/">
<link rel="canonical" href="https://mb661.net/">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="mb661 - Home | mb661">
<meta name="twitter:description" content="mb661,mb663,mb663 bet,mb663 com,mb661 biz,mb661 bet,mb661.">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css">
<link rel="icon" href="static/images/ico.jpg" type="image/x-icon">
<link rel="shortcut icon" href="static/images/ico.jpg" type="image/x-icon">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "mb661",
"url": "https://mb661.net",
"logo": "https://mb661.net/static/images/logo.png",
"description": "mb661,mb663,mb663 bet,mb663 com,mb661 biz,mb661 bet,mb661."
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "mb661",
"description": "mb661,mb663,mb663 bet,mb663 com,mb661 biz,mb661 bet,mb661.",
"operatingSystem": "Android, iOS",
"applicationCategory": "GameApplication",
"inLanguage": "vi-VN",
"image": "https://mb661.net/static/images/logo.png",
"downloadUrl": "https://mb661.net/download-apk.html",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "VND"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.7",
"ratingCount": "193",
"bestRating": "5",
"worstRating": "1"
}
}
</script>
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: "#4B5563",
secondary: "#9CA3AF",
}
}
}
}
</script>
</head>
<body class="bg-primary bg-opacity-40">
<div id="app" style="max-width:540px;margin:0 auto;">
<header class="sticky top-0 z-40 w-full h-8 bg-gradient-to-r from-[#4B5563] to-[#374151] shadow-md flex items-center justify-between px-3 select-none">
<div class="flex flex-col justify-center h-full">
<h1 class="text-sm font-bold text-white leading-none font-serif tracking-wide" title="mb661 - Nhà cái Slots Cổ Điển">mb661</h1>
<p class="text-xs text-[#9CA3AF] mt-[-4px] leading-none whitespace-nowrap overflow-hidden">Đỉnh cao Slots & Cá cược Retro</p>
</div>
<div class="flex items-center space-x-3">
<a href="https://mb661.net/countries.html" data-link-fixed="true" href="https://mb661.net/countries.html" class="flex items-center gap-1 text-xs font-medium text-white hover:text-[#9CA3AF] transition-colors duration-200" title="Chọn quốc gia hỗ trợ">
🌍 Quốc Gia
</a>
<button onclick="showLanguagePanel()" class="flex items-center justify-center text-white hover:text-[#9CA3AF] transition-transform active:scale-95 focus:outline-none" title="Thay đổi ngôn ngữ" aria-label="Mở bảng chọn ngôn ngữ">
<span class="text-sm">🇻🇳</span>
</button>
</div>
</header>
<header class="sticky top-8 z-[1000] w-full touch-manipulation transition-all duration-300">
<div class="relative mx-auto flex w-full max-w-7xl items-center justify-between bg-gradient-to-r from-[#4B5563] to-[#9CA3AF] px-4 py-2 shadow-xl md:px-6">
<!-- Left Side: Logo Only -->
<div class="flex flex-shrink-0 items-center">
<a href="javascript:void(0)" onclick="downloadApp()" title="Trang chủ mb661" class="block">
<img src="static/images/logo.png"
alt="Logo mb661 - Cổng Game Slots Cổ Điển"
title="Logo mb661 - Cổng Game Slots Cổ Điển"
class="h-10 w-auto object-contain transition-transform duration-300 hover:scale-110 active:scale-95 md:h-12"
loading="lazy"
width="120"
height="48">
</a>
</div>
<!-- Right Side: Action Buttons -->
<div class="flex items-center gap-3">
<!-- Login Button -->
<button onclick="downloadApp()"
class="group flex min-h-[44px] items-center justify-center rounded-lg border border-[#D1D5DB] bg-transparent px-4 py-1.5 text-sm font-bold text-white shadow-sm transition-all duration-300 hover:bg-white/10 hover:shadow-md active:scale-95"
title="Đăng nhập tài khoản mb661">
<span class="whitespace-nowrap">Đăng Nhập</span>
</button>
<!-- Register Button -->
<button onclick="downloadApp()"
class="group flex min-h-[44px] items-center justify-center rounded-lg bg-white px-4 py-1.5 text-sm font-bold text-[#4B5563] shadow-md transition-all duration-300 hover:bg-[#F3F4F6] hover:shadow-lg active:scale-95"
title="Đăng ký thành viên mới">
<span class="whitespace-nowrap">Đăng Ký</span>
</button>
</div>
</div>
</header>
<!-- Swiper CSS Module -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css" />
<!-- Custom Styles for Swiper Pagination (Retro Theme) -->
<style>
.mb661-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #9CA3AF;
opacity: 0.6;
transition: all 0.3s ease;
}
.mb661-pagination .swiper-pagination-bullet-active {
background: #4B5563;
width: 24px;
border-radius: 5px;
opacity: 1;
}
</style>
<section class="mb-8 w-full max-w-4xl mx-auto px-4 sm:px-0" aria-label="Banner quảng cáo mb661">
<!-- Main Carousel Container -->
<div class="relative w-full rounded-xl overflow-hidden shadow-lg border border-[#9CA3AF] bg-[#F3F4F6]">
<!-- Swiper Instance -->
<div class="swiper mb661-banner-swiper">
<div class="swiper-wrapper">
<!-- Slide 1: Slots Experience -->
<div class="swiper-slide">
<a href="javascript:downloadApp()" class="block w-full h-full relative group" title="Trải nghiệm Slots cổ điển tại mb661">
<img
src="https://countany.top/myimgweb/uploads/images/20250425/680b4093124e6.jpg"
alt="Giao diện máy đánh bạc Slots cổ điển mb661 với phong cách thập niên 90"
class="w-full h-auto object-cover aspect-[2/1] sm:aspect-[21/9]"
loading="eager"
width="800"
height="400"
>
<div class="absolute inset-0 bg-gradient-to-t from-[#4B5563]/20 to-transparent pointer-events-none"></div>
</a>
</div>
<!-- Slide 2: Sports Betting -->
<div class="swiper-slide">
<a href="javascript:downloadApp()" class="block w-full h-full relative group" title="Cá cược thể thao mb663 bet uy tín">
<img
src="https://countany.top/myimgweb/uploads/images/20250425/680b4931dd1af.webp"
alt="Phân tích tỷ lệ kèo bóng đá và esportes tại mb663 com"
class="w-full h-auto object-cover aspect-[2/1] sm:aspect-[21/9]"
loading="lazy"
width="800"
height="400"
>
<div class="absolute inset-0 bg-gradient-to-t from-[#4B5563]/20 to-transparent pointer-events-none"></div>
</a>
</div>
<!-- Slide 3: Mobile App -->
<div class="swiper-slide">
<a href="javascript:downloadApp()" class="block w-full h-full relative group" title="Tải ứng dụng mb661 mobile">
<img
src="https://countany.top/myimgweb/uploads/images/20250425/680b3dd9033ca.webp"
alt="Hướng dẫn tải app mb661 cho iOS và Android nhanh chóng"
class="w-full h-auto object-cover aspect-[2/1] sm:aspect-[21/9]"
loading="lazy"
width="800"
height="400"
>
<div class="absolute inset-0 bg-gradient-to-t from-[#4B5563]/20 to-transparent pointer-events-none"></div>
</a>
</div>
<!-- Slide 4: Best Odds -->
<div class="swiper-slide">
<a href="javascript:downloadApp()" class="block w-full h-full relative group" title="Tỷ lệ cược mb661 biz tốt nhất">
<img
src="https://countany.top/myimgweb/uploads/images/20250425/680b4931daab7.webp"
alt="Bảng phân tích dữ liệu và tỷ lệ trả thưởng Slots tại mb661 biz"
class="w-full h-auto object-cover aspect-[2/1] sm:aspect-[21/9]"
loading="lazy"
width="800"
height="400"
>
<div class="absolute inset-0 bg-gradient-to-t from-[#4B5563]/20 to-transparent pointer-events-none"></div>
</a>
</div>
<!-- Slide 5: Retro Casino Atmosphere -->
<div class="swiper-slide">
<a href="javascript:downloadApp()" class="block w-full h-full relative group" title="Không gian sòng bạc Retro chuyên nghiệp">
<img
src="https://countany.top/myimgweb/uploads/images/20250425/680b40930f153.jpg"
alt="Cảm nhận không khí Casino truyền thống chuyên nghiệp tại mb661"
class="w-full h-auto object-cover aspect-[2/1] sm:aspect-[21/9]"
loading="lazy"
width="800"
height="400"
>
<div class="absolute inset-0 bg-gradient-to-t from-[#4B5563]/20 to-transparent pointer-events-none"></div>
</a>
</div>
<!-- Slide 6: Join Now -->
<div class="swiper-slide">
<a href="javascript:downloadApp()" class="block w-full h-full relative group" title="Tham gia cộng đồng mb661 ngay">
<img
src="https://countany.top/myimgweb/uploads/images/20250425/680b5034dfc8c.webp"
alt="Khuyến mãi đặc biệt dành cho thành viên mới tại mb663 bet"
class="w-full h-auto object-cover aspect-[2/1] sm:aspect-[21/9]"
loading="lazy"
width="800"
height="400"
>
<div class="absolute inset-0 bg-gradient-to-t from-[#4B5563]/20 to-transparent pointer-events-none"></div>
</a>
</div>
</div>
<!-- Pagination -->
<div class="swiper-pagination mb661-pagination !bottom-2"></div>
</div>
<!-- Noscript Fallback for SEO -->
<noscript>
<div class="flex overflow-x-auto gap-4 p-4">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b4093124e6.jpg" alt="Mb661 Slots Retro Banner" class="w-full max-w-sm rounded">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b4931dd1af.webp" alt="Mb663 Bet Sports Banner" class="w-full max-w-sm rounded">
</div>
</noscript>
</div>
</section>
<!-- Structured Data for Carousel (SEO) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ItemList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"url": "https://mb661.net",
"name": "Trải nghiệm Slots cổ điển mb661"
},
{
"@type": "ListItem",
"position": 2,
"url": "https://mb661.net",
"name": "Cá cược thể thao mb663 uy tín"
},
{
"@type": "ListItem",
"position": 3,
"url": "https://mb661.net",
"name": "Tải App mb661 Mobile"
}
]
}
</script>
<!-- Swiper JS Library -->
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
<!-- Swiper Initialization Configuration -->
<script>
document.addEventListener('DOMContentLoaded', function() {
const swiper = new Swiper('.mb661-banner-swiper', {
loop: true,
speed: 300,
effect: 'slide',
grabCursor: true,
preloadImages: false,
lazy: true,
autoplay: {
delay: 3500,
disableOnInteraction: false,
pauseOnMouseEnter: true
},
pagination: {
el: '.swiper-pagination',
clickable: true,
dynamicBullets: true
},
a11y: {
prevSlideMessage: 'Slide trước',
nextSlideMessage: 'Slide tiếp theo',
firstSlideMessage: 'Đây là slide đầu tiên',
lastSlideMessage: 'Đây là slide cuối cùng',
paginationBulletMessage: 'Đi đến slide {{index}}'
},
breakpoints: {
320: {
slidesPerView: 1,
spaceBetween: 10
},
640: {
slidesPerView: 1,
spaceBetween: 20
}
},
on: {
init: function () {
console.log('Mb661 Banner Initialized');
}
}
});
});
</script>
<div id="notify-data" class="h-[1px] w-[1px] overflow-hidden">
<div>Nguyễn** vừa rút thành công 500,000₫</div>
<div>Trần** thắng nổ hũ 12,500,000₫</div>
<div>Lê** nhận thưởng khuyến mãi 200,000₫</div>
<div>Phạm** rút về ngân hàng 1,000,000₫</div>
<div>Hoàng** vừa thắng lớn 5,600,000₫</div>
<div>Vũ** nạp tiền thành công 500,000₫</div>
<div>Đặng** rút tiền nhanh 3,200,000₫</div>
<div>Bùi** nhận hoàn trả ngày 150,000₫</div>
<div>Đỗ** thắng cược thể thao 800,000₫</div>
<div>Hồ** vừa rút 2,500,000₫</div>
<div>Ngô** trúng Jackpot 50,000,000₫</div>
<div>Dương** rút tiền về ví 4,000,000₫</div>
<div>Lý** thắng Baccarat 1,200,000₫</div>
<div>Phan** nhận thưởng VIP 5,000,000₫</div>
<div>Võ** vừa rút thành công 750,000₫</div>
<div>Đinh** thắng Slot game 9,800,000₫</div>
<div>Lâm** rút tiền mặt 600,000₫</div>
<div>Mai** nhận lì xì 88,000₫</div>
<div>Trịnh** thắng lớn tại mb663 15,000,000₫</div>
<div>Cao** vừa rút 1,500,000₫</div>
<div>Thái** nạp thành công 2,000,000₫</div>
<div>Vương** thắng Xóc đĩa 3,400,000₫</div>
<div>Lương** nhận thưởng tuần 300,000₫</div>
<div>Trương** rút tiền về Vietcombank 10,000,000₫</div>
<div>Đoàn** thắng Tài Xỉu 7,200,000₫</div>
<div>Châu** vừa rút 900,000₫</div>
<div>Tạ** nhận thưởng điểm danh 50,000₫</div>
<div>Tô** thắng Rồng Hổ 2,100,000₫</div>
<div>Quách** rút thành công 18,000,000₫</div>
<div>Hà** nổ hũ Thần Tài 25,000,000₫</div>
<div>Văn** vừa rút 450,000₫</div>
<div>Hứa** thắng kèo bóng đá 6,700,000₫</div>
<div>Lưu** nhận hoàn trả cược thua 120,000₫</div>
<div>Bạch** rút tiền siêu tốc 5,500,000₫</div>
<div>Nghiêm** thắng Poker 8,900,000₫</div>
<div>Kim** vừa rút 300,000₫</div>
<div>La** nhận thưởng sinh nhật 500,000₫</div>
<div>Mạc** thắng Roulette 4,300,000₫</div>
<div>Tăng** rút về Techcombank 2,800,000₫</div>
<div>Chu** thắng Bắn Cá 1,600,000₫</div>
<div>Diệp** vừa rút thành công 11,000,000₫</div>
<div>Nông** nhận thưởng giới thiệu 250,000₫</div>
<div>Ông** thắng lớn Slots 30,000,000₫</div>
<div>Từ** rút tiền không mất phí 950,000₫</div>
<div>Giang** nạp thẻ cào thành công 100,000₫</div>
<div>Sơn** thắng Lô đề 70,000,000₫</div>
<div>Khương** vừa rút 3,800,000₫</div>
<div>Thạch** nhận khuyến mãi nạp đầu 1,000,000₫</div>
<div>Ali** vừa rút 200 USD</div>
<div>John** thắng lớn 500 USD</div>
</div>
<div class="w-full max-w-full block overflow-hidden mx-auto">
<div class="relative w-full rounded-2xl shadow-xl bg-[#4B5563] overflow-hidden border border-[#9CA3AF]/20 ring-1 ring-white/10 my-4">
<!-- Background Image & Overlay -->
<div class="absolute inset-0 z-0">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b309df0e21.jpg"
alt="Nền Jackpot mb661"
class="w-full h-full object-cover opacity-30 filter grayscale mix-blend-overlay">
<div class="absolute inset-0 bg-gradient-to-b from-[#4B5563]/90 via-[#4B5563]/85 to-[#374151]/95"></div>
<!-- Subtle Pattern -->
<div class="absolute inset-0 opacity-10"
style="background-image: radial-gradient(#9CA3AF 1px, transparent 1px); background-size: 12px 12px;">
</div>
</div>
<!-- Content Container -->
<div class="relative z-10 flex flex-col items-center justify-center py-8 px-4 text-center">
<!-- Line 1: Title + Value -->
<div class="w-full flex flex-col items-center mb-3">
<h2 class="text-[#E5E7EB] font-serif text-lg font-bold tracking-[0.15em] uppercase mb-1 drop-shadow-md opacity-90" title="Giải Độc Đắc">
GIẢI ĐỘC ĐẮC
</h2>
<div class="w-full px-2 overflow-hidden">
<span id="jackpot-value"
class="block text-4xl sm:text-5xl font-mono font-bold text-transparent bg-clip-text bg-gradient-to-b from-[#FCD34D] via-[#F59E0B] to-[#D97706] drop-shadow-lg truncate tracking-tighter leading-tight">
18.924.567.800
</span>
</div>
</div>
<!-- Line 2: Decorative Divider -->
<div class="w-full max-w-[200px] h-px bg-gradient-to-r from-transparent via-[#9CA3AF] to-transparent opacity-50 my-1"></div>
<!-- Line 3: Unit -->
<div class="w-full overflow-hidden">
<span class="block text-sm font-serif font-medium text-[#9CA3AF] tracking-[0.25em] uppercase truncate opacity-80">
VND
</span>
</div>
</div>
</div>
</div>
<section class="w-full py-12 px-4 md:px-8 bg-gray-50 font-serif" id="mb661-introduction">
<div class="max-w-7xl mx-auto">
<!-- Header Section -->
<header class="text-center mb-12">
<h2 class="text-3xl md:text-4xl font-bold text-[#4B5563] mb-4 uppercase tracking-wide" title="Giới thiệu nền tảng mb661">
mb661 - Tái Hiện Kỷ Nguyên Casino Cổ Điển
</h2>
<div class="w-24 h-1 bg-[#4B5563] mx-auto mb-6 rounded-full"></div>
<p class="text-lg text-gray-600 max-w-3xl mx-auto leading-relaxed">
Chào mừng bạn đến với <strong>mb661</strong>, điểm đến lý tưởng cho những tín đồ đam mê phong cách <strong>Retro</strong> và sự chính xác của máy móc cổ điển. Khác biệt hoàn toàn với các nền tảng hiện đại lòe loẹt, mb661 mang đến một không gian giải trí mang đậm hơi thở thập niên 90, nơi mà cảm giác gạt cần và âm thanh cơ học được tái tạo chân thực nhất.
</p>
<p class="text-lg text-gray-600 max-w-3xl mx-auto leading-relaxed mt-4">
Được xây dựng trên nền tảng công nghệ vững chắc, chúng tôi kết nối trực tiếp với hệ thống dữ liệu của <strong>mb663</strong> và <strong>mb663 bet</strong>, mang lại trải nghiệm cá cược mượt mà, minh bạch và chuyên nghiệp. Tại đây, mb661 biz không chỉ là nơi giải trí, mà còn là thư viện phân tích kỹ thuật chuyên sâu dành cho những người chơi Slots thực thụ.
</p>
</header>
<!-- Advantages Grid -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-16">
<!-- Advantage 1: Gaming Experience -->
<article class="bg-white p-6 rounded-xl shadow-md border-t-4 border-[#4B5563] hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 group">
<div class="text-4xl mb-4 group-hover:scale-110 transition-transform duration-300">🎰</div>
<h3 class="text-xl font-bold text-[#4B5563] mb-3" title="Trải nghiệm Slots cổ điển">Kho Tàng Slots Retro</h3>
<p class="text-gray-600 text-sm leading-6">
Sở hữu hàng trăm tựa game mang phong cách cổ điển với cơ chế cuộn cơ học. mb661 tập trung vào giá trị cốt lõi với tỷ lệ RTP (Return to Player) được công khai minh bạch, mang lại cảm giác hoài cổ nhưng đầy kịch tính.
</p>
</article>
<!-- Advantage 2: Technical & Mobile -->
<article class="bg-white p-6 rounded-xl shadow-md border-t-4 border-[#9CA3AF] hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 group">
<div class="text-4xl mb-4 group-hover:scale-110 transition-transform duration-300">📱</div>
<h3 class="text-xl font-bold text-[#4B5563] mb-3" title="Nền tảng di động tối ưu">Công Nghệ Mobile-First</h3>
<p class="text-gray-600 text-sm leading-6">
Hệ thống được tối ưu hóa tuyệt đối cho thiết bị di động. Truy cập <strong>mb663 com</strong> mượt mà ngay cả trên kết nối 3G/4G. Giao diện chạm lướt được thiết kế thông minh, giúp việc đặt cược nhanh chóng và chính xác.
</p>
</article>
<!-- Advantage 3: Security & Stability -->
<article class="bg-white p-6 rounded-xl shadow-md border-t-4 border-[#4B5563] hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 group">
<div class="text-4xl mb-4 group-hover:scale-110 transition-transform duration-300">🛡️</div>
<h3 class="text-xl font-bold text-[#4B5563] mb-3" title="Bảo mật và an toàn">An Toàn & Bảo Mật</h3>
<p class="text-gray-600 text-sm leading-6">
Dữ liệu người dùng được mã hóa đa lớp, đảm bảo sự riêng tư tuyệt đối. Kết nối với <strong>mb661 bet</strong> luôn ổn định, không giật lag, bảo vệ quyền lợi và tài sản của người chơi trong mọi phiên cược.
</p>
</article>
<!-- Advantage 4: Professional Service -->
<article class="bg-white p-6 rounded-xl shadow-md border-t-4 border-[#9CA3AF] hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 group">
<div class="text-4xl mb-4 group-hover:scale-110 transition-transform duration-300">🤝</div>
<h3 class="text-xl font-bold text-[#4B5563] mb-3" title="Dịch vụ khách hàng chuyên nghiệp">Dịch Vụ Chuyên Nghiệp</h3>
<p class="text-gray-600 text-sm leading-6">
Đội ngũ hỗ trợ khách hàng hoạt động 24/7 với tác phong chuyên nghiệp. Hệ thống nạp rút tại <strong>mb661 biz</strong> được tự động hóa, xử lý giao dịch siêu tốc, mang lại sự tiện lợi tối đa cho cược thủ.
</p>
</article>
</div>
<!-- CTA Section -->
<div class="relative rounded-2xl overflow-hidden bg-gradient-to-r from-[#4B5563] to-[#6B7280] shadow-2xl text-center py-10 px-6">
<!-- Decorative background pattern -->
<div class="absolute top-0 left-0 w-full h-full opacity-10 pointer-events-none" style="background-image: radial-gradient(#ffffff 1px, transparent 1px); background-size: 20px 20px;"></div>
<div class="relative z-10">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-4" title="Tham gia mb661 ngay hôm nay">
Sẵn Sàng Quay Về Kỷ Nguyên Vàng Của Casino?
</h2>
<p class="text-gray-100 mb-8 max-w-2xl mx-auto text-base">
Đừng bỏ lỡ cơ hội trải nghiệm nền tảng cá cược mang phong cách cổ điển độc đáo nhất. Tải ứng dụng mb661 ngay để nhận phân tích từ chuyên gia và hòa mình vào thế giới Slots đỉnh cao của <strong>mb663</strong>.
</p>
<div class="flex flex-col sm:flex-row justify-center gap-4">
<button type="button" onclick="downloadApp()" class="inline-flex items-center justify-center px-8 py-3 text-base font-bold text-[#4B5563] bg-white rounded-lg hover:bg-gray-100 transform hover:scale-105 transition-all duration-200 shadow-lg focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-[#4B5563] focus:ring-white">
<span class="mr-2">📥</span> Tải App mb661
</button>
<a href="https://mb661.net/index.html" title="Trang chủ mb661" class="inline-flex items-center justify-center px-8 py-3 text-base font-bold text-white border-2 border-white rounded-lg hover:bg-white/10 transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-[#4B5563] focus:ring-white">
Khám Phá Ngay
</a>
</div>
<p class="mt-6 text-xs text-gray-300 opacity-80">
*Hỗ trợ đầy đủ iOS và Android. Tối ưu hóa cho trải nghiệm mb663 bet.
</p>
</div>
</div>
</div>
</section>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet">
<nav id="sticky-game-nav" class="sticky top-[90px] z-40 w-full bg-[#f3f4f6]/95 backdrop-blur-md border-b border-[#9CA3AF] shadow-sm transition-all duration-300" aria-label="Danh mục trò chơi">
<div class="relative max-w-7xl mx-auto px-2 sm:px-4">
<button type="button" onclick="scrollTabs(-150)" class="absolute left-0 top-1/2 -translate-y-1/2 z-10 w-8 h-full bg-gradient-to-r from-[#f3f4f6] to-transparent text-[#4B5563] hidden md:flex items-center justify-center hover:text-[#2d333b] transition-colors" aria-label="Cuộn sang trái" title="Cuộn sang trái">
<i class="ri-arrow-left-s-line text-2xl"></i>
</button>
<ul id="categories-scroll-container" class="flex items-center gap-3 overflow-x-auto py-3 px-1 no-scrollbar scroll-smooth snap-x snap-mandatory" role="tablist">
<li class="flex-shrink-0 snap-start" role="presentation">
<a href="#NOHULON" class="group flex items-center gap-2 px-4 py-2.5 min-h-[44px] rounded-lg bg-[#4B5563] text-white shadow-md transform transition-all duration-300 scale-105 font-serif border border-[#4B5563]" role="tab" aria-selected="true" title="Xem danh mục Nổ Hũ Lớn" onclick="setActiveTab(this)">
<i class="ri-fire-fill text-lg text-[#FCD34D] animate-pulse"></i>
<span class="font-bold text-sm whitespace-nowrap tracking-wide">NỔ HŨ LỚN</span>
</a>
</li>
<li class="flex-shrink-0 snap-start" role="presentation">
<a href="#SLOTS" class="group flex items-center gap-2 px-4 py-2.5 min-h-[44px] rounded-lg bg-white text-[#4B5563] shadow-sm border border-[#9CA3AF] hover:bg-[#e5e7eb] hover:shadow-md transition-all duration-300 font-serif" role="tab" aria-selected="false" title="Chơi game Slots máy xèng" onclick="setActiveTab(this)">
<i class="ri-copper-diamond-line text-lg group-hover:text-[#4B5563] transition-colors"></i>
<span class="font-bold text-sm whitespace-nowrap tracking-wide group-hover:text-[#1f2937]">SLOTS</span>
</a>
</li>
<li class="flex-shrink-0 snap-start" role="presentation">
<a href="#GAMEBAI" class="group flex items-center gap-2 px-4 py-2.5 min-h-[44px] rounded-lg bg-white text-[#4B5563] shadow-sm border border-[#9CA3AF] hover:bg-[#e5e7eb] hover:shadow-md transition-all duration-300 font-serif" role="tab" aria-selected="false" title="Tham gia Game Bài đổi thưởng" onclick="setActiveTab(this)">
<i class="ri-d-playing-card-fill text-lg group-hover:text-[#4B5563] transition-colors"></i>
<span class="font-bold text-sm whitespace-nowrap tracking-wide group-hover:text-[#1f2937]">GAME BÀI</span>
</a>
</li>
<li class="flex-shrink-0 snap-start" role="presentation">
<a href="#QUAYSO" class="group flex items-center gap-2 px-4 py-2.5 min-h-[44px] rounded-lg bg-white text-[#4B5563] shadow-sm border border-[#9CA3AF] hover:bg-[#e5e7eb] hover:shadow-md transition-all duration-300 font-serif" role="tab" aria-selected="false" title="Thử vận may với Quay Số" onclick="setActiveTab(this)">
<i class="ri-number-7 text-lg group-hover:text-[#4B5563] transition-colors"></i>
<span class="font-bold text-sm whitespace-nowrap tracking-wide group-hover:text-[#1f2937]">QUAY SỐ</span>
</a>
</li>
<li class="flex-shrink-0 snap-start" role="presentation">
<a href="#GAMEBANCAKHAC" class="group flex items-center gap-2 px-4 py-2.5 min-h-[44px] rounded-lg bg-white text-[#4B5563] shadow-sm border border-[#9CA3AF] hover:bg-[#e5e7eb] hover:shadow-md transition-all duration-300 font-serif" role="tab" aria-selected="false" title="Trải nghiệm Game Bắn Cá Khác" onclick="setActiveTab(this)">
<i class="ri-anchor-line text-lg group-hover:text-[#4B5563] transition-colors"></i>
<span class="font-bold text-sm whitespace-nowrap tracking-wide group-hover:text-[#1f2937]">GAME BẮN CÁ KHÁC</span>
</a>
</li>
<li class="flex-shrink-0 snap-start" role="presentation">
<a href="#INSTANTGAMES" class="group flex items-center gap-2 px-4 py-2.5 min-h-[44px] rounded-lg bg-white text-[#4B5563] shadow-sm border border-[#9CA3AF] hover:bg-[#e5e7eb] hover:shadow-md transition-all duration-300 font-serif" role="tab" aria-selected="false" title="Chơi nhanh Instant Games" onclick="setActiveTab(this)">
<i class="ri-rocket-2-line text-lg group-hover:text-[#4B5563] transition-colors"></i>
<span class="font-bold text-sm whitespace-nowrap tracking-wide group-hover:text-[#1f2937]">INSTANT GAMES</span>
</a>
</li>
<li class="flex-shrink-0 snap-start" role="presentation">
<a href="#GAMEKHAC" class="group flex items-center gap-2 px-4 py-2.5 min-h-[44px] rounded-lg bg-white text-[#4B5563] shadow-sm border border-[#9CA3AF] hover:bg-[#e5e7eb] hover:shadow-md transition-all duration-300 font-serif" role="tab" aria-selected="false" title="Khám phá các Game Khác" onclick="setActiveTab(this)">
<i class="ri-gamepad-line text-lg group-hover:text-[#4B5563] transition-colors"></i>
<span class="font-bold text-sm whitespace-nowrap tracking-wide group-hover:text-[#1f2937]">GAME KHÁC</span>
</a>
</li>
</ul>
<button type="button" onclick="scrollTabs(150)" class="absolute right-0 top-1/2 -translate-y-1/2 z-10 w-8 h-full bg-gradient-to-l from-[#f3f4f6] to-transparent text-[#4B5563] hidden md:flex items-center justify-center hover:text-[#2d333b] transition-colors" aria-label="Cuộn sang phải" title="Cuộn sang phải">
<i class="ri-arrow-right-s-line text-2xl"></i>
</button>
</div>
</nav>
<style>
.no-scrollbar::-webkit-scrollbar {
display: none;
}
.no-scrollbar {
-ms-overflow-style: none;
scrollbar-width: none;
}
</style>
<script>
function scrollTabs(amount) {
const container = document.getElementById('categories-scroll-container');
if (container) {
container.scrollBy({
left: amount,
behavior: 'smooth'
});
}
}
function setActiveTab(element) {
const tabs = document.querySelectorAll('#categories-scroll-container a');
tabs.forEach(tab => {
tab.setAttribute('aria-selected', 'false');
tab.classList.remove('bg-[#4B5563]', 'text-white', 'scale-105', 'shadow-md', 'border-[#4B5563]');
tab.classList.add('bg-white', 'text-[#4B5563]', 'border-[#9CA3AF]', 'shadow-sm');
const icon = tab.querySelector('i');
if(icon) {
icon.classList.remove('text-[#FCD34D]', 'animate-pulse');
}
});
element.setAttribute('aria-selected', 'true');
element.classList.remove('bg-white', 'text-[#4B5563]', 'border-[#9CA3AF]', 'shadow-sm');
element.classList.add('bg-[#4B5563]', 'text-white', 'scale-105', 'shadow-md', 'border-[#4B5563]');
const activeIcon = element.querySelector('i');
if(activeIcon) {
activeIcon.classList.add('text-[#FCD34D]', 'animate-pulse');
}
element.scrollIntoView({
behavior: 'smooth',
block: 'nearest',
inline: 'center'
});
}
document.addEventListener('DOMContentLoaded', () => {
const container = document.getElementById('sticky-game-nav');
let lastScrollY = window.scrollY;
window.addEventListener('scroll', () => {
if (window.scrollY > 100) {
container.classList.add('shadow-lg');
} else {
container.classList.remove('shadow-lg');
}
lastScrollY = window.scrollY;
}, { passive: true });
});
</script>
<section id="GAMEBẮNCÁKHÁC" class="w-full py-6 bg-gray-50">
<div class="container mx-auto max-w-md">
<header class="flex items-center justify-between px-4 mb-5 border-b-2 border-[#4B5563] pb-2">
<div class="flex items-center gap-3">
<div class="w-8 h-8 rounded-full border border-[#9CA3AF] overflow-hidden p-0.5 bg-white shadow-sm">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b3163d8e06.jpg" alt="Biểu tượng danh mục GAME BẮN CÁ KHÁC" class="w-full h-full object-cover rounded-full">
</div>
<h2 class="text-xl font-bold text-[#4B5563] font-serif uppercase tracking-wide" title="Danh mục GAME BẮN CÁ KHÁC">GAME BẮN CÁ KHÁC</h2>
</div>
<a href="https://mb661.net/index.html" class="text-xs font-mono text-[#4B5563] hover:text-[#233329] underline decoration-dotted" title="Xem thêm game tại mb661">Xem Thêm >></a>
</header>
<div class="grid grid-cols-3 gap-3 px-3">
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="swagbagbonanza.html" title="Chơi ngay Swag Bag Bonanza tại mb661" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b32bae4a13.jpg" alt="Hình ảnh game Swag Bag Bonanza" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<span class="absolute top-0 right-0 bg-red-600 text-white text-[10px] font-bold px-1.5 py-0.5 rounded-bl shadow z-10 animate-pulse">HOT</span>
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Swag Bag Bonanza">Swag Bag Bonanza</h3>
</div>
</a>
</article>
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="unibetlightningroulette.html" title="Chơi ngay Unibet Lightning Roulette tại mb661" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b33f68dad8.webp" alt="Hình ảnh game Unibet Lightning Roulette" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<span class="absolute top-0 right-0 bg-yellow-500 text-white text-[10px] font-bold px-1.5 py-0.5 rounded-bl shadow z-10">MỚI</span>
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Unibet Lightning Roulette">Unibet Lightning Roulette</h3>
</div>
</a>
</article>
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi 5 Doggy Millionaires Dream Drop" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b2ed6a8b94.webp" alt="Hình ảnh game 5 Doggy Millionaires Dream Drop" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="5 Doggy Millionaires Dream Drop">5 Doggy Millionaires...</h3>
</div>
</a>
</article>
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Savannah Legend" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b329353235.webp" alt="Hình ảnh game Savannah Legend" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Savannah Legend">Savannah Legend</h3>
</div>
</a>
</article>
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Big Bite Push Ways" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b2fd95eab4.webp" alt="Hình ảnh game Big Bite Push Ways" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Big Bite Push Ways">Big Bite Push Ways</h3>
</div>
</a>
</article>
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Reel Em In! Tournament Fishing" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b32783c77b.jpg" alt="Hình ảnh game Reel Em In! Tournament Fishing" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Reel Em In! Tournament Fishing">Reel Em In! Tournament</h3>
</div>
</a>
</article>
</div>
<div class="mt-6 text-center px-4">
<p class="text-xs text-[#9CA3AF] font-serif italic">Khám phá thế giới Slots cổ điển và cá cược thể thao đỉnh cao tại mb661 biz</p>
</div>
</div>
</section>
<section id="QUAYSỐ" class="w-full py-6 bg-gray-50">
<div class="container mx-auto max-w-md">
<!-- Header Danh Mục -->
<header class="flex items-center justify-between px-4 mb-5 border-b-2 border-[#4B5563] pb-2">
<div class="flex items-center gap-3">
<div class="w-8 h-8 rounded-full border border-[#9CA3AF] overflow-hidden p-0.5 bg-white shadow-sm">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b309deca49.jpg" alt="Biểu tượng danh mục QUAY SỐ" class="w-full h-full object-cover rounded-full">
</div>
<h2 class="text-xl font-bold text-[#4B5563] font-serif uppercase tracking-wide" title="Danh mục QUAY SỐ">QUAY SỐ</h2>
</div>
<a href="https://mb661.net/index.html" class="text-xs font-mono text-[#4B5563] hover:text-[#233329] underline decoration-dotted" title="Xem thêm game tại mb661">Xem Thêm >></a>
</header>
<!-- Lưới Game -->
<div class="grid grid-cols-3 gap-3 px-3">
<!-- Game 1: Có Link -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="bigbassholdspinnermegaways.html" title="Chơi ngay Big Bass Hold & Spinner Megaways tại mb661" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b2fc52e35c.jpg" alt="Hình ảnh game Big Bass Hold & Spinner Megaways" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<span class="absolute top-0 right-0 bg-red-600 text-white text-[10px] font-bold px-1.5 py-0.5 rounded-bl shadow z-10 animate-pulse">HOT</span>
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Big Bass Hold & Spinner Megaways">Big Bass Hold & Spinner</h3>
</div>
</a>
</article>
<!-- Game 2: Có Link -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="fishinfrenzymegawaysjackpotking.html" title="Chơi ngay Fishin' Frenzy Megaways Jackpot King tại mb661" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b3087430ec.jpg" alt="Hình ảnh game Fishin' Frenzy Megaways Jackpot King" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<span class="absolute top-0 right-0 bg-yellow-500 text-white text-[10px] font-bold px-1.5 py-0.5 rounded-bl shadow z-10">MỚI</span>
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Fishin' Frenzy Megaways Jackpot King">Fishin' Frenzy Megaways</h3>
</div>
</a>
</article>
<!-- Game 3: Có Link -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="oxygen2.html" title="Chơi ngay Oxygen 2 tại mb661" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b3253b08cb.webp" alt="Hình ảnh game Oxygen 2" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Oxygen 2">Oxygen 2</h3>
</div>
</a>
</article>
<!-- Game 4: Download App -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Jungle Mega Moolah" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b32197ce7b.jpg" alt="Hình ảnh game Jungle Mega Moolah" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Jungle Mega Moolah">Jungle Mega Moolah</h3>
</div>
</a>
</article>
<!-- Game 5: Download App -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Primal Times Dream Drop" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b32782eae0.webp" alt="Hình ảnh game Primal Times Dream Drop" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Primal Times Dream Drop">Primal Times Dream Drop</h3>
</div>
</a>
</article>
<!-- Game 6: Download App -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Howling Riches Power Combo" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b31d009148.webp" alt="Hình ảnh game Howling Riches Power Combo" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Howling Riches Power Combo">Howling Riches Power</h3>
</div>
</a>
</article>
<!-- Game 7: Download App -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi 10 Flaming Bisons" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b2f5507488.webp" alt="Hình ảnh game 10 Flaming Bisons" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="10 Flaming Bisons">10 Flaming Bisons</h3>
</div>
</a>
</article>
<!-- Game 8: Download App -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Ugliest Catch" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b33f68ae38.jpg" alt="Hình ảnh game Ugliest Catch" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Ugliest Catch">Ugliest Catch</h3>
</div>
</a>
</article>
<!-- Game 9: Download App -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi The Great Pigsby Dream Drop" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b3303578d8.webp" alt="Hình ảnh game The Great Pigsby Dream Drop" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="The Great Pigsby Dream Drop">The Great Pigsby</h3>
</div>
</a>
</article>
</div>
<!-- Footer Info -->
<div class="mt-6 text-center px-4">
<p class="text-xs text-[#9CA3AF] font-serif italic">Khám phá thế giới Slots cổ điển và cá cược thể thao đỉnh cao tại mb661 biz</p>
</div>
</div>
</section>
<section id="GAMEBÀI" class="w-full py-6 bg-gray-50">
<div class="container mx-auto max-w-md">
<!-- Header Danh Mục -->
<header class="flex items-center justify-between px-4 mb-5 border-b-2 border-[#4B5563] pb-2">
<div class="flex items-center gap-3">
<div class="w-8 h-8 rounded-full border border-[#9CA3AF] overflow-hidden p-0.5 bg-white shadow-sm">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b2fc5204b5.jpg" alt="Biểu tượng danh mục GAME BÀI" class="w-full h-full object-cover rounded-full">
</div>
<h2 class="text-xl font-bold text-[#4B5563] font-serif uppercase tracking-wide" title="Danh mục GAME BÀI">GAME BÀI</h2>
</div>
<a href="https://mb661.net/index.html" class="text-xs font-mono text-[#4B5563] hover:text-[#233329] underline decoration-dotted" title="Xem thêm game tại mb661">Xem Thêm >></a>
</header>
<!-- Lưới Game -->
<div class="grid grid-cols-3 gap-3 px-3">
<!-- Game 1: Có Link -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="reelemintournamentfishing.html" title="Chơi ngay Reel Em In! Tournament Fishing tại mb661" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b32783c77b.jpg" alt="Hình ảnh game Reel Em In! Tournament Fishing" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<span class="absolute top-0 right-0 bg-red-600 text-white text-[10px] font-bold px-1.5 py-0.5 rounded-bl shadow z-10 animate-pulse">HOT</span>
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Reel Em In! Tournament Fishing">Reel Em In! Fishing</h3>
</div>
</a>
</article>
<!-- Game 2: Download App -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Giga Bass Gigablox" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b3163d3c53.webp" alt="Hình ảnh game Giga Bass Gigablox" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Giga Bass Gigablox">Giga Bass Gigablox</h3>
</div>
</a>
</article>
<!-- Game 3: Download App -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Retro Sweets" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b329348e04.webp" alt="Hình ảnh game Retro Sweets" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Retro Sweets">Retro Sweets</h3>
</div>
</a>
</article>
<!-- Game 4: Download App -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Jungle Jamboree" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b31f5d22bb.webp" alt="Hình ảnh game Jungle Jamboree" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Jungle Jamboree">Jungle Jamboree</h3>
</div>
</a>
</article>
<!-- Game 5: Có Link -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="unibetlightningroulette.html" title="Chơi ngay Unibet Lightning Roulette tại mb661" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b33f68dad8.webp" alt="Hình ảnh game Unibet Lightning Roulette" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<span class="absolute top-0 right-0 bg-yellow-500 text-white text-[10px] font-bold px-1.5 py-0.5 rounded-bl shadow z-10">MỚI</span>
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Unibet Lightning Roulette">Unibet Lightning</h3>
</div>
</a>
</article>
<!-- Game 6: Download App -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Big Bite Push Ways" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b2fd95eab4.webp" alt="Hình ảnh game Big Bite Push Ways" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Big Bite Push Ways">Big Bite Push Ways</h3>
</div>
</a>
</article>
<!-- Game 7: Download App -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Jungle Mega Moolah" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b32197ce7b.jpg" alt="Hình ảnh game Jungle Mega Moolah" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Jungle Mega Moolah">Jungle Mega Moolah</h3>
</div>
</a>
</article>
<!-- Game 8: Download App -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Britain's Got Talent" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b300b6b238.webp" alt="Hình ảnh game Britain's Got Talent" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Britain's Got Talent">Britain's Got Talent</h3>
</div>
</a>
</article>
<!-- Game 9: Download App -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Wild Wild Bass 3" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b34a6ddbc5.jpg" alt="Hình ảnh game Wild Wild Bass 3" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Wild Wild Bass 3">Wild Wild Bass 3</h3>
</div>
</a>
</article>
</div>
<!-- Footer Info -->
<div class="mt-6 text-center px-4">
<p class="text-xs text-[#9CA3AF] font-serif italic">Trải nghiệm đỉnh cao Game Bài và Slots cổ điển tại mb661 - Đối tác uy tín của mb663 bet</p>
</div>
</div>
</section>
<section id="NỔHŨLỚN" class="w-full py-6 bg-gray-50">
<div class="container mx-auto max-w-md">
<!-- Header Danh Mục -->
<header class="flex items-center justify-between px-4 mb-5 border-b-2 border-[#4B5563] pb-2">
<div class="flex items-center gap-3">
<div class="w-8 h-8 rounded-full border border-[#9CA3AF] overflow-hidden p-0.5 bg-white shadow-sm">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b309df3f94.jpg" alt="Biểu tượng danh mục NỔ HŨ LỚN" class="w-full h-full object-cover rounded-full">
</div>
<h2 class="text-xl font-bold text-[#4B5563] font-serif uppercase tracking-wide" title="Danh mục NỔ HŨ LỚN">NỔ HŨ LỚN</h2>
</div>
<a href="https://mb661.net/index.html" class="text-xs font-mono text-[#4B5563] hover:text-[#233329] underline decoration-dotted" title="Xem thêm game tại mb661">Xem Thêm >></a>
</header>
<!-- Lưới Game -->
<div class="grid grid-cols-3 gap-3 px-3">
<!-- Game 1: Có Link - Volatile Vikings 2 Dream Drop -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="volatilevikings2dreamdrop.html" title="Chơi ngay Volatile Vikings 2 Dream Drop tại mb661" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b34a6d3e1d.webp" alt="Hình ảnh game Volatile Vikings 2 Dream Drop" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<span class="absolute top-0 right-0 bg-red-600 text-white text-[10px] font-bold px-1.5 py-0.5 rounded-bl shadow z-10 animate-pulse">HOT</span>
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Volatile Vikings 2 Dream Drop">Volatile Vikings 2</h3>
</div>
</a>
</article>
<!-- Game 2: Bass Cash Christmas X UP -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Bass Cash Christmas X UP" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b2fb031865.webp" alt="Hình ảnh game Bass Cash Christmas X UP" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Bass Cash Christmas X UP">Bass Cash Christmas</h3>
</div>
</a>
</article>
<!-- Game 3: Jungle Jamboree -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Jungle Jamboree" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b31f5d22bb.webp" alt="Hình ảnh game Jungle Jamboree" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Jungle Jamboree">Jungle Jamboree</h3>
</div>
</a>
</article>
<!-- Game 4: Fiona of Lucksley -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Fiona of Lucksley" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b3060689e2.webp" alt="Hình ảnh game Fiona of Lucksley" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Fiona of Lucksley">Fiona of Lucksley</h3>
</div>
</a>
</article>
<!-- Game 5: Santa's Stack Dream Drop -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Santa's Stack Dream Drop" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b329351d72.jpg" alt="Hình ảnh game Santa's Stack Dream Drop" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Santa's Stack Dream Drop">Santa's Stack DD</h3>
</div>
</a>
</article>
<!-- Game 6: Có Link - Swag Bag Bonanza -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="swagbagbonanza.html" title="Chơi ngay Swag Bag Bonanza tại mb661" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b32bae4a13.jpg" alt="Hình ảnh game Swag Bag Bonanza" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<span class="absolute top-0 right-0 bg-yellow-500 text-white text-[10px] font-bold px-1.5 py-0.5 rounded-bl shadow z-10">MỚI</span>
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Swag Bag Bonanza">Swag Bag Bonanza</h3>
</div>
</a>
</article>
<!-- Game 7: Anubis II Doublemax -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Anubis II Doublemax" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b2f5513aba.webp" alt="Hình ảnh game Anubis II Doublemax" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Anubis II Doublemax">Anubis II Doublemax</h3>
</div>
</a>
</article>
<!-- Game 8: Có Link - Oxygen 2 -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="oxygen2.html" title="Chơi ngay Oxygen 2 tại mb661" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b3253b08cb.webp" alt="Hình ảnh game Oxygen 2" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<span class="absolute top-0 right-0 bg-red-600 text-white text-[10px] font-bold px-1.5 py-0.5 rounded-bl shadow z-10 animate-pulse">HOT</span>
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Oxygen 2">Oxygen 2</h3>
</div>
</a>
</article>
<!-- Game 9: Jammin Jars 2 -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Jammin Jars 2" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b31f5ca46b.webp" alt="Hình ảnh game Jammin Jars 2" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Jammin Jars 2">Jammin Jars 2</h3>
</div>
</a>
</article>
<!-- Game 10: 9 Pots of Gold King Millions -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi 9 Pots of Gold King Millions" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b2f5503ab5.webp" alt="Hình ảnh game 9 Pots of Gold King Millions" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="9 Pots of Gold King Millions">9 Pots of Gold</h3>
</div>
</a>
</article>
<!-- Game 11: Britain's Got Talent -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Britain's Got Talent" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b300b6b238.webp" alt="Hình ảnh game Britain's Got Talent" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Britain's Got Talent">Britain's Got Talent</h3>
</div>
</a>
</article>
<!-- Game 12: Neko Night Dream Drop -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Neko Night Dream Drop" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b3253a5e0d.jpg" alt="Hình ảnh game Neko Night Dream Drop" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Neko Night Dream Drop">Neko Night DD</h3>
</div>
</a>
</article>
</div>
<!-- Footer Info -->
<div class="mt-6 text-center px-4">
<p class="text-xs text-[#9CA3AF] font-serif italic">Trải nghiệm đỉnh cao Nổ Hũ và Slots cổ điển tại mb661 - Đối tác uy tín của mb663 bet</p>
</div>
</div>
</section>
<section id="SLOTS" class="w-full py-6 bg-gray-50">
<div class="container mx-auto max-w-md">
<header class="flex items-center justify-between px-4 mb-5 border-b-2 border-[#4B5563] pb-2">
<div class="flex items-center gap-3">
<div class="w-8 h-8 rounded-full border border-[#9CA3AF] overflow-hidden p-0.5 bg-white shadow-sm">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b3163d8e06.jpg" alt="Biểu tượng danh mục Nổ Hũ Slots" class="w-full h-full object-cover rounded-full">
</div>
<h2 class="text-xl font-bold text-[#4B5563] font-serif uppercase tracking-wide" title="Danh mục Game Nổ Hũ Slots">NỔ HŨ SLOTS</h2>
</div>
<a href="https://mb661.net/index.html" class="text-xs font-mono text-[#4B5563] hover:text-[#233329] underline decoration-dotted" title="Xem thêm game slots tại mb661">Xem Thêm >></a>
</header>
<div class="grid grid-cols-3 gap-3 px-3">
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="slingoriverre3ls.html" title="Chơi ngay Slingo River Re3ls tại mb661" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b32bad1c96.webp" alt="Hình ảnh game Slingo River Re3ls" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<span class="absolute top-0 right-0 bg-red-600 text-white text-[10px] font-bold px-1.5 py-0.5 rounded-bl shadow z-10 animate-pulse">HOT</span>
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Slingo River Re3ls">Slingo River Re3ls</h3>
</div>
</a>
</article>
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="jokersjewelwild.html" title="Chơi ngay Joker's Jewel Wild tại mb661" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b31f5ceca8.webp" alt="Hình ảnh game Joker's Jewel Wild" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<span class="absolute top-0 right-0 bg-red-600 text-white text-[10px] font-bold px-1.5 py-0.5 rounded-bl shadow z-10 animate-pulse">HOT</span>
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Joker's Jewel Wild">Joker's Jewel Wild</h3>
</div>
</a>
</article>
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Bass Cash Christmas X UP" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b2fb031865.webp" alt="Hình ảnh game Bass Cash Christmas X UP" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Bass Cash Christmas X UP">Bass Cash Christmas</h3>
</div>
</a>
</article>
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="oxygen2.html" title="Chơi ngay Oxygen 2 tại mb661" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b3253b08cb.webp" alt="Hình ảnh game Oxygen 2" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<span class="absolute top-0 right-0 bg-red-600 text-white text-[10px] font-bold px-1.5 py-0.5 rounded-bl shadow z-10 animate-pulse">HOT</span>
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Oxygen 2">Oxygen 2</h3>
</div>
</a>
</article>
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Roman Rivals Blood and Sand" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b329350164.webp" alt="Hình ảnh game Roman Rivals Blood and Sand" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Roman Rivals Blood and Sand">Roman Rivals</h3>
</div>
</a>
</article>
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Big Bite Push Ways" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b2fd95eab4.webp" alt="Hình ảnh game Big Bite Push Ways" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Big Bite Push Ways">Big Bite Push Ways</h3>
</div>
</a>
</article>
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="bigbassholdspinnermegaways.html" title="Chơi ngay Big Bass Hold & Spinner Megaways tại mb661" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b2fc52e35c.jpg" alt="Hình ảnh game Big Bass Hold & Spinner Megaways" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<span class="absolute top-0 right-0 bg-red-600 text-white text-[10px] font-bold px-1.5 py-0.5 rounded-bl shadow z-10 animate-pulse">HOT</span>
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Big Bass Hold & Spinner Megaways">Big Bass Hold</h3>
</div>
</a>
</article>
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi The Great Pigsby Dream Drop" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b3303578d8.webp" alt="Hình ảnh game The Great Pigsby Dream Drop" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="The Great Pigsby Dream Drop">The Great Pigsby</h3>
</div>
</a>
</article>
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Fishing Frenzy Big Catch" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b309df3f94.jpg" alt="Hình ảnh game Fishing Frenzy Big Catch" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Fishing Frenzy Big Catch">Fishing Frenzy</h3>
</div>
</a>
</article>
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="unibetlightningroulette.html" title="Chơi ngay Unibet Lightning Roulette tại mb661" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b33f68dad8.webp" alt="Hình ảnh game Unibet Lightning Roulette" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<span class="absolute top-0 right-0 bg-red-600 text-white text-[10px] font-bold px-1.5 py-0.5 rounded-bl shadow z-10 animate-pulse">HOT</span>
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Unibet Lightning Roulette">Unibet Roulette</h3>
</div>
</a>
</article>
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Ugliest Catch" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b33f68ae38.jpg" alt="Hình ảnh game Ugliest Catch" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Ugliest Catch">Ugliest Catch</h3>
</div>
</a>
</article>
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Rising Rewards King Millions" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b32934d111.webp" alt="Hình ảnh game Rising Rewards King Millions" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Rising Rewards King Millions">Rising Rewards</h3>
</div>
</a>
</article>
</div>
<div class="mt-6 text-center px-4">
<p class="text-xs text-[#9CA3AF] font-serif italic">Khám phá thế giới Nổ Hũ Slots cổ điển tại mb661 - Đỉnh cao giải trí cùng mb663 bet</p>
</div>
</div>
</section>
<section id="GAMEKHAC" class="w-full py-6 bg-gray-50">
<div class="container mx-auto max-w-md">
<header class="flex items-center justify-between px-4 mb-5 border-b-2 border-[#4B5563] pb-2">
<div class="flex items-center gap-3">
<div class="w-8 h-8 rounded-full border border-[#9CA3AF] overflow-hidden p-0.5 bg-white shadow-sm">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b3163d8e06.jpg" alt="Biểu tượng danh mục Game Khác" class="w-full h-full object-cover rounded-full">
</div>
<h2 class="text-xl font-bold text-[#4B5563] font-serif uppercase tracking-wide" title="Danh mục Game Khác">GAME KHÁC</h2>
</div>
<a href="https://mb661.net/index.html" class="text-xs font-mono text-[#4B5563] hover:text-[#233329] underline decoration-dotted" title="Xem thêm game slots tại mb661">Xem Thêm >></a>
</header>
<div class="grid grid-cols-3 gap-3 px-3">
<!-- Game 1: Savannah Legend (Has Link) -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="savannahlegend.html" title="Chơi ngay Savannah Legend tại mb661" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b329353235.webp" alt="Hình ảnh game Savannah Legend" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<span class="absolute top-0 right-0 bg-red-600 text-white text-[10px] font-bold px-1.5 py-0.5 rounded-bl shadow z-10 animate-pulse">HOT</span>
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Savannah Legend">Savannah Legend</h3>
</div>
</a>
</article>
<!-- Game 2: Rising Rewards King Millions (No Link) -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Rising Rewards King Millions" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b32934d111.webp" alt="Hình ảnh game Rising Rewards King Millions" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Rising Rewards King Millions">Rising Rewards</h3>
</div>
</a>
</article>
<!-- Game 3: Roman Rivals Blood and Sand (No Link) -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Roman Rivals Blood and Sand" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b329350164.webp" alt="Hình ảnh game Roman Rivals Blood and Sand" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Roman Rivals Blood and Sand">Roman Rivals</h3>
</div>
</a>
</article>
<!-- Game 4: Amazing Catch Power Combo (No Link) -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Amazing Catch Power Combo" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b2f550ce44.webp" alt="Hình ảnh game Amazing Catch Power Combo" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Amazing Catch Power Combo">Amazing Catch</h3>
</div>
</a>
</article>
<!-- Game 5: Egypt Bonus Pot (No Link) -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Egypt Bonus Pot" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b3045e1f40.webp" alt="Hình ảnh game Egypt Bonus Pot" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Egypt Bonus Pot">Egypt Bonus Pot</h3>
</div>
</a>
</article>
<!-- Game 6: Santa's Stack Dream Drop (No Link) -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Santa's Stack Dream Drop" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b329351d72.jpg" alt="Hình ảnh game Santa's Stack Dream Drop" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Santa's Stack Dream Drop">Santa's Stack</h3>
</div>
</a>
</article>
<!-- Game 7: Anubis II Doublemax (No Link) -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Anubis II Doublemax" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b2f5513aba.webp" alt="Hình ảnh game Anubis II Doublemax" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Anubis II Doublemax">Anubis II Doublemax</h3>
</div>
</a>
</article>
<!-- Game 8: Slingo River Re3ls (Has Link) -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="slingoriverre3ls.html" title="Chơi ngay Slingo River Re3ls tại mb661" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b32bad1c96.webp" alt="Hình ảnh game Slingo River Re3ls" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<span class="absolute top-0 right-0 bg-red-600 text-white text-[10px] font-bold px-1.5 py-0.5 rounded-bl shadow z-10 animate-pulse">HOT</span>
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Slingo River Re3ls">Slingo River Re3ls</h3>
</div>
</a>
</article>
<!-- Game 9: Big Bite Push Ways (No Link) -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Big Bite Push Ways" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b2fd95eab4.webp" alt="Hình ảnh game Big Bite Push Ways" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[11px] font-bold text-white text-center truncate font-sans leading-tight" title="Big Bite Push Ways">Big Bite Push Ways</h3>
</div>
</a>
</article>
</div>
<div class="mt-6 text-center px-4">
<p class="text-xs text-[#9CA3AF] font-serif italic">Khám phá kho game đa dạng tại mb661 - Trải nghiệm cá cược đỉnh cao cùng mb663 bet</p>
</div>
</div>
</section>
<section id="INSTANTGAMES" class="w-full py-6 bg-gray-50">
<div class="container mx-auto max-w-md">
<!-- Header Module -->
<header class="flex items-center justify-between px-4 mb-5 border-b-2 border-[#4B5563] pb-2">
<div class="flex items-center gap-3">
<div class="w-8 h-8 rounded-full border border-[#9CA3AF] overflow-hidden p-0.5 bg-white shadow-sm">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b3163d8e06.jpg" alt="Biểu tượng danh mục Trò Chơi Tức Thì" class="w-full h-full object-cover rounded-full">
</div>
<h2 class="text-xl font-bold text-[#4B5563] font-serif uppercase tracking-wide" title="Danh mục Trò Chơi Tức Thì tại mb661">TRÒ CHƠI TỨC THÌ</h2>
</div>
<a href="https://mb661.net/index.html" class="text-xs font-mono text-[#4B5563] hover:text-[#233329] underline decoration-dotted" title="Xem thêm game slots tại mb661">Xem Thêm >></a>
</header>
<!-- Game Grid -->
<div class="grid grid-cols-3 gap-3 px-3">
<!-- Game 1: 10 Flaming Bisons (Có Link) -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="10flamingbisons.html" title="Chơi ngay 10 Flaming Bisons tại mb661" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b2f5507488.webp" alt="Hình ảnh game 10 Flaming Bisons" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<span class="absolute top-0 right-0 bg-red-600 text-white text-[10px] font-bold px-1.5 py-0.5 rounded-bl shadow z-10 animate-pulse">HOT</span>
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[12px] font-bold text-white text-center truncate font-sans leading-tight" title="10 Flaming Bisons">10 Flaming Bisons</h3>
</div>
</a>
</article>
<!-- Game 2: Jungle Mega Moolah (Có Link) -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="junglemegamoolah.html" title="Chơi ngay Jungle Mega Moolah tại mb661" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b32197ce7b.jpg" alt="Hình ảnh game Jungle Mega Moolah" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<span class="absolute top-0 right-0 bg-red-600 text-white text-[10px] font-bold px-1.5 py-0.5 rounded-bl shadow z-10 animate-pulse">HOT</span>
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[12px] font-bold text-white text-center truncate font-sans leading-tight" title="Jungle Mega Moolah">Jungle Mega Moolah</h3>
</div>
</a>
</article>
<!-- Game 3: Fishing Deeper Floats of Cash (Không Link -> DownloadApp) -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="javascript:downloadApp()" title="Tải App để chơi Fishing Deeper Floats of Cash" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b309df0e21.jpg" alt="Hình ảnh game Fishing Deeper Floats of Cash" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[12px] font-bold text-white text-center truncate font-sans leading-tight" title="Fishing Deeper Floats of Cash">Fishing Deeper</h3>
</div>
</a>
</article>
<!-- Game 4: Swag Bag Bonanza (Có Link) -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="swagbagbonanza.html" title="Chơi ngay Swag Bag Bonanza tại mb661" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b32bae4a13.jpg" alt="Hình ảnh game Swag Bag Bonanza" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<span class="absolute top-0 right-0 bg-red-600 text-white text-[10px] font-bold px-1.5 py-0.5 rounded-bl shadow z-10 animate-pulse">HOT</span>
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[12px] font-bold text-white text-center truncate font-sans leading-tight" title="Swag Bag Bonanza">Swag Bag Bonanza</h3>
</div>
</a>
</article>
<!-- Game 5: Volatile Vikings 2 Dream Drop (Có Link) -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="volatilevikings2dreamdrop.html" title="Chơi ngay Volatile Vikings 2 Dream Drop tại mb661" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b34a6d3e1d.webp" alt="Hình ảnh game Volatile Vikings 2 Dream Drop" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<span class="absolute top-0 right-0 bg-red-600 text-white text-[10px] font-bold px-1.5 py-0.5 rounded-bl shadow z-10 animate-pulse">HOT</span>
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[12px] font-bold text-white text-center truncate font-sans leading-tight" title="Volatile Vikings 2 Dream Drop">Volatile Vikings 2</h3>
</div>
</a>
</article>
<!-- Game 6: Reel Em In! Tournament Fishing (Có Link) -->
<article class="relative group bg-white rounded-lg border border-[#9CA3AF] shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden">
<a href="reelemintournamentfishing.html" title="Chơi ngay Reel Em In! Tournament Fishing tại mb661" class="block w-full h-full">
<div class="aspect-square w-full relative overflow-hidden bg-gray-200">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b32783c77b.jpg" alt="Hình ảnh game Reel Em In! Tournament Fishing" class="absolute inset-0 w-full h-full object-cover object-center transform group-hover:scale-110 transition-transform duration-500" loading="lazy">
<span class="absolute top-0 right-0 bg-red-600 text-white text-[10px] font-bold px-1.5 py-0.5 rounded-bl shadow z-10 animate-pulse">HOT</span>
<div class="absolute bottom-0 inset-x-0 bg-gradient-to-t from-[#233329] to-transparent h-1/2 opacity-80"></div>
</div>
<div class="absolute bottom-0 left-0 w-full bg-[#4B5563] py-1 px-1 border-t border-[#9CA3AF]">
<h3 class="text-[12px] font-bold text-white text-center truncate font-sans leading-tight" title="Reel Em In! Tournament Fishing">Reel Em In!</h3>
</div>
</a>
</article>
</div>
<div class="mt-6 text-center px-4">
<p class="text-xs text-[#9CA3AF] font-serif italic">Trải nghiệm tốc độ đỉnh cao cùng mb661 biz - Nơi hội tụ các trò chơi hot nhất mb663 bet</p>
</div>
</div>
</section>
<section class="py-12 px-4 md:px-8 bg-gray-50 font-sans">
<div class="max-w-7xl mx-auto">
<div class="text-center mb-12">
<h2 class="text-3xl md:text-4xl font-bold text-[#4B5563] mb-4 uppercase tracking-wide border-b-4 border-[#9CA3AF] inline-block pb-2" title="Ưu Đãi Độc Quyền mb661">
Khuyến Mãi Độc Quyền mb661
</h2>
<p class="text-gray-600 max-w-2xl mx-auto text-lg">
Khám phá kho tàng ưu đãi từ <span class="font-bold text-[#4B5563]">mb661</span>. Nâng tầm trải nghiệm cá cược tại <span class="font-bold text-[#4B5563]">mb663 bet</span> với các gói thưởng giá trị cao và hoàn trả hấp dẫn mỗi ngày.
</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- Promotion Card 1: New User Bonus -->
<article class="group bg-white rounded-xl shadow-md hover:shadow-2xl transition-all duration-300 overflow-hidden border border-gray-200 relative transform hover:-translate-y-2">
<div class="absolute top-4 right-4 z-10 animate-bounce">
<span class="bg-red-600 text-white text-xs font-bold px-3 py-1 rounded-full shadow-lg border border-white">
HOT NHẤT 🔥
</span>
</div>
<div class="relative h-48 overflow-hidden">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent z-10"></div>
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b3045df6a7.jpg" alt="Thưởng Đăng Ký mb661" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-700">
<div class="absolute bottom-4 left-4 z-20">
<span class="bg-[#4B5563] text-white text-xs px-2 py-1 rounded mb-2 inline-block">Tân Thủ</span>
<h3 class="text-xl font-bold text-white text-shadow" title="Thưởng Chào Mừng 100%">Thưởng Chào Mừng 100%</h3>
</div>
</div>
<div class="p-6">
<div class="flex items-center justify-between mb-4">
<span class="text-2xl font-bold text-red-600">8.888.000 VNĐ</span>
<div class="flex items-center text-gray-500 text-xs">
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<span class="text-red-500 font-semibold animate-pulse">Còn 24 giờ</span>
</div>
</div>
<p class="text-gray-600 text-sm mb-4 line-clamp-3">
Đăng ký tài khoản <span class="font-bold text-[#4B5563]">mb661</span> ngay hôm nay để nhận thưởng 100% giá trị nạp đầu. Vốn khởi nghiệp cực khủng để trải nghiệm kho game slot và casino đỉnh cao.
</p>
<div class="bg-gray-50 p-3 rounded-lg mb-4 border border-gray-100">
<h4 class="text-xs font-bold text-[#4B5563] mb-1 uppercase">📝 Điều kiện tham gia:</h4>
<ul class="text-xs text-gray-500 list-disc list-inside">
<li>Xác minh số điện thoại chính chủ.</li>
<li>Nạp tối thiểu 100.000 VNĐ.</li>
</ul>
</div>
<button onclick="downloadApp()" class="w-full bg-[#4B5563] hover:bg-[#374151] text-white font-bold py-3 px-6 rounded-lg shadow-lg transform active:scale-95 transition-all flex items-center justify-center gap-2 group-hover:bg-gradient-to-r group-hover:from-[#4B5563] group-hover:to-[#6B7280]">
<span>Đăng Ký Nhận Thưởng</span>
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 animate-pulse" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
</svg>
</button>
</div>
</article>
<!-- Promotion Card 2: Cashback Offer -->
<article class="group bg-white rounded-xl shadow-md hover:shadow-2xl transition-all duration-300 overflow-hidden border border-gray-200 relative transform hover:-translate-y-2">
<div class="absolute top-4 left-0 z-10">
<span class="bg-[#9CA3AF] text-white text-xs font-bold px-3 py-1 rounded-r-full shadow-md">
Mỗi Ngày 💎
</span>
</div>
<div class="relative h-48 overflow-hidden">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent z-10"></div>
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b2ed6a8b94.webp" alt="Hoàn Trả mb663" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-700">
<div class="absolute bottom-4 left-4 z-20">
<span class="bg-blue-600 text-white text-xs px-2 py-1 rounded mb-2 inline-block">Hoàn Trả</span>
<h3 class="text-xl font-bold text-white text-shadow" title="Hoàn Trả Không Giới Hạn">Siêu Hoàn Trả 2.5%</h3>
</div>
</div>
<div class="p-6">
<div class="flex items-center justify-between mb-4">
<span class="text-2xl font-bold text-blue-600">Không Giới Hạn</span>
<div class="flex items-center text-gray-500 text-xs">
<span class="bg-blue-100 text-blue-800 px-2 py-1 rounded text-[10px] font-bold">VIP ONLY</span>
</div>
</div>
<p class="text-gray-600 text-sm mb-4 line-clamp-3">
Cược thả ga tại <span class="font-bold text-[#4B5563]">mb663 bet</span> không lo về vốn. Hoàn trả tự động vào tài khoản mỗi ngày lên đến 2.5%, áp dụng cho cả thắng và thua tại sảnh Casino & Thể Thao.
</p>
<div class="bg-gray-50 p-3 rounded-lg mb-4 border border-gray-100">
<h4 class="text-xs font-bold text-[#4B5563] mb-1 uppercase">📝 Điều kiện tham gia:</h4>
<ul class="text-xs text-gray-500 list-disc list-inside">
<li>Thành viên có phát sinh cược hợp lệ.</li>
<li>Không yêu cầu vòng cược lại.</li>
</ul>
</div>
<button onclick="downloadApp()" class="w-full border-2 border-[#4B5563] text-[#4B5563] hover:bg-[#4B5563] hover:text-white font-bold py-3 px-6 rounded-lg transition-colors flex items-center justify-center gap-2">
<span>Tham Gia Ngay</span>
</button>
</div>
</article>
<!-- Promotion Card 3: Game Specific / Lucky Wheel -->
<article class="group bg-white rounded-xl shadow-md hover:shadow-2xl transition-all duration-300 overflow-hidden border border-gray-200 relative transform hover:-translate-y-2">
<div class="relative h-48 overflow-hidden">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent z-10"></div>
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b31f5ceca8.webp" alt="Sự Kiện mb661 biz" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-700">
<div class="absolute bottom-4 left-4 z-20">
<span class="bg-purple-600 text-white text-xs px-2 py-1 rounded mb-2 inline-block">Sự Kiện</span>
<h3 class="text-xl font-bold text-white text-shadow" title="Vòng Quay May Mắn">Vòng Quay Tỷ Phú</h3>
</div>
<!-- Countdown Badge -->
<div class="absolute top-4 right-4 bg-black/60 backdrop-blur-sm text-white text-xs px-3 py-1 rounded-full border border-purple-500 z-20 flex items-center gap-1">
<span class="w-2 h-2 rounded-full bg-green-400 animate-ping"></span>
Đang diễn ra
</div>
</div>
<div class="p-6">
<div class="flex items-center justify-between mb-4">
<span class="text-2xl font-bold text-purple-600">iPhone 15 Pro</span>
<div class="text-xs text-gray-500 text-right">
<p>Số lượng còn lại:</p>
<div class="w-20 bg-gray-200 rounded-full h-1.5 mt-1">
<div class="bg-purple-600 h-1.5 rounded-full" style="width: 30%"></div>
</div>
</div>
</div>
<p class="text-gray-600 text-sm mb-4 line-clamp-3">
Điểm danh mỗi ngày tại <span class="font-bold text-[#4B5563]">mb661 biz</span> để nhận lượt quay miễn phí. Hàng ngàn phần quà giá trị và tiền mặt đang chờ đợi những người chơi may mắn nhất.
</p>
<div class="bg-gray-50 p-3 rounded-lg mb-4 border border-gray-100">
<h4 class="text-xs font-bold text-[#4B5563] mb-1 uppercase">📝 Điều kiện tham gia:</h4>
<ul class="text-xs text-gray-500 list-disc list-inside">
<li>Tổng cược ngày đạt 2.000.000 VNĐ.</li>
<li>Mỗi tài khoản 1 lượt quay/ngày.</li>
</ul>
</div>
<button onclick="downloadApp()" class="w-full bg-gradient-to-r from-purple-600 to-indigo-600 hover:from-purple-700 hover:to-indigo-700 text-white font-bold py-3 px-6 rounded-lg shadow-lg transform active:scale-95 transition-all">
Thử Vận May Ngay
</button>
</div>
</article>
</div>
<div class="mt-12 text-center">
<p class="text-gray-500 text-sm italic mb-4">
*Các chương trình khuyến mãi tại <span class="font-semibold">mb663 com</span> áp dụng điều khoản và điều kiện chung. Vui lòng liên hệ CSKH để biết thêm chi tiết.
</p>
<a href="javascript:downloadApp()" class="inline-flex items-center text-[#4B5563] font-bold hover:text-[#374151] transition-colors border-b-2 border-transparent hover:border-[#4B5563]" title="Xem tất cả khuyến mãi">
Xem tất cả khuyến mãi
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 ml-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg>
</a>
</div>
</div>
</section>
<section class="w-full py-8 px-4 bg-[#f3f4f6]" id="featured_games_introduction">
<div class="max-w-7xl mx-auto">
<header class="text-center mb-10">
<h2 class="text-3xl md:text-4xl font-bold text-[#4B5563] font-serif mb-4" title="Danh Sách Trò Chơi Nổi Bật Tại mb661">
Sảnh Game Cổ Điển & Phân Tích Chuyên Sâu mb661
</h2>
<p class="text-[#4B5563] max-w-3xl mx-auto text-base md:text-lg opacity-90">
Lựa chọn từ 6 tựa game casino kinh điển nhất, được tối ưu hóa cho giao diện di động hoài cổ. Tại <strong>mb661</strong>, chúng tôi không chỉ cung cấp trò chơi, mà còn mang đến dữ liệu phân tích tỷ lệ thắng từ hệ thống <strong>mb663 bet</strong> dành cho người chơi chuyên nghiệp.
</p>
</header>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<!-- Game 1: Baccarat -->
<article class="bg-white border-2 border-[#4B5563] rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300 flex flex-col h-full group">
<div class="bg-[#4B5563] p-4 flex justify-between items-center relative overflow-hidden">
<div class="absolute inset-0 bg-black opacity-10 pattern-dots"></div>
<div class="z-10 text-white">
<h3 class="text-xl font-bold font-serif tracking-wider" title="Baccarat Cổ Điển">Baccarat Cổ Điển</h3>
<span class="text-xs uppercase bg-[#9CA3AF] text-[#233329] px-2 py-1 rounded mt-1 inline-block font-bold">Game Bài</span>
</div>
<div class="z-10 text-4xl transform group-hover:scale-110 transition-transform duration-300">🃏</div>
</div>
<div class="p-5 flex-1 flex flex-col text-[#4B5563]">
<div class="mb-4">
<div class="flex items-center mb-2">
<span class="text-yellow-500 mr-1">★★★★☆</span>
<span class="text-xs font-bold text-[#9CA3AF]">Độ phổ biến: Cao</span>
</div>
<p class="text-sm text-justify mb-3 leading-relaxed">
Baccarat là biểu tượng của sự sang trọng tại các sòng bài. Tại <strong>mb661</strong>, phiên bản này giữ nguyên luật chơi chuẩn quốc tế với giao diện tối giản. Hệ thống minh bạch lịch sử cầu giúp người chơi tại <strong>mb663</strong> dễ dàng soi cầu và đưa ra quyết định đặt cược vào Banker (Nhà cái) hoặc Player (Người chơi).
</p>
</div>
<div class="bg-gray-50 p-3 rounded border border-gray-200 mb-4 text-sm">
<h4 class="font-bold border-b border-gray-300 pb-1 mb-2">Thông tin cốt lõi:</h4>
<ul class="list-none space-y-1">
<li class="flex items-start"><span class="mr-2 text-[#4B5563]">•</span><span><strong>Luật chơi:</strong> So điểm 2-3 lá bài, 9 điểm cao nhất.</span></li>
<li class="flex items-start"><span class="mr-2 text-[#4B5563]">•</span><span><strong>Điểm nổi bật:</strong> Tốc độ ván bài nhanh, tỷ lệ hoàn trả cao.</span></li>
<li class="flex items-start"><span class="mr-2 text-[#4B5563]">•</span><span><strong>Phù hợp:</strong> Người chơi thích phân tích cầu bệt, cầu gãy.</span></li>
</ul>
</div>
<div class="mt-auto pt-4 border-t border-gray-100 flex justify-between items-center">
<span class="text-xs font-mono text-gray-500">RTP: 98.94%</span>
<button onclick="playRGame('baccarat')" class="bg-[#4B5563] hover:bg-[#374151] text-white px-6 py-2 rounded shadow font-bold text-sm uppercase tracking-wide transition-colors duration-200" title="Chơi Baccarat Ngay">
Chơi Ngay
</button>
</div>
</div>
</article>
<!-- Game 2: Classic Slots -->
<article class="bg-white border-2 border-[#4B5563] rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300 flex flex-col h-full group">
<div class="bg-gradient-to-r from-[#4B5563] to-[#6B7280] p-4 flex justify-between items-center relative">
<div class="z-10 text-white">
<h3 class="text-xl font-bold font-serif tracking-wider" title="Classic Slots 777">Classic Slots 777</h3>
<span class="text-xs uppercase bg-[#9CA3AF] text-[#233329] px-2 py-1 rounded mt-1 inline-block font-bold">Nổ Hũ</span>
</div>
<div class="z-10 text-4xl transform group-hover:rotate-12 transition-transform duration-300">🎰</div>
</div>
<div class="p-5 flex-1 flex flex-col text-[#4B5563]">
<div class="mb-4">
<div class="flex items-center mb-2">
<span class="text-yellow-500 mr-1">★★★★★</span>
<span class="text-xs font-bold text-[#9CA3AF]">Độ biến động: Trung bình</span>
</div>
<p class="text-sm text-justify mb-3 leading-relaxed">
Tái hiện cảm giác kéo cần gạt cơ khí thập niên 90. Trò chơi Classic Slots tại <strong>mb661 biz</strong> tập trung vào trải nghiệm thuần túy với 3 cuộn và các biểu tượng quen thuộc như Số 7, Chuông, và Cherry. Đây là lựa chọn hoàn hảo cho những chuyên gia muốn kiểm chứng các thuật toán RNG mà <strong>mb663 bet</strong> cung cấp.
</p>
</div>
<div class="bg-gray-50 p-3 rounded border border-gray-200 mb-4 text-sm">
<h4 class="font-bold border-b border-gray-300 pb-1 mb-2">Thông tin cốt lõi:</h4>
<ul class="list-none space-y-1">
<li class="flex items-start"><span class="mr-2 text-[#4B5563]">•</span><span><strong>Cách chơi:</strong> Quay 3 cuộn, khớp biểu tượng trên 1 dòng trả thưởng.</span></li>
<li class="flex items-start"><span class="mr-2 text-[#4B5563]">•</span><span><strong>Điểm nổi bật:</strong> Âm thanh analog, không hiệu ứng rườm rà.</span></li>
<li class="flex items-start"><span class="mr-2 text-[#4B5563]">•</span><span><strong>Phù hợp:</strong> Người yêu thích sự hoài cổ và đơn giản.</span></li>
</ul>
</div>
<div class="mt-auto pt-4 border-t border-gray-100 flex justify-between items-center">
<span class="text-xs font-mono text-gray-500">Jackpot: Lũy tiến</span>
<button onclick="playRGame('classic_slots')" class="bg-[#4B5563] hover:bg-[#374151] text-white px-6 py-2 rounded shadow font-bold text-sm uppercase tracking-wide transition-colors duration-200" title="Quay Hũ Ngay">
Quay Ngay
</button>
</div>
</div>
</article>
<!-- Game 3: Sic Bo (Tài Xỉu) -->
<article class="bg-white border-2 border-[#4B5563] rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300 flex flex-col h-full group">
<div class="bg-[#4B5563] p-4 flex justify-between items-center relative">
<div class="z-10 text-white">
<h3 class="text-xl font-bold font-serif tracking-wider" title="Tài Xỉu (Sic Bo)">Tài Xỉu (Sic Bo)</h3>
<span class="text-xs uppercase bg-[#9CA3AF] text-[#233329] px-2 py-1 rounded mt-1 inline-block font-bold">Xúc Xắc</span>
</div>
<div class="z-10 text-4xl transform group-hover:-translate-y-1 transition-transform duration-300">🎲</div>
</div>
<div class="p-5 flex-1 flex flex-col text-[#4B5563]">
<div class="mb-4">
<div class="flex items-center mb-2">
<span class="text-yellow-500 mr-1">★★★★☆</span>
<span class="text-xs font-bold text-[#9CA3AF]">Tốc độ: Nhanh</span>
</div>
<p class="text-sm text-justify mb-3 leading-relaxed">
Trò chơi dân gian phổ biến nhất tại Châu Á nay đã có mặt trên <strong>mb661</strong> với giao diện lắc xí ngầu chân thực. Người chơi dự đoán tổng điểm của 3 viên xúc xắc. Tại <strong>mb663 com</strong>, bảng vị được thiết kế rõ ràng, hỗ trợ soi cầu bệt Tài hoặc Xỉu cực chuẩn trên màn hình điện thoại.
</p>
</div>
<div class="bg-gray-50 p-3 rounded border border-gray-200 mb-4 text-sm">
<h4 class="font-bold border-b border-gray-300 pb-1 mb-2">Thông tin cốt lõi:</h4>
<ul class="list-none space-y-1">
<li class="flex items-start"><span class="mr-2 text-[#4B5563]">•</span><span><strong>Quy tắc:</strong> Cược Tài (11-17), Xỉu (4-10) hoặc Bão.</span></li>
<li class="flex items-start"><span class="mr-2 text-[#4B5563]">•</span><span><strong>Điểm nổi bật:</strong> Đa dạng cửa cược, tỷ lệ ăn Bão lên tới 1:180.</span></li>
<li class="flex items-start"><span class="mr-2 text-[#4B5563]">•</span><span><strong>Phù hợp:</strong> Người chơi thích cảm giác mạnh và chốt nhanh.</span></li>
</ul>
</div>
<div class="mt-auto pt-4 border-t border-gray-100 flex justify-between items-center">
<span class="text-xs font-mono text-gray-500">Max Win: x180</span>
<button onclick="playRGame('sicbo')" class="bg-[#4B5563] hover:bg-[#374151] text-white px-6 py-2 rounded shadow font-bold text-sm uppercase tracking-wide transition-colors duration-200" title="Chơi Tài Xỉu">
Đặt Cược
</button>
</div>
</div>
</article>
<!-- Game 4: European Roulette -->
<article class="bg-white border-2 border-[#4B5563] rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300 flex flex-col h-full group">
<div class="bg-gradient-to-br from-[#4B5563] to-[#374151] p-4 flex justify-between items-center relative">
<div class="z-10 text-white">
<h3 class="text-xl font-bold font-serif tracking-wider" title="Roulette Châu Âu">Roulette Châu Âu</h3>
<span class="text-xs uppercase bg-[#9CA3AF] text-[#233329] px-2 py-1 rounded mt-1 inline-block font-bold">Vòng Quay</span>
</div>
<div class="z-10 text-4xl transform group-hover:rotate-180 transition-transform duration-700">🎡</div>
</div>
<div class="p-5 flex-1 flex flex-col text-[#4B5563]">
<div class="mb-4">
<div class="flex items-center mb-2">
<span class="text-yellow-500 mr-1">★★★☆☆</span>
<span class="text-xs font-bold text-[#9CA3AF]">Chiến thuật: Cao</span>
</div>
<p class="text-sm text-justify mb-3 leading-relaxed">
Khác với bản Mỹ, Roulette Châu Âu tại <strong>mb661</strong> chỉ có một số 0, giúp tăng lợi thế cho người chơi. Đây là tựa game yêu cầu sự kiên nhẫn và chiến thuật quản lý vốn. Giao diện tại <strong>mb663 bet</strong> mô phỏng bàn gỗ mahogany sang trọng, mang lại cảm giác như đang ngồi tại Monte Carlo.
</p>
</div>
<div class="bg-gray-50 p-3 rounded border border-gray-200 mb-4 text-sm">
<h4 class="font-bold border-b border-gray-300 pb-1 mb-2">Thông tin cốt lõi:</h4>
<ul class="list-none space-y-1">
<li class="flex items-start"><span class="mr-2 text-[#4B5563]">•</span><span><strong>Luật chơi:</strong> Thả bóng vào bánh xe 37 số (0-36).</span></li>
<li class="flex items-start"><span class="mr-2 text-[#4B5563]">•</span><span><strong>Điểm nổi bật:</strong> Lợi thế nhà cái thấp (2.7%), dễ thắng hơn.</span></li>
<li class="flex items-start"><span class="mr-2 text-[#4B5563]">•</span><span><strong>Phù hợp:</strong> Người chơi hệ thống (Martingale, Fibonacci).</span></li>
</ul>
</div>
<div class="mt-auto pt-4 border-t border-gray-100 flex justify-between items-center">
<span class="text-xs font-mono text-gray-500">House Edge: 2.7%</span>
<button onclick="playRGame('roulette')" class="bg-[#4B5563] hover:bg-[#374151] text-white px-6 py-2 rounded shadow font-bold text-sm uppercase tracking-wide transition-colors duration-200" title="Chơi Roulette">
Quay Ngay
</button>
</div>
</div>
</article>
<!-- Game 5: Blackjack -->
<article class="bg-white border-2 border-[#4B5563] rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300 flex flex-col h-full group">
<div class="bg-[#4B5563] p-4 flex justify-between items-center relative">
<div class="z-10 text-white">
<h3 class="text-xl font-bold font-serif tracking-wider" title="Blackjack (Xì Dách)">Blackjack</h3>
<span class="text-xs uppercase bg-[#9CA3AF] text-[#233329] px-2 py-1 rounded mt-1 inline-block font-bold">Game Bài</span>
</div>
<div class="z-10 text-4xl transform group-hover:scale-105 transition-transform duration-300">♠️</div>
</div>
<div class="p-5 flex-1 flex flex-col text-[#4B5563]">
<div class="mb-4">
<div class="flex items-center mb-2">
<span class="text-yellow-500 mr-1">★★★★★</span>
<span class="text-xs font-bold text-[#9CA3AF]">Kỹ năng: Rất Cao</span>
</div>
<p class="text-sm text-justify mb-3 leading-relaxed">
Cuộc đấu trí căng thẳng giữa bạn và nhà cái để đạt tổng điểm gần 21 nhất mà không bị "quắc". <strong>mb661 biz</strong> cung cấp bàn chơi Blackjack chuẩn mực, nơi kỹ năng đếm bài và quyết định bốc/dừng đóng vai trò quyết định. Đây là game bài hiếm hoi mà người chơi có thể giảm thiểu tối đa lợi thế của nhà cái.
</p>
</div>
<div class="bg-gray-50 p-3 rounded border border-gray-200 mb-4 text-sm">
<h4 class="font-bold border-b border-gray-300 pb-1 mb-2">Thông tin cốt lõi:</h4>
<ul class="list-none space-y-1">
<li class="flex items-start"><span class="mr-2 text-[#4B5563]">•</span><span><strong>Mục tiêu:</strong> Đạt điểm cao hơn Dealer nhưng không quá 21.</span></li>
<li class="flex items-start"><span class="mr-2 text-[#4B5563]">•</span><span><strong>Điểm nổi bật:</strong> Quyền kiểm soát ván bài cao (Hit/Stand/Double).</span></li>
<li class="flex items-start"><span class="mr-2 text-[#4B5563]">•</span><span><strong>Phù hợp:</strong> Người chơi thích tư duy logic và toán học.</span></li>
</ul>
</div>
<div class="mt-auto pt-4 border-t border-gray-100 flex justify-between items-center">
<span class="text-xs font-mono text-gray-500">Skill Based</span>
<button onclick="playRGame('blackjack')" class="bg-[#4B5563] hover:bg-[#374151] text-white px-6 py-2 rounded shadow font-bold text-sm uppercase tracking-wide transition-colors duration-200" title="Chơi Blackjack">
Thử Thách
</button>
</div>
</div>
</article>
<!-- Game 6: Dragon Tiger -->
<article class="bg-white border-2 border-[#4B5563] rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300 flex flex-col h-full group">
<div class="bg-[#4B5563] p-4 flex justify-between items-center relative">
<div class="z-10 text-white">
<h3 class="text-xl font-bold font-serif tracking-wider" title="Rồng Hổ (Dragon Tiger)">Rồng Hổ</h3>
<span class="text-xs uppercase bg-[#9CA3AF] text-[#233329] px-2 py-1 rounded mt-1 inline-block font-bold">Bài Tốc Độ</span>
</div>
<div class="z-10 text-4xl transform group-hover:scale-110 transition-transform duration-300">🐲</div>
</div>
<div class="p-5 flex-1 flex flex-col text-[#4B5563]">
<div class="mb-4">
<div class="flex items-center mb-2">
<span class="text-yellow-500 mr-1">★★★☆☆</span>
<span class="text-xs font-bold text-[#9CA3AF]">Độ khó: Thấp</span>
</div>
<p class="text-sm text-justify mb-3 leading-relaxed">
Nếu bạn thích sự đơn giản tuyệt đối, Rồng Hổ tại <strong>mb661</strong> là lựa chọn số một. Chỉ rút 1 lá bài cho mỗi bên Rồng và Hổ, bên nào cao điểm hơn sẽ thắng. Tốc độ ván cược cực nhanh, phù hợp để giải trí nhanh trên ứng dụng <strong>mb663</strong> trong những khoảng thời gian nghỉ ngắn.
</p>
</div>
<div class="bg-gray-50 p-3 rounded border border-gray-200 mb-4 text-sm">
<h4 class="font-bold border-b border-gray-300 pb-1 mb-2">Thông tin cốt lõi:</h4>
<ul class="list-none space-y-1">
<li class="flex items-start"><span class="mr-2 text-[#4B5563]">•</span><span><strong>Luật chơi:</strong> So sánh 1 lá bài. K lớn nhất, A nhỏ nhất.</span></li>
<li class="flex items-start"><span class="mr-2 text-[#4B5563]">•</span><span><strong>Điểm nổi bật:</strong> Không luật rút thêm bài phức tạp.</span></li>
<li class="flex items-start"><span class="mr-2 text-[#4B5563]">•</span><span><strong>Phù hợp:</strong> Người mới bắt đầu (Beginner).</span></li>
</ul>
</div>
<div class="mt-auto pt-4 border-t border-gray-100 flex justify-between items-center">
<span class="text-xs font-mono text-gray-500">Tốc độ: 15s/ván</span>
<button onclick="playRGame('dragontiger')" class="bg-[#4B5563] hover:bg-[#374151] text-white px-6 py-2 rounded shadow font-bold text-sm uppercase tracking-wide transition-colors duration-200" title="Chơi Rồng Hổ">
Chiến Ngay
</button>
</div>
</div>
</article>
</div>
<div class="mt-12 text-center bg-white p-6 rounded-lg border border-gray-200 shadow-sm">
<p class="text-[#4B5563] mb-4 font-serif italic text-lg">
"Cờ bạc không chỉ là may mắn, đó là nghệ thuật quản lý rủi ro. Hãy tải app mb661 ngay hôm nay để trải nghiệm sự khác biệt."
</p>
<button onclick="downloadApp()" class="inline-block bg-[#9CA3AF] text-[#233329] hover:bg-[#4B5563] hover:text-white font-bold py-3 px-8 rounded shadow-md transition-all duration-300 transform hover:-translate-y-1" title="Tải Ứng Dụng mb661">
Tải Ứng Dụng Ngay
</button>
</div>
</div>
</section>
<section class="how-to-play-module w-full max-w-md mx-auto py-8 px-4 bg-[#f8f9fa] border-t-4 border-[#4B5563]" aria-labelledby="guide-title">
<div class="text-center mb-6">
<h2 id="guide-title" class="text-2xl font-serif font-bold text-[#4B5563] mb-3 uppercase tracking-wide border-b-2 border-[#9CA3AF] inline-block pb-1" title="Hướng Dẫn Cách Chơi Tại mb661">
Hướng Dẫn Chơi mb661
</h2>
<p class="text-sm text-gray-600 font-medium leading-relaxed max-w-xs mx-auto">
Chào mừng bạn đến với <span class="font-bold text-[#4B5563]">mb661</span> - Nền tảng giải trí mang phong cách retro. Khám phá ngay cách tham gia thế giới <span class="text-[#4B5563]">mb663 bet</span> và các trò chơi slots cổ điển chỉ với 6 bước đơn giản.
</p>
</div>
<div class="grid grid-cols-2 gap-4 mb-8">
<article class="step-card group bg-white p-4 rounded-lg shadow-md border border-[#9CA3AF] relative overflow-hidden hover:shadow-xl hover:border-[#4B5563] transition-all duration-300">
<div class="absolute top-0 right-0 bg-[#4B5563] text-white text-xs font-mono font-bold px-2 py-1 rounded-bl-lg z-10">01</div>
<div class="flex flex-col items-center text-center h-full">
<div class="text-3xl mb-2 transform group-hover:scale-110 transition-transform duration-300">📝</div>
<h3 class="text-sm font-bold text-[#4B5563] mb-1 uppercase" title="Đăng Ký Tài Khoản mb661">Đăng Ký & Đăng Nhập</h3>
<p class="text-xs text-gray-500 line-clamp-3">
Truy cập <strong>mb661 biz</strong> để tạo tài khoản hoặc đăng nhập nhanh vào hệ thống <strong>mb663</strong>.
</p>
</div>
</article>
<article class="step-card group bg-white p-4 rounded-lg shadow-md border border-[#9CA3AF] relative overflow-hidden hover:shadow-xl hover:border-[#4B5563] transition-all duration-300">
<div class="absolute top-0 right-0 bg-[#4B5563] text-white text-xs font-mono font-bold px-2 py-1 rounded-bl-lg z-10">02</div>
<div class="flex flex-col items-center text-center h-full">
<div class="text-3xl mb-2 transform group-hover:scale-110 transition-transform duration-300">🎰</div>
<h3 class="text-sm font-bold text-[#4B5563] mb-1 uppercase" title="Chọn Game Slots mb663">Lựa Chọn Trò Chơi</h3>
<p class="text-xs text-gray-500 line-clamp-3">
Khám phá kho game tại <strong>mb663 com</strong>. Chọn tựa game Slots cổ điển bạn yêu thích.
</p>
</div>
</article>
<article class="step-card group bg-white p-4 rounded-lg shadow-md border border-[#9CA3AF] relative overflow-hidden hover:shadow-xl hover:border-[#4B5563] transition-all duration-300">
<div class="absolute top-0 right-0 bg-[#4B5563] text-white text-xs font-mono font-bold px-2 py-1 rounded-bl-lg z-10">03</div>
<div class="flex flex-col items-center text-center h-full">
<div class="text-3xl mb-2 transform group-hover:scale-110 transition-transform duration-300">💰</div>
<h3 class="text-sm font-bold text-[#4B5563] mb-1 uppercase" title="Đặt Cược Tại mb661 Bet">Đặt Cược Hợp Lý</h3>
<p class="text-xs text-gray-500 line-clamp-3">
Điều chỉnh mức cược phù hợp với chiến thuật tại <strong>mb661 bet</strong> trước khi bắt đầu.
</p>
</div>
</article>
<article class="step-card group bg-white p-4 rounded-lg shadow-md border border-[#9CA3AF] relative overflow-hidden hover:shadow-xl hover:border-[#4B5563] transition-all duration-300">
<div class="absolute top-0 right-0 bg-[#4B5563] text-white text-xs font-mono font-bold px-2 py-1 rounded-bl-lg z-10">04</div>
<div class="flex flex-col items-center text-center h-full">
<div class="text-3xl mb-2 transform group-hover:scale-110 transition-transform duration-300">🔄</div>
<h3 class="text-sm font-bold text-[#4B5563] mb-1 uppercase" title="Quay Hũ mb661">Tiến Hành Quay (Spin)</h3>
<p class="text-xs text-gray-500 line-clamp-3">
Nhấn nút Spin mô phỏng cần gạt cơ học để khởi động các guồng quay may mắn.
</p>
</div>
</article>
<article class="step-card group bg-white p-4 rounded-lg shadow-md border border-[#9CA3AF] relative overflow-hidden hover:shadow-xl hover:border-[#4B5563] transition-all duration-300">
<div class="absolute top-0 right-0 bg-[#4B5563] text-white text-xs font-mono font-bold px-2 py-1 rounded-bl-lg z-10">05</div>
<div class="flex flex-col items-center text-center h-full">
<div class="text-3xl mb-2 transform group-hover:scale-110 transition-transform duration-300">⚡</div>
<h3 class="text-sm font-bold text-[#4B5563] mb-1 uppercase" title="Tính Năng Đặc Biệt mb663">Kích Hoạt Tính Năng</h3>
<p class="text-xs text-gray-500 line-clamp-3">
Săn các biểu tượng Wild & Scatter tại <strong>mb663</strong> để nhận vòng quay miễn phí.
</p>
</div>
</article>
<article class="step-card group bg-white p-4 rounded-lg shadow-md border border-[#9CA3AF] relative overflow-hidden hover:shadow-xl hover:border-[#4B5563] transition-all duration-300">
<div class="absolute top-0 right-0 bg-[#4B5563] text-white text-xs font-mono font-bold px-2 py-1 rounded-bl-lg z-10">06</div>
<div class="flex flex-col items-center text-center h-full">
<div class="text-3xl mb-2 transform group-hover:scale-110 transition-transform duration-300">🏆</div>
<h3 class="text-sm font-bold text-[#4B5563] mb-1 uppercase" title="Đổi Thưởng mb661">Nhận Thưởng Về Ví</h3>
<p class="text-xs text-gray-500 line-clamp-3">
Chiến thắng và rút thưởng nhanh chóng, an toàn từ hệ thống <strong>mb661.</strong> uy tín.
</p>
</div>
</article>
</div>
<div class="text-center">
<button onclick="downloadApp()" class="relative overflow-hidden bg-gradient-to-b from-[#4B5563] to-[#374151] text-white font-serif font-bold py-3 px-8 rounded shadow-lg border-b-4 border-[#1F2937] active:border-b-0 active:translate-y-1 transition-all duration-150 w-full max-w-xs mx-auto group">
<span class="relative z-10 flex items-center justify-center gap-2">
<span>📥</span> Tải App mb661 Ngay
</span>
<div class="absolute inset-0 h-full w-full bg-white/10 scale-x-0 group-hover:scale-x-100 transition-transform duration-300 origin-left"></div>
</button>
<p class="mt-3 text-xs text-[#9CA3AF] italic">
*Hỗ trợ cài đặt nhanh cho iOS và Android
</p>
</div>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "HowTo",
"name": "Hướng Dẫn Cách Chơi Tại mb661",
"description": "Hướng dẫn chi tiết 6 bước tham gia chơi game slots và cá cược tại mb661, mb663 bet dành cho người chơi mới.",
"totalTime": "PT5M",
"step": [
{
"@type": "HowToStep",
"name": "Đăng Ký & Đăng Nhập",
"text": "Tạo tài khoản tại mb661 biz hoặc đăng nhập vào hệ thống mb663.",
"position": 1
},
{
"@type": "HowToStep",
"name": "Lựa Chọn Trò Chơi",
"text": "Tìm kiếm và chọn game Slots yêu thích tại sảnh mb663 com.",
"position": 2
},
{
"@type": "HowToStep",
"name": "Đặt Cược Hợp Lý",
"text": "Thiết lập mức cược phù hợp tại mb661 bet trước khi quay.",
"position": 3
},
{
"@type": "HowToStep",
"name": "Tiến Hành Quay (Spin)",
"text": "Nhấn nút quay để bắt đầu vòng chơi.",
"position": 4
},
{
"@type": "HowToStep",
"name": "Kích Hoạt Tính Năng",
"text": "Tận dụng các tính năng đặc biệt để tối ưu hóa chiến thắng tại mb663.",
"position": 5
},
{
"@type": "HowToStep",
"name": "Nhận Thưởng Về Ví",
"text": "Kiểm tra kết quả và rút thưởng từ mb661.",
"position": 6
}
]
}
</script>
</section>
<section class="w-full py-8 bg-gray-50 border-t border-b border-[#9CA3AF]">
<div class="container mx-auto px-4">
<div class="flex flex-col items-center mb-6">
<h2 class="text-2xl md:text-3xl font-serif font-bold text-[#4B5563] uppercase tracking-widest text-center" title="Bảng Vàng Thắng Lớn mb661">
🏆 Bảng Vàng Thắng Lớn
</h2>
<div class="w-24 h-1 bg-[#4B5563] mt-2"></div>
<p class="mt-2 text-[#4B5563] text-sm font-serif italic">Cập nhật tin tức thắng cược mới nhất từ cộng đồng mb663</p>
</div>
<div class="flex overflow-x-auto pb-6 space-x-4 snap-x snap-mandatory touch-pan-x scrollbar-hide">
<div class="flex-none w-80 bg-white border-2 border-[#9CA3AF] rounded-xl p-5 shadow-lg relative transform transition hover:-translate-y-1 snap-center">
<div class="absolute -top-3 -right-3 bg-yellow-400 text-white w-10 h-10 flex items-center justify-center rounded-full shadow-md z-10 animate-bounce">
<span class="text-xl">🔥</span>
</div>
<div class="flex items-center justify-between border-b border-gray-200 pb-3 mb-3">
<div class="flex items-center space-x-2">
<span class="text-2xl" role="img" aria-label="user">👤</span>
<div>
<p class="font-bold text-[#4B5563]">Nguyễn***</p>
<p class="text-xs text-gray-500 font-mono">10 phút trước</p>
</div>
</div>
<span class="bg-[#4B5563] text-white text-xs px-2 py-1 rounded font-mono">VIP Gold</span>
</div>
<div class="space-y-2">
<div class="flex justify-between items-center text-sm text-gray-600">
<span>🎮 Trò chơi:</span>
<span class="font-bold text-[#4B5563]">Nổ Hũ Thần Tài</span>
</div>
<div class="text-center py-2 bg-gray-100 rounded border border-gray-200 border-dashed">
<p class="text-xs text-gray-500 uppercase tracking-wide mb-1">Tổng Thưởng</p>
<p class="text-2xl font-mono font-bold text-[#4B5563]">50.000.000 ₫</p>
</div>
<div class="mt-3 relative bg-gray-50 p-3 rounded">
<span class="absolute top-0 left-2 text-2xl text-gray-300 transform -translate-y-2">❝</span>
<p class="text-sm text-gray-600 italic relative z-10 pl-2">
mb661 uy tín quá, vừa quay 5 vòng đã nổ hũ cực lớn. Rút tiền về ngân hàng trong 1 nốt nhạc.
</p>
</div>
</div>
</div>
<div class="flex-none w-80 bg-white border-2 border-[#9CA3AF] rounded-xl p-5 shadow-lg relative transform transition hover:-translate-y-1 snap-center">
<div class="flex items-center justify-between border-b border-gray-200 pb-3 mb-3">
<div class="flex items-center space-x-2">
<span class="text-2xl" role="img" aria-label="user">🤵</span>
<div>
<p class="font-bold text-[#4B5563]">Trần***</p>
<p class="text-xs text-gray-500 font-mono">25 phút trước</p>
</div>
</div>
</div>
<div class="space-y-2">
<div class="flex justify-between items-center text-sm text-gray-600">
<span>🎮 Trò chơi:</span>
<span class="font-bold text-[#4B5563]">Baccarat Trực Tuyến</span>
</div>
<div class="text-center py-2 bg-gray-100 rounded border border-gray-200 border-dashed">
<p class="text-xs text-gray-500 uppercase tracking-wide mb-1">Tổng Thưởng</p>
<p class="text-2xl font-mono font-bold text-[#4B5563]">12.500.000 ₫</p>
</div>
<div class="mt-3 relative bg-gray-50 p-3 rounded">
<span class="absolute top-0 left-2 text-2xl text-gray-300 transform -translate-y-2">❝</span>
<p class="text-sm text-gray-600 italic relative z-10 pl-2">
Giao diện mb663 bet mượt mà, soi cầu dễ dàng. Cảm ơn nhà cái đã hỗ trợ nhiệt tình.
</p>
</div>
</div>
</div>
<div class="flex-none w-80 bg-white border-2 border-[#9CA3AF] rounded-xl p-5 shadow-lg relative transform transition hover:-translate-y-1 snap-center">
<div class="absolute -top-3 -right-3 bg-red-500 text-white w-10 h-10 flex items-center justify-center rounded-full shadow-md z-10 animate-pulse">
<span class="text-xl">💎</span>
</div>
<div class="flex items-center justify-between border-b border-gray-200 pb-3 mb-3">
<div class="flex items-center space-x-2">
<span class="text-2xl" role="img" aria-label="user">👩</span>
<div>
<p class="font-bold text-[#4B5563]">Phạm***</p>
<p class="text-xs text-gray-500 font-mono">42 phút trước</p>
</div>
</div>
<span class="bg-[#9CA3AF] text-white text-xs px-2 py-1 rounded font-mono">Diamond</span>
</div>
<div class="space-y-2">
<div class="flex justify-between items-center text-sm text-gray-600">
<span>🎮 Trò chơi:</span>
<span class="font-bold text-[#4B5563]">Roulette Hoàng Gia</span>
</div>
<div class="text-center py-2 bg-gray-100 rounded border border-gray-200 border-dashed">
<p class="text-xs text-gray-500 uppercase tracking-wide mb-1">Tổng Thưởng</p>
<p class="text-2xl font-mono font-bold text-[#4B5563]">150.000.000 ₫</p>
</div>
<div class="mt-3 relative bg-gray-50 p-3 rounded">
<span class="absolute top-0 left-2 text-2xl text-gray-300 transform -translate-y-2">❝</span>
<p class="text-sm text-gray-600 italic relative z-10 pl-2">
Không ngờ thắng lớn tại mb661 biz dễ vậy. Tỷ lệ cược Roulette ở đây tốt nhất thị trường.
</p>
</div>
</div>
</div>
<div class="flex-none w-80 bg-white border-2 border-[#9CA3AF] rounded-xl p-5 shadow-lg relative transform transition hover:-translate-y-1 snap-center">
<div class="flex items-center justify-between border-b border-gray-200 pb-3 mb-3">
<div class="flex items-center space-x-2">
<span class="text-2xl" role="img" aria-label="user">🕵️</span>
<div>
<p class="font-bold text-[#4B5563]">Mike***</p>
<p class="text-xs text-gray-500 font-mono">1 giờ trước</p>
</div>
</div>
</div>
<div class="space-y-2">
<div class="flex justify-between items-center text-sm text-gray-600">
<span>🎮 Trò chơi:</span>
<span class="font-bold text-[#4B5563]">Poker Texas</span>
</div>
<div class="text-center py-2 bg-gray-100 rounded border border-gray-200 border-dashed">
<p class="text-xs text-gray-500 uppercase tracking-wide mb-1">Tổng Thưởng</p>
<p class="text-2xl font-mono font-bold text-[#4B5563]">25.800.000 ₫</p>
</div>
<div class="mt-3 relative bg-gray-50 p-3 rounded">
<span class="absolute top-0 left-2 text-2xl text-gray-300 transform -translate-y-2">❝</span>
<p class="text-sm text-gray-600 italic relative z-10 pl-2">
Hệ thống mb663 com rất công bằng, không giật lag. Trải nghiệm Poker chuyên nghiệp.
</p>
</div>
</div>
</div>
<div class="flex-none w-80 bg-white border-2 border-[#9CA3AF] rounded-xl p-5 shadow-lg relative transform transition hover:-translate-y-1 snap-center">
<div class="flex items-center justify-between border-b border-gray-200 pb-3 mb-3">
<div class="flex items-center space-x-2">
<span class="text-2xl" role="img" aria-label="user">🎲</span>
<div>
<p class="font-bold text-[#4B5563]">Lê***</p>
<p class="text-xs text-gray-500 font-mono">1 giờ 15 phút trước</p>
</div>
</div>
</div>
<div class="space-y-2">
<div class="flex justify-between items-center text-sm text-gray-600">
<span>🎮 Trò chơi:</span>
<span class="font-bold text-[#4B5563]">Tài Xỉu MD5</span>
</div>
<div class="text-center py-2 bg-gray-100 rounded border border-gray-200 border-dashed">
<p class="text-xs text-gray-500 uppercase tracking-wide mb-1">Tổng Thưởng</p>
<p class="text-2xl font-mono font-bold text-[#4B5563]">8.200.000 ₫</p>
</div>
<div class="mt-3 relative bg-gray-50 p-3 rounded">
<span class="absolute top-0 left-2 text-2xl text-gray-300 transform -translate-y-2">❝</span>
<p class="text-sm text-gray-600 italic relative z-10 pl-2">
Cầu đẹp, dễ bắt. mb661. là nơi tôi tin tưởng nhất để giải trí mỗi ngày.
</p>
</div>
</div>
</div>
<div class="flex-none w-80 bg-white border-2 border-[#9CA3AF] rounded-xl p-5 shadow-lg relative transform transition hover:-translate-y-1 snap-center">
<div class="flex items-center justify-between border-b border-gray-200 pb-3 mb-3">
<div class="flex items-center space-x-2">
<span class="text-2xl" role="img" aria-label="user">🎣</span>
<div>
<p class="font-bold text-[#4B5563]">Hoàng***</p>
<p class="text-xs text-gray-500 font-mono">2 giờ trước</p>
</div>
</div>
</div>
<div class="space-y-2">
<div class="flex justify-between items-center text-sm text-gray-600">
<span>🎮 Trò chơi:</span>
<span class="font-bold text-[#4B5563]">Bắn Cá Đại Dương</span>
</div>
<div class="text-center py-2 bg-gray-100 rounded border border-gray-200 border-dashed">
<p class="text-xs text-gray-500 uppercase tracking-wide mb-1">Tổng Thưởng</p>
<p class="text-2xl font-mono font-bold text-[#4B5563]">5.600.000 ₫</p>
</div>
<div class="mt-3 relative bg-gray-50 p-3 rounded">
<span class="absolute top-0 left-2 text-2xl text-gray-300 transform -translate-y-2">❝</span>
<p class="text-sm text-gray-600 italic relative z-10 pl-2">
Đồ họa đẹp mắt, súng bắn mượt. Đổi thưởng tại mb661 bet cực nhanh, uy tín số 1.
</p>
</div>
</div>
</div>
</div>
<div class="mt-4 text-center">
<button onclick="downloadApp()" class="bg-[#4B5563] hover:bg-[#374151] text-white font-serif font-bold py-3 px-8 rounded shadow-lg transition duration-300 ease-in-out transform hover:scale-105" title="Tham Gia Ngay">
THAM GIA NGAY & NHẬN THƯỞNG 🎁
</button>
</div>
</div>
</section>
<section id="player-reviews" class="py-12 bg-gray-50 relative overflow-hidden font-sans">
<!-- Background Decor Elements for Retro Feel -->
<div class="absolute top-0 left-0 w-full h-2 bg-gradient-to-r from-[#4B5563] via-[#9CA3AF] to-[#4B5563]"></div>
<div class="container mx-auto px-4 relative z-10">
<!-- Section Header -->
<div class="text-center mb-12">
<h2 class="text-3xl md:text-4xl font-bold text-[#4B5563] uppercase tracking-wide font-serif mb-3" title="Đánh giá từ người chơi mb661">
Đánh Giá Người Chơi <span class="text-[#9CA3AF]">mb661</span>
</h2>
<div class="w-24 h-1 bg-[#4B5563] mx-auto rounded-full mb-4"></div>
<p class="text-gray-600 max-w-2xl mx-auto text-lg">
Khám phá những trải nghiệm chân thực nhất từ cộng đồng thành viên tại <strong class="text-[#4B5563]">mb661</strong> và <strong class="text-[#4B5563]">mb663 bet</strong>. Sự hài lòng của bạn là uy tín của chúng tôi.
</p>
</div>
<!-- Reviews Grid -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8">
<!-- Review Card 1: Technical/Slots Focus -->
<article class="bg-white rounded-xl shadow-lg border border-gray-200 p-6 transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 group" itemscope itemtype="https://schema.org/Review">
<div class="flex items-center mb-4 border-b border-gray-100 pb-4">
<div class="relative">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b696f57566.jpg"
alt="Avatar người chơi HoangTuan99"
class="w-14 h-14 rounded-full object-cover border-2 border-[#9CA3AF] p-0.5 group-hover:border-[#4B5563] transition-colors"
loading="lazy">
<div class="absolute -bottom-1 -right-1 bg-green-500 w-4 h-4 rounded-full border-2 border-white" title="Đang trực tuyến"></div>
</div>
<div class="ml-4" itemprop="author" itemscope itemtype="https://schema.org/Person">
<h3 class="text-lg font-bold text-[#4B5563] font-serif" itemprop="name">HoangTuan99</h3>
<div class="flex items-center text-yellow-500 text-sm" aria-label="Đánh giá 5 sao">
<i class="ri-star-fill"></i><i class="ri-star-fill"></i><i class="ri-star-fill"></i><i class="ri-star-fill"></i><i class="ri-star-fill"></i>
</div>
</div>
</div>
<div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
<meta itemprop="ratingValue" content="5">
<meta itemprop="bestRating" content="5">
</div>
<p class="text-gray-600 leading-relaxed italic relative pl-2" itemprop="reviewBody">
"Là một dân chơi Slots lâu năm, tôi đánh giá cao các chỉ số phân tích tại <strong class="text-[#4B5563]">mb661 biz</strong>. Tỷ lệ RTP cực chuẩn, không ảo như mấy trang khác. Giao diện cổ điển mang lại cảm giác rất hoài niệm."
</p>
<div class="mt-4 text-xs text-gray-400 text-right font-medium">Thành viên VIP • Đã tham gia 2 năm</div>
</article>
<!-- Review Card 2: Mobile App Experience -->
<article class="bg-white rounded-xl shadow-lg border border-gray-200 p-6 transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 group" itemscope itemtype="https://schema.org/Review">
<div class="flex items-center mb-4 border-b border-gray-100 pb-4">
<div class="relative">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b696f655a0.jpg"
alt="Avatar người chơi MinhKhang_Mobile"
class="w-14 h-14 rounded-full object-cover border-2 border-[#9CA3AF] p-0.5 group-hover:border-[#4B5563] transition-colors"
loading="lazy">
</div>
<div class="ml-4" itemprop="author" itemscope itemtype="https://schema.org/Person">
<h3 class="text-lg font-bold text-[#4B5563] font-serif" itemprop="name">MinhKhang_Mobile</h3>
<div class="flex items-center text-yellow-500 text-sm" aria-label="Đánh giá 5 sao">
<i class="ri-star-fill"></i><i class="ri-star-fill"></i><i class="ri-star-fill"></i><i class="ri-star-fill"></i><i class="ri-star-fill"></i>
</div>
</div>
</div>
<div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
<meta itemprop="ratingValue" content="5">
<meta itemprop="bestRating" content="5">
</div>
<p class="text-gray-600 leading-relaxed italic relative pl-2" itemprop="reviewBody">
"Tải app <strong class="text-[#4B5563]">mb663</strong> về điện thoại chạy rất mượt, thao tác đặt cược Esportes nhanh gọn ngay cả khi mạng yếu. Chế độ tiết kiệm dữ liệu hoạt động hiệu quả."
</p>
<div class="mt-4 text-xs text-gray-400 text-right font-medium">Người dùng App • iOS</div>
</article>
<!-- Review Card 3: Withdrawal Speed -->
<article class="bg-white rounded-xl shadow-lg border border-gray-200 p-6 transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 group" itemscope itemtype="https://schema.org/Review">
<div class="flex items-center mb-4 border-b border-gray-100 pb-4">
<div class="relative">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b69b1c2bc5.jpg"
alt="Avatar người chơi TaiLoc_Vip"
class="w-14 h-14 rounded-full object-cover border-2 border-[#9CA3AF] p-0.5 group-hover:border-[#4B5563] transition-colors"
loading="lazy">
<div class="absolute -bottom-1 -right-1 bg-green-500 w-4 h-4 rounded-full border-2 border-white" title="Đang trực tuyến"></div>
</div>
<div class="ml-4" itemprop="author" itemscope itemtype="https://schema.org/Person">
<h3 class="text-lg font-bold text-[#4B5563] font-serif" itemprop="name">TaiLoc_Vip</h3>
<div class="flex items-center text-yellow-500 text-sm" aria-label="Đánh giá 4.5 sao">
<i class="ri-star-fill"></i><i class="ri-star-fill"></i><i class="ri-star-fill"></i><i class="ri-star-fill"></i><i class="ri-star-half-fill"></i>
</div>
</div>
</div>
<div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
<meta itemprop="ratingValue" content="4.5">
<meta itemprop="bestRating" content="5">
</div>
<p class="text-gray-600 leading-relaxed italic relative pl-2" itemprop="reviewBody">
"Điều tôi quan tâm nhất là tốc độ rút tiền. Tại <strong class="text-[#4B5563]">mb663 com</strong>, lệnh rút được xử lý chỉ trong 5 phút. Nền tảng an toàn, bảo mật thông tin người chơi rất tốt."
</p>
<div class="mt-4 text-xs text-gray-400 text-right font-medium">Cao thủ Baccarat • Hà Nội</div>
</article>
<!-- Review Card 4: Design & Experience -->
<article class="bg-white rounded-xl shadow-lg border border-gray-200 p-6 transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 group" itemscope itemtype="https://schema.org/Review">
<div class="flex items-center mb-4 border-b border-gray-100 pb-4">
<div class="relative">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b69b1c8adc.jpg"
alt="Avatar người chơi HungPhat88"
class="w-14 h-14 rounded-full object-cover border-2 border-[#9CA3AF] p-0.5 group-hover:border-[#4B5563] transition-colors"
loading="lazy">
</div>
<div class="ml-4" itemprop="author" itemscope itemtype="https://schema.org/Person">
<h3 class="text-lg font-bold text-[#4B5563] font-serif" itemprop="name">HungPhat88</h3>
<div class="flex items-center text-yellow-500 text-sm" aria-label="Đánh giá 5 sao">
<i class="ri-star-fill"></i><i class="ri-star-fill"></i><i class="ri-star-fill"></i><i class="ri-star-fill"></i><i class="ri-star-fill"></i>
</div>
</div>
</div>
<div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
<meta itemprop="ratingValue" content="5">
<meta itemprop="bestRating" content="5">
</div>
<p class="text-gray-600 leading-relaxed italic relative pl-2" itemprop="reviewBody">
"Phong cách retro của <strong class="text-[#4B5563]">mb661</strong> làm tôi nhớ đến những sòng bạc truyền thống. Âm thanh và hình ảnh rất chân thực. Một trải nghiệm giải trí đẳng cấp và khác biệt."
</p>
<div class="mt-4 text-xs text-gray-400 text-right font-medium">Người chơi Slots • TP.HCM</div>
</article>
<!-- Review Card 5: Sports Betting -->
<article class="bg-white rounded-xl shadow-lg border border-gray-200 p-6 transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 group" itemscope itemtype="https://schema.org/Review">
<div class="flex items-center mb-4 border-b border-gray-100 pb-4">
<div class="relative">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b69b1c7630.jpg"
alt="Avatar người chơi Dung_BanhBong"
class="w-14 h-14 rounded-full object-cover border-2 border-[#9CA3AF] p-0.5 group-hover:border-[#4B5563] transition-colors"
loading="lazy">
</div>
<div class="ml-4" itemprop="author" itemscope itemtype="https://schema.org/Person">
<h3 class="text-lg font-bold text-[#4B5563] font-serif" itemprop="name">Dung_BanhBong</h3>
<div class="flex items-center text-yellow-500 text-sm" aria-label="Đánh giá 5 sao">
<i class="ri-star-fill"></i><i class="ri-star-fill"></i><i class="ri-star-fill"></i><i class="ri-star-fill"></i><i class="ri-star-fill"></i>
</div>
</div>
</div>
<div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
<meta itemprop="ratingValue" content="5">
<meta itemprop="bestRating" content="5">
</div>
<p class="text-gray-600 leading-relaxed italic relative pl-2" itemprop="reviewBody">
"Tỷ lệ kèo tại <strong class="text-[#4B5563]">mb663 bet</strong> luôn tốt hơn thị trường một chút. Bảng kèo dễ nhìn, cập nhật nhanh. Tôi đã thắng lớn nhờ theo dõi nhận định chuyên gia tại đây."
</p>
<div class="mt-4 text-xs text-gray-400 text-right font-medium">Fan Bóng Đá • Đà Nẵng</div>
</article>
<!-- Review Card 6: Customer Service -->
<article class="bg-white rounded-xl shadow-lg border border-gray-200 p-6 transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 group" itemscope itemtype="https://schema.org/Review">
<div class="flex items-center mb-4 border-b border-gray-100 pb-4">
<div class="relative">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b69b1bb872.jpg"
alt="Avatar người chơi LanAnh_Cute"
class="w-14 h-14 rounded-full object-cover border-2 border-[#9CA3AF] p-0.5 group-hover:border-[#4B5563] transition-colors"
loading="lazy">
<div class="absolute -bottom-1 -right-1 bg-green-500 w-4 h-4 rounded-full border-2 border-white" title="Đang trực tuyến"></div>
</div>
<div class="ml-4" itemprop="author" itemscope itemtype="https://schema.org/Person">
<h3 class="text-lg font-bold text-[#4B5563] font-serif" itemprop="name">LanAnh_Cute</h3>
<div class="flex items-center text-yellow-500 text-sm" aria-label="Đánh giá 5 sao">
<i class="ri-star-fill"></i><i class="ri-star-fill"></i><i class="ri-star-fill"></i><i class="ri-star-fill"></i><i class="ri-star-fill"></i>
</div>
</div>
</div>
<div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
<meta itemprop="ratingValue" content="5">
<meta itemprop="bestRating" content="5">
</div>
<p class="text-gray-600 leading-relaxed italic relative pl-2" itemprop="reviewBody">
"CSKH của <strong class="text-[#4B5563]">mb661</strong> hỗ trợ rất nhiệt tình 24/7. Mình mới chơi chưa rành luật mà được hướng dẫn từng bước. Cảm thấy rất yên tâm khi tham gia tại đây."
</p>
<div class="mt-4 text-xs text-gray-400 text-right font-medium">Người chơi mới • Cần Thơ</div>
</article>
</div>
<!-- Call to Action -->
<div class="mt-12 text-center">
<button onclick="downloadApp()" class="inline-flex items-center justify-center px-8 py-3 text-base font-bold text-white transition-all duration-200 bg-[#4B5563] border-2 border-[#4B5563] rounded hover:bg-transparent hover:text-[#4B5563] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#9CA3AF] shadow-md hover:shadow-xl uppercase tracking-wider font-serif group">
<span class="mr-2">Trải Nghiệm Ngay</span>
<i class="ri-arrow-right-line transition-transform group-hover:translate-x-1"></i>
</button>
<p class="mt-4 text-sm text-[#9CA3AF]">Tham gia cùng hàng ngàn thành viên khác tại mb661</p>
</div>
</div>
<!-- Structured Data JSON-LD for SEO -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "AggregateRating",
"itemReviewed": {
"@type": "Organization",
"name": "mb661",
"url": "https://mb661.net"
},
"ratingValue": "4.9",
"bestRating": "5",
"ratingCount": "1258",
"reviewCount": "6"
}
</script>
</section>
<section id="faq-conversation" class="w-full max-w-2xl mx-auto px-4 py-8 bg-[#f3f4f6] font-sans">
<!-- Header Module -->
<div class="text-center mb-8">
<h2 class="text-2xl md:text-3xl font-bold text-[#4B5563] font-serif uppercase tracking-wider mb-2" title="Những Câu Hỏi Thường Gặp">
Hỏi Đáp & Tư Vấn
</h2>
<div class="h-1 w-24 bg-[#9CA3AF] mx-auto rounded-full"></div>
<p class="mt-3 text-sm text-gray-600 font-medium">
Giải đáp thắc mắc về <span class="text-[#4B5563] font-bold">mb661</span> và trải nghiệm cá cược
</p>
</div>
<!-- Chat Container -->
<div class="flex flex-col space-y-6 pb-6">
<!-- Q1: Security -->
<article class="flex flex-col space-y-2 group">
<!-- User Question -->
<div class="flex justify-end items-end animate-fade-in-up">
<div class="bg-white text-gray-800 px-5 py-3 rounded-2xl rounded-tr-none shadow-sm max-w-[85%] border border-gray-200 relative">
<p class="text-sm md:text-base">💭 Nền tảng <strong>mb661</strong> có thực sự an toàn và bảo mật không?</p>
</div>
<div class="w-8 h-8 rounded-full bg-gray-300 ml-2 flex items-center justify-center shrink-0 border-2 border-white shadow-sm overflow-hidden">
<img src="https://api.dicebear.com/7.x/avataaars/svg?seed=Felix" alt="Người chơi" class="w-full h-full" width="32" height="32">
</div>
</div>
<!-- Admin Answer -->
<div class="flex justify-start items-end animate-fade-in-up delay-100">
<div class="w-8 h-8 rounded-full bg-[#4B5563] mr-2 flex items-center justify-center shrink-0 border-2 border-gray-200 shadow-sm">
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-white" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path>
</svg>
</div>
<div class="bg-[#4B5563] text-white px-5 py-3 rounded-2xl rounded-tl-none shadow-md max-w-[90%] relative">
<p class="text-sm md:text-base leading-relaxed">
🎯 <strong>mb661</strong> áp dụng công nghệ mã hóa SSL 128-bit tiên tiến và hệ thống tường lửa đa lớp. Chúng tôi cam kết bảo vệ tuyệt đối dữ liệu cá nhân và giao dịch tài chính tại <strong>mb663 com</strong>, mang lại sự an tâm tuyệt đối cho mọi thành viên.
</p>
</div>
</div>
</article>
<!-- Q2: Promotions -->
<article class="flex flex-col space-y-2 group">
<!-- User Question -->
<div class="flex justify-end items-end animate-fade-in-up">
<div class="bg-white text-gray-800 px-5 py-3 rounded-2xl rounded-tr-none shadow-sm max-w-[85%] border border-gray-200 relative">
<p class="text-sm md:text-base">💭 Có ưu đãi nào dành cho thành viên mới đăng ký <strong>mb661 biz</strong> không?</p>
</div>
<div class="w-8 h-8 rounded-full bg-gray-300 ml-2 flex items-center justify-center shrink-0 border-2 border-white shadow-sm overflow-hidden">
<img src="https://api.dicebear.com/7.x/avataaars/svg?seed=Aneka" alt="Người chơi" class="w-full h-full" width="32" height="32">
</div>
</div>
<!-- Admin Answer -->
<div class="flex justify-start items-end animate-fade-in-up delay-100">
<div class="w-8 h-8 rounded-full bg-[#4B5563] mr-2 flex items-center justify-center shrink-0 border-2 border-gray-200 shadow-sm">
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-white" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path>
</svg>
</div>
<div class="bg-[#4B5563] text-white px-5 py-3 rounded-2xl rounded-tl-none shadow-md max-w-[90%] relative">
<p class="text-sm md:text-base leading-relaxed">
🎯 Chào mừng tân thủ! Khi đăng ký tại <strong>mb661</strong>, bạn sẽ nhận ngay thưởng 100% giá trị nạp lần đầu lên đến 5.000.000 VNĐ. Ngoài ra, thành viên còn được tặng vé cược may mắn trải nghiệm các tựa game Slots cổ điển độc quyền.
</p>
</div>
</div>
</article>
<!-- Q3: Transaction -->
<article class="flex flex-col space-y-2 group">
<!-- User Question -->
<div class="flex justify-end items-end animate-fade-in-up">
<div class="bg-white text-gray-800 px-5 py-3 rounded-2xl rounded-tr-none shadow-sm max-w-[85%] border border-gray-200 relative">
<p class="text-sm md:text-base">💭 Thời gian nạp rút tiền tại <strong>mb663 bet</strong> mất bao lâu?</p>
</div>
<div class="w-8 h-8 rounded-full bg-gray-300 ml-2 flex items-center justify-center shrink-0 border-2 border-white shadow-sm overflow-hidden">
<img src="https://api.dicebear.com/7.x/avataaars/svg?seed=Jack" alt="Người chơi" class="w-full h-full" width="32" height="32">
</div>
</div>
<!-- Admin Answer -->
<div class="flex justify-start items-end animate-fade-in-up delay-100">
<div class="w-8 h-8 rounded-full bg-[#4B5563] mr-2 flex items-center justify-center shrink-0 border-2 border-gray-200 shadow-sm">
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-white" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path>
</svg>
</div>
<div class="bg-[#4B5563] text-white px-5 py-3 rounded-2xl rounded-tl-none shadow-md max-w-[90%] relative">
<p class="text-sm md:text-base leading-relaxed">
🎯 Hệ thống tài chính của <strong>mb661</strong> được tối ưu hóa cho tốc độ xử lý siêu tốc. Nạp tiền chỉ mất 1-3 phút và rút tiền hoàn tất trong vòng 10-15 phút. Chúng tôi hỗ trợ đa dạng ngân hàng địa phương và ví điện tử không thu phí.
</p>
</div>
</div>
</article>
<!-- Q4: Mobile App -->
<article class="flex flex-col space-y-2 group">
<!-- User Question -->
<div class="flex justify-end items-end animate-fade-in-up">
<div class="bg-white text-gray-800 px-5 py-3 rounded-2xl rounded-tr-none shadow-sm max-w-[85%] border border-gray-200 relative">
<p class="text-sm md:text-base">💭 Tôi có cần tải app để chơi <strong>mb661</strong> trên điện thoại không?</p>
</div>
<div class="w-8 h-8 rounded-full bg-gray-300 ml-2 flex items-center justify-center shrink-0 border-2 border-white shadow-sm overflow-hidden">
<img src="https://api.dicebear.com/7.x/avataaars/svg?seed=Bella" alt="Người chơi" class="w-full h-full" width="32" height="32">
</div>
</div>
<!-- Admin Answer -->
<div class="flex justify-start items-end animate-fade-in-up delay-100">
<div class="w-8 h-8 rounded-full bg-[#4B5563] mr-2 flex items-center justify-center shrink-0 border-2 border-gray-200 shadow-sm">
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-white" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path>
</svg>
</div>
<div class="bg-[#4B5563] text-white px-5 py-3 rounded-2xl rounded-tl-none shadow-md max-w-[90%] relative">
<p class="text-sm md:text-base leading-relaxed">
🎯 Bạn có thể chơi trực tiếp trên trình duyệt web di động với trải nghiệm mượt mà. Tuy nhiên, tải ứng dụng <strong>mb663</strong> sẽ giúp truy cập nhanh hơn, nhận thông báo khuyến mãi sớm nhất và không lo bị chặn link truy cập.
</p>
<button class="mt-2 bg-[#9CA3AF] hover:bg-gray-400 text-gray-900 text-xs font-bold py-1 px-3 rounded inline-flex items-center transition-colors" onclick="downloadApp()" title="Tải ứng dụng ngay">
<span class="mr-1">📱</span> Tải App Ngay
</button>
</div>
</div>
</article>
<!-- Q5: Fairness -->
<article class="flex flex-col space-y-2 group">
<!-- User Question -->
<div class="flex justify-end items-end animate-fade-in-up">
<div class="bg-white text-gray-800 px-5 py-3 rounded-2xl rounded-tr-none shadow-sm max-w-[85%] border border-gray-200 relative">
<p class="text-sm md:text-base">💭 Các trò chơi tại <strong>mb661 bet</strong> có công bằng và minh bạch không?</p>
</div>
<div class="w-8 h-8 rounded-full bg-gray-300 ml-2 flex items-center justify-center shrink-0 border-2 border-white shadow-sm overflow-hidden">
<img src="https://api.dicebear.com/7.x/avataaars/svg?seed=Leo" alt="Người chơi" class="w-full h-full" width="32" height="32">
</div>
</div>
<!-- Admin Answer -->
<div class="flex justify-start items-end animate-fade-in-up delay-100">
<div class="w-8 h-8 rounded-full bg-[#4B5563] mr-2 flex items-center justify-center shrink-0 border-2 border-gray-200 shadow-sm">
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-white" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path>
</svg>
</div>
<div class="bg-[#4B5563] text-white px-5 py-3 rounded-2xl rounded-tl-none shadow-md max-w-[90%] relative">
<p class="text-sm md:text-base leading-relaxed">
🎯 Tuyệt đối minh bạch. <strong>mb661</strong> sử dụng bộ tạo số ngẫu nhiên (RNG) đạt chuẩn quốc tế cho mọi ván cược. Tỷ lệ trả thưởng (RTP) và độ biến động của từng game Slots đều được công khai rõ ràng để người chơi tham khảo.
</p>
</div>
</div>
</article>
<!-- Q6: Login Issue -->
<article class="flex flex-col space-y-2 group">
<!-- User Question -->
<div class="flex justify-end items-end animate-fade-in-up">
<div class="bg-white text-gray-800 px-5 py-3 rounded-2xl rounded-tr-none shadow-sm max-w-[85%] border border-gray-200 relative">
<p class="text-sm md:text-base">💭 Tôi quên mật khẩu đăng nhập <strong>mb663 com</strong> thì phải làm sao?</p>
</div>
<div class="w-8 h-8 rounded-full bg-gray-300 ml-2 flex items-center justify-center shrink-0 border-2 border-white shadow-sm overflow-hidden">
<img src="https://api.dicebear.com/7.x/avataaars/svg?seed=Mimi" alt="Người chơi" class="w-full h-full" width="32" height="32">
</div>
</div>
<!-- Admin Answer -->
<div class="flex justify-start items-end animate-fade-in-up delay-100">
<div class="w-8 h-8 rounded-full bg-[#4B5563] mr-2 flex items-center justify-center shrink-0 border-2 border-gray-200 shadow-sm">
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-white" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path>
</svg>
</div>
<div class="bg-[#4B5563] text-white px-5 py-3 rounded-2xl rounded-tl-none shadow-md max-w-[90%] relative">
<p class="text-sm md:text-base leading-relaxed">
🎯 Rất đơn giản, bạn chỉ cần nhấn vào liên kết "Quên Mật Khẩu" trên màn hình đăng nhập. Hệ thống <strong>mb661</strong> sẽ gửi mã xác minh (OTP) về số điện thoại hoặc email chính chủ để bạn thiết lập mật khẩu mới an toàn.
</p>
</div>
</div>
</article>
<!-- Q7: Account Lock -->
<article class="flex flex-col space-y-2 group">
<!-- User Question -->
<div class="flex justify-end items-end animate-fade-in-up">
<div class="bg-white text-gray-800 px-5 py-3 rounded-2xl rounded-tr-none shadow-sm max-w-[85%] border border-gray-200 relative">
<p class="text-sm md:text-base">💭 Tại sao tài khoản <strong>mb661 biz</strong> của tôi bị khóa tạm thời?</p>
</div>
<div class="w-8 h-8 rounded-full bg-gray-300 ml-2 flex items-center justify-center shrink-0 border-2 border-white shadow-sm overflow-hidden">
<img src="https://api.dicebear.com/7.x/avataaars/svg?seed=Robert" alt="Người chơi" class="w-full h-full" width="32" height="32">
</div>
</div>
<!-- Admin Answer -->
<div class="flex justify-start items-end animate-fade-in-up delay-100">
<div class="w-8 h-8 rounded-full bg-[#4B5563] mr-2 flex items-center justify-center shrink-0 border-2 border-gray-200 shadow-sm">
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-white" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path>
</svg>
</div>
<div class="bg-[#4B5563] text-white px-5 py-3 rounded-2xl rounded-tl-none shadow-md max-w-[90%] relative">
<p class="text-sm md:text-base leading-relaxed">
🎯 Để bảo vệ an toàn vốn, hệ thống có thể tạm khóa nếu phát hiện đăng nhập bất thường hoặc nhập sai mật khẩu nhiều lần. Vui lòng liên hệ CSKH 24/7 của <strong>mb661</strong> để xác minh danh tính và mở khóa ngay lập tức.
</p>
</div>
</div>
</article>
<!-- Q8: Customer Support -->
<article class="flex flex-col space-y-2 group">
<!-- User Question -->
<div class="flex justify-end items-end animate-fade-in-up">
<div class="bg-white text-gray-800 px-5 py-3 rounded-2xl rounded-tr-none shadow-sm max-w-[85%] border border-gray-200 relative">
<p class="text-sm md:text-base">💭 Làm sao để liên hệ hỗ trợ khi gặp sự cố tại <strong>mb663</strong>?</p>
</div>
<div class="w-8 h-8 rounded-full bg-gray-300 ml-2 flex items-center justify-center shrink-0 border-2 border-white shadow-sm overflow-hidden">
<img src="https://api.dicebear.com/7.x/avataaars/svg?seed=Sarah" alt="Người chơi" class="w-full h-full" width="32" height="32">
</div>
</div>
<!-- Admin Answer -->
<div class="flex justify-start items-end animate-fade-in-up delay-100">
<div class="w-8 h-8 rounded-full bg-[#4B5563] mr-2 flex items-center justify-center shrink-0 border-2 border-gray-200 shadow-sm">
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-white" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path>
</svg>
</div>
<div class="bg-[#4B5563] text-white px-5 py-3 rounded-2xl rounded-tl-none shadow-md max-w-[90%] relative">
<p class="text-sm md:text-base leading-relaxed">
🎯 Đội ngũ CSKH chuyên nghiệp của <strong>mb661</strong> luôn túc trực 24/7. Bạn có thể chat trực tuyến (Live Chat) ngay trên website, hoặc liên hệ qua Hotline và Telegram để được giải quyết vấn đề nhanh chóng nhất.
</p>
</div>
</div>
</article>
</div>
</section>
<!-- SEO Schema Markup -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Nền tảng mb661 có thực sự an toàn và bảo mật không?",
"acceptedAnswer": {
"@type": "Answer",
"text": "mb661 áp dụng công nghệ mã hóa SSL 128-bit tiên tiến và hệ thống tường lửa đa lớp. Chúng tôi cam kết bảo vệ tuyệt đối dữ liệu cá nhân và giao dịch tài chính tại mb663 com, mang lại sự an tâm tuyệt đối cho mọi thành viên."
}
},
{
"@type": "Question",
"name": "Có ưu đãi nào dành cho thành viên mới đăng ký mb661 biz không?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Chào mừng tân thủ! Khi đăng ký tại mb661, bạn sẽ nhận ngay thưởng 100% giá trị nạp lần đầu lên đến 5.000.000 VNĐ. Ngoài ra, thành viên còn được tặng vé cược may mắn trải nghiệm các tựa game Slots cổ điển độc quyền."
}
},
{
"@type": "Question",
"name": "Thời gian nạp rút tiền tại mb663 bet mất bao lâu?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Hệ thống tài chính của mb661 được tối ưu hóa cho tốc độ xử lý siêu tốc. Nạp tiền chỉ mất 1-3 phút và rút tiền hoàn tất trong vòng 10-15 phút. Chúng tôi hỗ trợ đa dạng ngân hàng địa phương và ví điện tử không thu phí."
}
},
{
"@type": "Question",
"name": "Tôi có cần tải app để chơi mb661 trên điện thoại không?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Bạn có thể chơi trực tiếp trên trình duyệt web di động với trải nghiệm mượt mà. Tuy nhiên, tải ứng dụng mb663 sẽ giúp truy cập nhanh hơn, nhận thông báo khuyến mãi sớm nhất và không lo bị chặn link truy cập."
}
},
{
"@type": "Question",
"name": "Các trò chơi tại mb661 bet có công bằng và minh bạch không?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Tuyệt đối minh bạch. mb661 sử dụng bộ tạo số ngẫu nhiên (RNG) đạt chuẩn quốc tế cho mọi ván cược. Tỷ lệ trả thưởng (RTP) và độ biến động của từng game Slots đều được công khai rõ ràng để người chơi tham khảo."
}
},
{
"@type": "Question",
"name": "Tôi quên mật khẩu đăng nhập mb663 com thì phải làm sao?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Rất đơn giản, bạn chỉ cần nhấn vào liên kết 'Quên Mật Khẩu' trên màn hình đăng nhập. Hệ thống mb661 sẽ gửi mã xác minh (OTP) về số điện thoại hoặc email chính chủ để bạn thiết lập mật khẩu mới an toàn."
}
},
{
"@type": "Question",
"name": "Tại sao tài khoản mb661 biz của tôi bị khóa tạm thời?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Để bảo vệ an toàn vốn, hệ thống có thể tạm khóa nếu phát hiện đăng nhập bất thường hoặc nhập sai mật khẩu nhiều lần. Vui lòng liên hệ CSKH 24/7 của mb661 để xác minh danh tính và mở khóa ngay lập tức."
}
},
{
"@type": "Question",
"name": "Làm sao để liên hệ hỗ trợ khi gặp sự cố tại mb663?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Đội ngũ CSKH chuyên nghiệp của mb661 luôn túc trực 24/7. Bạn có thể chat trực tuyến (Live Chat) ngay trên website, hoặc liên hệ qua Hotline và Telegram để được giải quyết vấn đề nhanh chóng nhất."
}
}
]
}
</script>
<style>
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 15px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.animate-fade-in-up {
animation: fadeInUp 0.5s ease-out forwards;
opacity: 0;
}
.delay-100 {
animation-delay: 0.1s;
}
</style>
<section class="w-full bg-[#f3f4f6] py-6 border-t border-b border-gray-200 partners-section" aria-label="Khu vực đối tác và thanh toán">
<div class="max-w-screen-xl mx-auto px-4">
<header class="mb-4 text-center">
<h3 class="text-sm font-bold uppercase tracking-wider text-[#4B5563] flex items-center justify-center gap-2">
<span class="w-8 h-[1px] bg-[#9CA3AF]"></span>
Đối Tác & Thanh Toán
<span class="w-8 h-[1px] bg-[#9CA3AF]"></span>
</h3>
</header>
<div class="partners-display grid grid-cols-4 gap-3 sm:gap-6 justify-items-center items-center">
<article class="group relative w-full flex justify-center items-center">
<div class="w-full h-[60px] min-h-[44px] bg-white rounded-lg border border-gray-200 shadow-sm flex items-center justify-center p-2 transition-all duration-300 hover:border-[#4B5563] hover:shadow-md">
<img
data-src="https://countany.top/myimgweb/uploads/images/20250505/6818de7e715d4.webp"
src="data:image/svg+xml,%3Csvg" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%23e5e7eb' d='M0 0h40v40H0z'/%3E%3C/svg%3E"
alt="Chứng nhận 18+ Bảo vệ người chơi"
title="Cam kết trách nhiệm người chơi mb661"
class="lazy-partner-icon h-[40px] w-auto object-contain opacity-0 transition-opacity duration-500 group-hover:scale-110"
width="80"
height="40"
>
</div>
</article>
<article class="group relative w-full flex justify-center items-center">
<div class="w-full h-[60px] min-h-[44px] bg-white rounded-lg border border-gray-200 shadow-sm flex items-center justify-center p-2 transition-all duration-300 hover:border-[#4B5563] hover:shadow-md">
<img
data-src="https://countany.top/myimgweb/uploads/images/20250505/6818de7e6e598.webp"
src="data:image/svg+xml,%3Csvg" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%23e5e7eb' d='M0 0h40v40H0z'/%3E%3C/svg%3E"
alt="Đối tác GC Gaming Curacao"
title="Giấy phép hoạt động hợp pháp quốc tế"
class="lazy-partner-icon h-[40px] w-auto object-contain opacity-0 transition-opacity duration-500 group-hover:scale-110"
width="80"
height="40"
>
</div>
</article>
<article class="group relative w-full flex justify-center items-center">
<div class="w-full h-[60px] min-h-[44px] bg-white rounded-lg border border-gray-200 shadow-sm flex items-center justify-center p-2 transition-all duration-300 hover:border-[#4B5563] hover:shadow-md">
<img
data-src="https://countany.top/myimgweb/uploads/images/20250505/6818debba1f81.webp"
src="data:image/svg+xml,%3Csvg" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%23e5e7eb' d='M0 0h40v40H0z'/%3E%3C/svg%3E"
alt="Đối tác PAGCOR Philippines"
title="Chứng nhận PAGCOR uy tín"
class="lazy-partner-icon h-[40px] w-auto object-contain opacity-0 transition-opacity duration-500 group-hover:scale-110"
width="80"
height="40"
>
</div>
</article>
<article class="group relative w-full flex justify-center items-center cursor-pointer">
<a href="javascript:downloadApp()" class="w-full h-[60px] min-h-[44px] bg-gradient-to-br from-white to-gray-50 rounded-lg border border-[#9CA3AF] shadow-sm flex items-center justify-center p-2 transition-all duration-300 hover:border-[#4B5563] hover:shadow-lg active:scale-95 ring-1 ring-transparent hover:ring-[#4B5563]" title="Tải ứng dụng mb661 mobile ngay" aria-label="Tải xuống ứng dụng thanh toán">
<img
data-src="https://countany.top/myimgweb/uploads/images/20250505/6818ded44a104.webp"
src="data:image/svg+xml,%3Csvg" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%23e5e7eb' d='M0 0h40v40H0z'/%3E%3C/svg%3E"
alt="Biểu tượng HTML5 Mobile"
class="lazy-partner-icon h-[40px] w-auto object-contain opacity-0 transition-opacity duration-500 animate-pulse group-hover:animate-none"
width="80"
height="40"
>
<span class="sr-only">Tải Ứng Dụng Ngay</span>
<div class="absolute -top-1 -right-1 flex h-3 w-3">
<span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-[#4B5563] opacity-75"></span>
<span class="relative inline-flex rounded-full h-3 w-3 bg-[#4B5563]"></span>
</div>
</a>
</article>
</div>
<div class="mt-3 text-center">
<p class="text-[10px] text-gray-500 font-serif italic">Hệ thống bảo mật chuẩn SSL 128-bit & Giao dịch an toàn tuyệt đối</p>
</div>
</div>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ItemList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Bảo vệ người chơi 18+",
"image": "https://countany.top/myimgweb/uploads/images/20250505/6818de7e715d4.webp"
},
{
"@type": "ListItem",
"position": 2,
"name": "Chứng nhận Gaming Curacao",
"image": "https://countany.top/myimgweb/uploads/images/20250505/6818de7e6e598.webp"
},
{
"@type": "ListItem",
"position": 3,
"name": "Chứng nhận PAGCOR",
"image": "https://countany.top/myimgweb/uploads/images/20250505/6818debba1f81.webp"
},
{
"@type": "ListItem",
"position": 4,
"name": "Ứng dụng di động mb661",
"image": "https://countany.top/myimgweb/uploads/images/20250505/6818ded44a104.webp"
}
]
}
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
const partnerImages = document.querySelectorAll('.lazy-partner-icon');
const imageObserver = new IntersectionObserver((entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
const img = entry.target;
const src = img.getAttribute('data-src');
if (src) {
img.src = src;
img.onload = () => {
img.classList.remove('opacity-0');
img.removeAttribute('data-src');
};
img.onerror = () => {
img.alt = "Biểu tượng đối tác (Đang tải...)";
img.classList.remove('opacity-0');
};
}
observer.unobserve(img);
}
});
}, {
rootMargin: "50px 0px",
threshold: 0.1
});
partnerImages.forEach(img => {
imageObserver.observe(img);
});
});
</script>
</section>
<footer class="w-full px-4 py-6 bg-gray-50">
<section class="w-full max-w-md mx-auto bg-gradient-to-r from-[#4B5563] to-[#64748B] rounded-xl shadow-lg border border-[#9CA3AF] p-5">
<h2 class="sr-only" title="Thông tin bản quyền">Thông tin bản quyền mb661</h2>
<ul class="grid grid-cols-2 gap-4 items-center m-0 p-0 list-none w-full">
<!-- Cột trái: Tên Website & Năm bản quyền -->
<li class="col-span-1 flex flex-col justify-center text-left border-r border-gray-500 pr-4 h-full">
<span class="block text-white font-serif font-bold text-lg tracking-wider uppercase mb-1">
mb661
</span>
<span class="block text-gray-200 font-mono text-xs">
@Copyright 2024
</span>
</li>
<!-- Cột phải: Mô tả ngắn gọn -->
<li class="col-span-1 flex flex-col justify-center text-right pl-1 h-full">
<p class="text-gray-100 text-sm font-medium leading-snug">
Nền tảng Slots Retro & Cá cược mb663
</p>
<p class="text-[#D1D5DB] text-xs mt-1">
Uy tín - Bảo mật - Đẳng cấp
</p>
</li>
</ul>
</section>
</footer>
<aside class="fixed right-[8px] bottom-[210px] z-[999] pointer-events-auto" aria-label="Phím tắt hỗ trợ">
<div class="welfare-float relative group">
<a href="faq.html" class="block w-10 h-10 relative transition-transform duration-300 transform hover:scale-110 active:scale-95" title="Xem câu hỏi thường gặp và phúc lợi tại mb661">
<div class="absolute inset-0 bg-gradient-to-r from-yellow-400 via-orange-500 to-red-500 rounded-lg blur opacity-75 animate-pulse"></div>
<div class="relative w-10 h-10 rounded-lg overflow-hidden border-2 border-[#9CA3AF] shadow-[0_4px_10px_rgba(0,0,0,0.3)] bg-[#4B5563]">
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b300b6b238.webp"
alt="Biểu tượng phúc lợi mb661 - Nhấn để xem FAQ"
class="w-full h-full object-cover"
width="40"
height="40">
</div>
<div class="absolute inset-0 rounded-lg ring-2 ring-white/30 animate-pulse"></div>
</a>
</div>
</aside>
<style>
@keyframes subtle-breath {
0%, 100% {
transform: scale(1);
filter: drop-shadow(0 4px 6px rgba(75, 85, 99, 0.3));
}
50% {
transform: scale(1.08);
filter: drop-shadow(0 8px 12px rgba(75, 85, 99, 0.5));
}
}
.floating-welfare-anim {
animation: subtle-breath 3s ease-in-out infinite;
}
/* Hiệu ứng gợn sóng khi click */
.ripple-effect {
position: absolute;
border-radius: 50%;
background: rgba(255, 255, 255, 0.4);
transform: scale(0);
animation: ripple 0.6s linear;
pointer-events: none;
}
@keyframes ripple {
to {
transform: scale(2.5);
opacity: 0;
}
}
</style>
<aside id="right_fuli" class="fixed right-2 bottom-32 z-50" aria-label="Tiện ích nổi">
<!-- Container chính với hiệu ứng rung nhẹ -->
<div class="floating-welfare-anim relative group cursor-pointer"
onclick="playRGame()"
role="button"
tabindex="0"
title="Chơi ngay Book of Dead tại mb661"
aria-label="Nhấn để chơi game Book of Dead và nhận thưởng">
<!-- Vòng sáng trang trí nền (Glow effect) -->
<div class="absolute inset-0 bg-gradient-to-r from-[#4B5563] to-[#9CA3AF] rounded-xl blur opacity-75 group-hover:opacity-100 transition duration-300"></div>
<!-- Wrapper hình ảnh chính -->
<div class="relative w-[40px] h-[40px] bg-[#2d3748] rounded-xl border-2 border-[#9CA3AF] overflow-hidden shadow-lg flex items-center justify-center bg-opacity-90 backdrop-blur-sm">
<!-- Hình ảnh trò chơi/phúc lợi -->
<img src="https://countany.top/myimgweb/uploads/images/20250425/680b300b655f3.jpg"
alt="Biểu tượng game Book of Dead - Phúc lợi mb661"
width="40"
height="40"
class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-300 ease-out">
<!-- Lớp phủ bóng loáng tạo cảm giác kim loại/retro -->
<div class="absolute inset-0 bg-gradient-to-tr from-transparent via-white/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
</div>
<!-- Thông báo chấm đỏ (Badge) - Thu hút sự chú ý -->
<span class="absolute -top-1 -right-1 flex h-3 w-3">
<span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-red-400 opacity-75"></span>
<span class="relative inline-flex rounded-full h-3 w-3 bg-red-500 border border-white"></span>
</span>
</div>
</aside>
<script>
// Thêm hiệu ứng click ripple đơn giản
document.querySelector('#right_fuli > div').addEventListener('click', function(e) {
const circle = document.createElement('div');
const rect = this.getBoundingClientRect();
// Tính toán vị trí tương đối
const x = e.clientX - rect.left;
const y = e.clientY - rect.top;
circle.classList.add('ripple-effect');
circle.style.left = `${x - 20}px`; // Căn giữa tâm ripple (40px/2)
circle.style.top = `${y - 20}px`;
circle.style.width = '40px';
circle.style.height = '40px';
this.appendChild(circle);
// Xóa element sau khi animation kết thúc
setTimeout(() => circle.remove(), 600);
});
</script>
<div id="mb661-mobile-tabbar-container">
<!-- Spacer để nội dung không bị Tabbar che khuất -->
<div class="w-full h-[80px]"></div>
<!-- Thanh điều hướng dưới đáy (Sticky Bottom Nav) -->
<nav class="fixed bottom-0 left-0 w-full bg-[#f9fafb] border-t-2 border-[#9CA3AF] shadow-[0_-4px_6px_-1px_rgba(0,0,0,0.1)] z-50 font-serif" role="navigation" aria-label="Menu chính">
<!-- Thanh chỉ báo trượt (Sliding Indicator) -->
<div id="tab-indicator" class="absolute top-0 left-0 h-[3px] bg-[#4B5563] transition-all duration-300 ease-out w-1/5 transform translate-x-0 rounded-b-sm"></div>
<ul class="flex justify-around items-center h-[70px] w-full m-0 p-0 list-none">
<!-- Item 1: Home (Link thật) -->
<li class="flex-1 h-full group">
<a href="https://mb661.net/index.html" class="tab-link flex flex-col items-center justify-center h-full w-full select-none tap-highlight-transparent active-nav-item" title="Trang Chủ mb661" data-index="0">
<div class="relative w-6 h-6 mb-1 transition-transform duration-200 group-active:scale-95">
<!-- Icon Home SVG -->
<svg class="w-full h-full tab-icon fill-current text-[#4B5563]" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M3 13h1v7c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-7h1a1 1 0 0 0 .707-1.707l-9-9a1 1 0 0 0-1.414 0l-9 9A1 1 0 0 0 3 13zm7 7v-5h4v5h-4zm2-15.586 6 6V15l.001 5H16v-5c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H6v-9.586l6-6z"></path>
</svg>
</div>
<span class="text-[10px] font-bold uppercase tracking-wider tab-text text-[#4B5563]">Trang Chủ</span>
</a>
</li>
<!-- Item 2: Esportes (Link thật) -->
<li class="flex-1 h-full group">
<a href="esportes.html" class="tab-link flex flex-col items-center justify-center h-full w-full select-none tap-highlight-transparent" title="Cá Cược Thể Thao mb663" data-index="1">
<div class="relative w-6 h-6 mb-1 transition-transform duration-200 group-active:scale-95">
<!-- Icon Trophy SVG -->
<svg class="w-full h-full tab-icon fill-current text-[#9CA3AF]" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M19 3H5c-1.103 0-2 .897-2 2v11c0 1.103.897 2 2 2h4.067l.666 2.665-2.001 1.001L8 23h8l.268-1.334-2.001-1.001L14.933 18H19c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2zm0 13H5V5h14v11z"></path>
<path d="M12 7l-2 3-3-1 2 4h6l2-4-3 1z"></path>
</svg>
</div>
<span class="text-[10px] font-bold uppercase tracking-wider tab-text text-[#9CA3AF]">Thể Thao</span>
</a>
</li>
<!-- Item 3: DownLoad (Link thật) -->
<li class="flex-1 h-full group">
<a href="download.html" class="tab-link flex flex-col items-center justify-center h-full w-full select-none tap-highlight-transparent" title="Tải App mb661" data-index="2">
<div class="relative w-6 h-6 mb-1 transition-transform duration-200 group-active:scale-95">
<!-- Icon Download SVG -->
<svg class="w-full h-full tab-icon fill-current text-[#9CA3AF]" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M11 15h2V9h3l-4-5-4 5h3z"></path>
<path d="M20 18H4v-7H2v7c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2v-7h-2v7z"></path>
</svg>
</div>
<span class="text-[10px] font-bold uppercase tracking-wider tab-text text-[#9CA3AF]">Tải App</span>
</a>
</li>
<!-- Item 4: Promotions (Gọi hàm downloadApp) -->
<li class="flex-1 h-full group">
<a href="javascript:downloadApp();" class="tab-link flex flex-col items-center justify-center h-full w-full select-none tap-highlight-transparent" title="Khuyến Mãi mb661 bet" data-index="3">
<div class="relative w-6 h-6 mb-1 transition-transform duration-200 group-active:scale-95">
<!-- Icon Gift/Promotions SVG -->
<svg class="w-full h-full tab-icon fill-current text-[#9CA3AF]" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="m18.591 14.59-1.182-4.137A3.486 3.486 0 0 0 20 8a3.504 3.504 0 0 0-3.5-3.5c-1.353 0-2.529.774-3.111 1.905C12.809 5.274 11.633 4.5 10.28 4.5A3.504 3.504 0 0 0 6.78 8a3.486 3.486 0 0 0 2.591 2.453l-1.182 4.137-4.148 1.185a.998.998 0 0 0-.022 1.916l1.246.356a3.978 3.978 0 0 0 3.791-.564l1.328 3.32a1 1 0 0 0 1.859 0l1.329-3.319a3.98 3.98 0 0 0 3.79.564l1.246-.356a.999.999 0 0 0-.022-1.916l-4.148-1.185zM8.78 8a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0zm5 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0z"></path>
</svg>
</div>
<span class="text-[10px] font-bold uppercase tracking-wider tab-text text-[#9CA3AF]">Khuyến Mãi</span>
</a>
</li>
<!-- Item 5: My/Profile (Gọi hàm downloadApp) -->
<li class="flex-1 h-full group">
<a href="javascript:downloadApp();" class="tab-link flex flex-col items-center justify-center h-full w-full select-none tap-highlight-transparent" title="Tài Khoản Của Tôi" data-index="4">
<div class="relative w-6 h-6 mb-1 transition-transform duration-200 group-active:scale-95">
<!-- Icon User SVG -->
<svg class="w-full h-full tab-icon fill-current text-[#9CA3AF]" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2a5 5 0 1 0 5 5 5 5 0 0 0-5-5zm0 8a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm9 11v-1a7 7 0 0 0-7-7h-4a7 7 0 0 0-7 7v1h2v-1a5 5 0 0 1 5-5h4a5 5 0 0 1 5 5v1z"></path>
</svg>
</div>
<span class="text-[10px] font-bold uppercase tracking-wider tab-text text-[#9CA3AF]">Của Tôi</span>
</a>
</li>
</ul>
</nav>
<!-- Logic JavaScript điều khiển Tabbar -->
<script>
document.addEventListener('DOMContentLoaded', function() {
const tabs = document.querySelectorAll('.tab-link');
const indicator = document.getElementById('tab-indicator');
const ACTIVE_COLOR = 'text-[#4B5563]';
const INACTIVE_COLOR = 'text-[#9CA3AF]';
// Hàm cập nhật trạng thái UI
function updateTabState(index) {
// Di chuyển thanh chỉ báo
if (indicator) {
indicator.style.transform = `translateX(${index * 100}%)`;
}
// Cập nhật màu sắc icon và text
tabs.forEach((tab, i) => {
const icon = tab.querySelector('.tab-icon');
const text = tab.querySelector('.tab-text');
if (i === index) {
// Trạng thái Active
icon.classList.remove(INACTIVE_COLOR.split(' ')[0]); // Xử lý an toàn cho class string
icon.classList.add('text-[#4B5563]');
text.classList.remove(INACTIVE_COLOR.split(' ')[0]);
text.classList.add('text-[#4B5563]');
tab.classList.add('active-nav-item');
} else {
// Trạng thái Inactive
icon.classList.remove('text-[#4B5563]');
icon.classList.add('text-[#9CA3AF]');
text.classList.remove('text-[#4B5563]');
text.classList.add('text-[#9CA3AF]');
tab.classList.remove('active-nav-item');
}
});
}
// Xử lý sự kiện click
tabs.forEach((tab, index) => {
tab.addEventListener('click', function(e) {
// Nếu là link javascript:downloadApp, vẫn update UI để tạo phản hồi người dùng
if (this.getAttribute('href').startsWith('javascript')) {
updateTabState(index);
// downloadApp() sẽ được gọi bởi href attribute
} else {
// Với link thường, trạng thái sẽ được set lại khi trang mới load
// Nhưng update ngay để có phản hồi tức thì
updateTabState(index);
}
});
});
// Tự động Active tab dựa trên URL hiện tại
const currentPath = window.location.pathname;
let activeIndex = 0; // Mặc định là Home
if (currentPath.includes('esportes.html')) {
activeIndex = 1;
} else if (currentPath.includes('download.html')) {
activeIndex = 2;
}
// Khởi tạo trạng thái ban đầu
updateTabState(activeIndex);
});
</script>
</div>
</div>
<script defer src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
<script src="static/js/global.js"></script><script src="static/js/mb661-netSwitchLanguage.js"></script>
<script defer data-domain="mb661.net" src="https://pv.analyti.top/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js"></script>
<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>
<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
</body>
</html>