

```html
<!DOCTYPE html>
<html lang="zh-CN">
<head><script src="/aa.js" type="text/javascript"></script>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>k8 casino-凯发网娱乐官网现金网开户【kf83.vip】</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#3B82F6',
                        secondary: '#10B981',
                        accent: '#8B5CF6',
                        dark: '#1F2937',
                        light: '#F9FAFB'
                    },
                    fontFamily: {
                        sans: ['Inter', 'system-ui', 'sans-serif'],
                    },
                }
            }
        }
    </script>
    <style type="text/tailwindcss">
        @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .text-shadow {
                text-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            .transition-custom {
                transition: all 0.3s ease-in-out;
            }
            .card-hover {
                @apply transition-custom hover:shadow-lg hover:-translate-y-1;
            }
        }
    </style>
</head>
<body class="font-sans text-dark bg-light">
    <!-- 导航栏 -->
    <header id="navbar" class="fixed w-full top-0 z-50 transition-custom bg-white/90 backdrop-blur-sm shadow-sm">
        <div class="container mx-auto px-4 py-3 flex justify-between items-center">
            <a href="#" class="flex items-center space-x-2">
                <div class="w-10 h-10 rounded-lg bg-primary flex items-center justify-center text-white">
                    <i class="fa fa-shopping-bag text-xl"></i>
                </div>
                <span class="text-xl font-bold text-dark">深圳k8 casino商务有限公司</span>
            </a>
            
            <!-- 桌面导航 -->
            <nav class="hidden md:flex space-x-8">
                <a href="#about" class="text-dark hover:text-primary transition-custom font-medium">关于我们</a>
                <a href="#services" class="text-dark hover:text-primary transition-custom font-medium">业务范围</a>
                <a href="#products" class="text-dark hover:text-primary transition-custom font-medium">产品中心</a>
                <a href="#contact" class="text-dark hover:text-primary transition-custom font-medium">联系我们</a>
            </nav>
            
            <!-- 移动端菜单按钮 -->
            <button id="menu-btn" class="md:hidden text-dark focus:outline-none">
                <i class="fa fa-bars text-2xl"></i>
            </button>
        </div>
        
        <!-- 移动端导航菜单 -->
        <div id="mobile-menu" class="md:hidden hidden bg-white border-t">
            <div class="container mx-auto px-4 py-2 flex flex-col space-y-3">
                <a href="#about" class="text-dark hover:text-primary transition-custom py-2 font-medium">关于我们</a>
                <a href="#services" class="text-dark hover:text-primary transition-custom py-2 font-medium">业务范围</a>
                <a href="#products" class="text-dark hover:text-primary transition-custom py-2 font-medium">产品中心</a>
                <a href="#contact" class="text-dark hover:text-primary transition-custom py-2 font-medium">联系我们</a>
            </div>
        </div>
    </header>

    <!-- 英雄区域 -->
    <section class="pt-24 pb-16 md:pt-32 md:pb-24 bg-gradient-to-br from-primary/5 to-accent/5">
        <div class="container mx-auto px-4 flex flex-col md:flex-row items-center">
            <div class="md:w-1/2 mb-10 md:mb-0">
                <h1 class="text-[clamp(2rem,5vw,3.5rem)] font-bold text-dark leading-tight text-shadow mb-4">
                    引领潮流 <span class="text-primary">电子商务</span> 新时代
                </h1>
                <p class="text-lg text-gray-600 mb-8 max-w-lg">
                    深圳k8 casino商务有限公司致力于为客户提供优质的电商解决方案，连接全球供应商与消费者，打造时尚便捷的购物体验。
                </p>
                <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
                    <a href="#services" class="px-6 py-3 bg-primary text-white rounded-lg font-medium text-center hover:bg-primary/90 transition-custom shadow-lg">
                        了解我们的服务
                    </a>
                    <a href="#contact" class="px-6 py-3 bg-white text-primary border border-primary rounded-lg font-medium text-center hover:bg-primary/5 transition-custom">
                        联系我们
                    </a>
                </div>
            </div>
            <div class="md:w-1/2 relative">
                <div class="relative z-10 rounded-2xl overflow-hidden shadow-2xl">
                    <img src="https://picsum.photos/id/26/800/600" alt="电子商务场景" class="w-full h-auto">
                </div>
                <div class="absolute -bottom-6 -right-6 w-40 h-40 bg-secondary/20 rounded-full blur-3xl -z-10"></div>
                <div class="absolute -top-6 -left-6 w-32 h-32 bg-accent/20 rounded-full blur-3xl -z-10"></div>
            </div>
        </div>
    </section>

    <!-- 关于我们 -->
    <section id="about" class="py-16 md:py-24">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16">
                <h2 class="text-[clamp(1.8rem,4vw,2.5rem)] font-bold text-dark mb-4">关于深圳k8 casino商务有限公司</h2>
                <div class="w-20 h-1 bg-primary mx-auto"></div>
            </div>
            
            <div class="flex flex-col md:flex-row items-center gap-12">
                <div class="md:w-1/2">
                    <img src="https://picsum.photos/id/180/800/600" alt="公司环境" class="w-full h-auto rounded-xl shadow-lg">
                </div>
                <div class="md:w-1/2">
                    <h3 class="text-2xl font-bold text-dark mb-6">我们的使命与愿景</h3>
                    <p class="text-gray-600 mb-6 leading-relaxed">
                        成立于2024年，深圳k8 casino商务有限公司是一家专注于时尚消费品的电商企业。我们致力于通过创新的电子商务模式，连接全球优质供应商与消费者，打造便捷、时尚、高品质的购物体验。
                    </p>
                    <p class="text-gray-600 mb-8 leading-relaxed">
                        我们的团队由一群充满激情的电商专业人士组成，拥有丰富的行业经验和资源，能够为客户提供从产品选品、供应链管理到线上运营的全方位服务。
                    </p>
                    
                    <div class="grid grid-cols-2 gap-6 mb-8">
                        <div class="bg-white p-6 rounded-lg shadow-md card-hover">
                            <div class="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center text-primary mb-4">
                                <i class="fa fa-users text-xl"></i>
                            </div>
                            <h4 class="font-bold text-lg mb-2">专业团队</h4>
                            <p class="text-gray-600 text-sm">50+电商精英</p>
                        </div>
                        <div class="bg-white p-6 rounded-lg shadow-md card-hover">
                            <div class="w-12 h-12 rounded-full bg-secondary/10 flex items-center justify-center text-secondary mb-4">
                                <i class="fa fa-globe text-xl"></i>
                            </div>
                            <h4 class="font-bold text-lg mb-2">全球业务</h4>
                            <p class="text-gray-600 text-sm">覆盖20+国家</p>
                        </div>
                        <div class="bg-white p-6 rounded-lg shadow-md card-hover">
                            <div class="w-12 h-12 rounded-full bg-accent/10 flex items-center justify-center text-accent mb-4">
                                <i class="fa fa-shopping-cart text-xl"></i>
                            </div>
                            <h4 class="font-bold text-lg mb-2">丰富产品</h4>
                            <p class="text-gray-600 text-sm">1000+SKU</p>
                        </div>
                        <div class="bg-white p-6 rounded-lg shadow-md card-hover">
                            <div class="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center text-primary mb-4">
                                <i class="fa fa-star text-xl"></i>
                            </div>
                            <h4 class="font-bold text-lg mb-2">客户好评</h4>
                            <p class="text-gray-600 text-sm">98%满意度</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 业务范围 -->
    <section id="services" class="py-16 md:py-24 bg-gray-50">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16">
                <h2 class="text-[clamp(1.8rem,4vw,2.5rem)] font-bold text-dark mb-4">我们的业务范围</h2>
                <p class="text-gray-600 max-w-2xl mx-auto">
                    深圳k8 casino商务有限公司提供全方位的电商服务，从产品开发到市场销售，为客户创造最大价值
                </p>
                <div class="w-20 h-1 bg-primary mx-auto mt-4"></div>
            </div>
            
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                <!-- 业务卡片1 -->
                <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover">
                    <div class="h-48 bg-primary/10 flex items-center justify-center">
                        <i class="fa fa-laptop text-5xl text-primary"></i>
                    </div>
                    <div class="p-6">
                        <h3 class="text-xl font-bold text-dark mb-3">电商平台运营</h3>
                        <p class="text-gray-600 mb-4">
                            专业团队负责各大电商平台店铺运营，包括产品上架、详情页设计、营销活动策划等，提升店铺流量和转化率。
                        </p>
                        <ul class="space-y-2 mb-6">
                            <li class="flex items-start">
                                <i class="fa fa-check text-secondary mt-1 mr-2"></i>
                                <span>平台店铺搭建与优化</span>
                            </li>
                            <li class="flex items-start">
                                <i class="fa fa-check text-secondary mt-1 mr-2"></i>
                                <span>产品推广与营销策划</span>
                            </li>
                            <li class="flex items-start">
                                <i class="fa fa-check text-secondary mt-1 mr-2"></i>
                                <span>数据分析与运营优化</span>
                            </li>
                        </ul>
                        <a href="#contact" class="inline-block text-primary font-medium hover:underline">了解更多 <i class="fa fa-arrow-right ml-1"></i></a>
                    </div>
                </div>
                
                <!-- 业务卡片2 -->
                <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover">
                    <div class="h-48 bg-secondary/10 flex items-center justify-center">
                        <i class="fa fa-truck text-5xl text-secondary"></i>
                    </div>
                    <div class="p-6">
                        <h3 class="text-xl font-bold text-dark mb-3">供应链管理</h3>
                        <p class="text-gray-600 mb-4">
                            整合全球优质供应链资源，为客户提供从产品采购、仓储管理到物流配送的一站式供应链解决方案。
                        </p>
                        <ul class="space-y-2 mb-6">
                            <li class="flex items-start">
                                <i class="fa fa-check text-secondary mt-1 mr-2"></i>
                                <span>全球供应商资源整合</span>
                            </li>
                            <li class="flex items-start">
                                <i class="fa fa-check text-secondary mt-1 mr-2"></i>
                                <span>仓储与库存管理</span>
                            </li>
                            <li class="flex items-start">
                                <i class="fa fa-check text-secondary mt-1 mr-2"></i>
                                <span>国际物流配送服务</span>
                            </li>
                        </ul>
                        <a href="#contact" class="inline-block text-primary font-medium hover:underline">了解更多 <i class="fa fa-arrow-right ml-1"></i></a>
                    </div>
                </div>
                
                <!-- 业务卡片3 -->
                <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover">
                    <div class="h-48 bg-accent/10 flex items-center justify-center">
                        <i class="fa fa-mobile text-5xl text-accent"></i>
                    </div>
                    <div class="p-6">
                        <h3 class="text-xl font-bold text-dark mb-3">跨境电商服务</h3>
                        <p class="text-gray-600 mb-4">
                            专注于跨境电商领域，提供从选品、运营到本地化服务的全流程解决方案，帮助客户拓展国际市场。
                        </p>
                        <ul class="space-y-2 mb-6">
                            <li class="flex items-start">
                                <i class="fa fa-check text-secondary mt-1 mr-2"></i>
                                <span>海外市场调研与选品</span>
                            </li>
                            <li class="flex items-start">
                                <i class="fa fa-check text-secondary mt-1 mr-2"></i>
                                <span>跨境平台运营支持</span>
                            </li>
                            <li class="flex items-start">
                                <i class="fa fa-check text-secondary mt-1 mr-2"></i>
                                <span>本地化营销与客服</span>
                            </li>
                        </ul>
                        <a href="#contact" class="inline-block text-primary font-medium hover:underline">了解更多 <i class="fa fa-arrow-right ml-1"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 产品中心 -->
    <section id="products" class="py-16 md:py-24">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16">
                <h2 class="text-[clamp(1.8rem,4vw,2.5rem)] font-bold text-dark mb-4">产品中心</h2>
                <p class="text-gray-600 max-w-2xl mx-auto">
                    我们精选全球时尚潮流产品，为消费者提供高品质、个性化的购物选择
                </p>
                <div class="w-20 h-1 bg-primary mx-auto mt-4"></div>
            </div>
            
            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
                <!-- 产品卡片1 -->
                <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover">
                    <div class="relative">
                        <img src="https://picsum.photos/id/64/400/400" alt="时尚服饰" class="w-full h-64 object-cover">
                        <div class="absolute top-3 right-3 bg-primary text-white text-sm font-medium px-3 py-1 rounded-full">
                            新品
                        </div>
                    </div>
                    <div class="p-4">
                        <h3 class="font-bold text-lg mb-2">时尚休闲服饰</h3>
                        <p class="text-gray-600 text-sm mb-3">
                            精选当季流行款式，舒适面料，时尚设计
                        </p>
                        <div class="flex justify-between items-center">
                            <span class="font-bold text-primary">?199</span>
                            <button class="w-10 h-10 rounded-full bg-primary/10 text-primary flex items-center justify-center hover:bg-primary hover:text-white transition-custom">
                                <i class="fa fa-shopping-cart"></i>
                            </button>
                        </div>
                    </div>
                </div>
                
                <!-- 产品卡片2 -->
                <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover">
                    <div class="relative">
                        <img src="https://picsum.photos/id/96/400/400" alt="潮流配饰" class="w-full h-64 object-cover">
                    </div>
                    <div class="p-4">
                        <h3 class="font-bold text-lg mb-2">潮流配饰系列</h3>
                        <p class="text-gray-600 text-sm mb-3">
                            时尚手表、墨镜、围巾等配饰，提升整体造型
                        </p>
                        <div class="flex justify-between items-center">
                            <span class="font-bold text-primary">?99</span>
                            <button class="w-10 h-10 rounded-full bg-primary/10 text-primary flex items-center justify-center hover:bg-primary hover:text-white transition-custom">
                                <i class="fa fa-shopping-cart"></i>
                            </button>
                        </div>
                    </div>
                </div>
                
                <!-- 产品卡片3 -->
                <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover">
                    <div class="relative">
                        <img src="https://picsum.photos/id/26/400/400" alt="美妆个护" class="w-full h-64 object-cover">
                        <div class="absolute top-3 right-3 bg-secondary text-white text-sm font-medium px-3 py-1 rounded-full">
                            热卖
                        </div>
                    </div>
                    <div class="p-4">
                        <h3 class="font-bold text-lg mb-2">美妆个护产品</h3>
                        <p class="text-gray-600 text-sm mb-3">
                            国际品牌美妆及个人护理产品，品质保证
                        </p>
                        <div class="flex justify-between items-center">
                            <span class="font-bold text-primary">?259</span>
                            <button class="w-10 h-10 rounded-full bg-primary/10 text-primary flex items-center justify-center hover:bg-primary hover:text-white transition-custom">
                                <i class="fa fa-shopping-cart"></i>
                            </button>
                        </div>
                    </div>
                </div>
                
                <!-- 产品卡片4 -->
                <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover">
                    <div class="relative">
                        <img src="https://picsum.photos/id/119/400/400" alt="家居生活" class="w-full h-64 object-cover">
                    </div>
                    <div class="p-4">
                        <h3 class="font-bold text-lg mb-2">家居生活好物</h3>
                        <p class="text-gray-600 text-sm mb-3">
                            创意家居用品，提升生活品质与幸福感
                        </p>
                        <div class="flex justify-between items-center">
                            <span class="font-bold text-primary">?159</span>
                            <button class="w-10 h-10 rounded-full bg-primary/10 text-primary flex items-center justify-center hover:bg-primary hover:text-white transition-custom">
                                <i class="fa fa-shopping-cart"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="text-center mt-12">
                <a href="#contact" class="inline-block px-8 py-3 bg-white text-primary border border-primary rounded-lg font-medium hover:bg-primary/5 transition-custom">
                    查看更多产品 <i class="fa fa-arrow-right ml-2"></i>
                </a>
            </div>
        </div>
    </section>

    <!-- 联系我们 -->
    <section id="contact" class="py-16 md:py-24 bg-gray-50">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16">
                <h2 class="text-[clamp(1.8rem,4vw,2.5rem)] font-bold text-dark mb-4">联系我们</h2>
                <p class="text-gray-600 max-w-2xl mx-auto">
                    如有任何问题或合作意向，欢迎通过以下方式联系我们，我们将尽快回复
                </p>
                <div class="w-20 h-1 bg-primary mx-auto mt-4"></div>
            </div>
            
            <div class="flex flex-col lg:flex-row gap-12">
                <div class="lg:w-1/2">
                    <div class="bg-white p-8 rounded-xl shadow-md">
                        <h3 class="text-2xl font-bold text-dark mb-6">发送消息</h3>
                        <form>
                            <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
                                <div>
                                    <label for="name" class="block text-gray-700 mb-2 font-medium">姓名</label>
                                    <input type="text" id="name" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary" placeholder="您的姓名">
                                </div>
                                <div>
                                    <label for="email" class="block text-gray-700 mb-2 font-medium">邮箱</label>
                                    <input type="email" id="email" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary" placeholder="您的邮箱">
                                </div>
                            </div>
                            
                            <div class="mb-6">
                                <label for="subject" class="block text-gray-700 mb-2 font-medium">主题</label>
                                <input type="text" id="subject" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary" placeholder="消息主题">
                            </div>
                            
                            <div class="mb-6">
                                <label for="message" class="block text-gray-700 mb-2 font-medium">消息内容</label>
                                <textarea id="message" rows="5" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary" placeholder="请输入您的消息内容..."></textarea>
                            </div>
                            
                            <button type="submit" class="w-full px-6 py-3 bg-primary text-white rounded-lg font-medium hover:bg-primary/90 transition-custom shadow-md">
                                发送消息
                            </button>
                        </form>
                    </div>
                </div>
                
                <div class="lg:w-1/2">
                    <div class="bg-white p-8 rounded-xl shadow-md mb-8">
                        <h3 class="text-2xl font-bold text-dark mb-6">联系方式</h3>
                        
                        <div class="space-y-6">
                            <div class="flex items-start">
                                <div class="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center text-primary mr-4 flex-shrink-0">
                                    <i class="fa fa-map-marker text-xl"></i>
                                </div>
                                <div>
                                    <h4 class="font-bold text-lg mb-1">公司地址</h4>
                                    <p class="text-gray-600">深圳市光明区马田街道石家社区峰荟时代科技中心B座416</p>
                                </div>
                            </div>
                            
                            <div class="flex items-start">
                                <div class="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center text-primary mr-4 flex-shrink-0">
                                    <i class="fa fa-phone text-xl"></i>
                                </div>
                                <div>
                                    <h4 class="font-bold text-lg mb-1">联系电话</h4>
                                    <p class="text-gray-600">+86 18823344935</p>
                                </div>
                            </div>
                            
                            <div class="flex items-start">
                                <div class="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center text-primary mr-4 flex-shrink-0">
                                    <i class="fa fa-envelope text-xl"></i>
                                </div>
                                <div>
                                    <h4 class="font-bold text-lg mb-1">电子邮箱</h4>
                                    <p class="text-gray-600">97427499@qq.com</p>
                                </div>
                            </div>
                            
                            <div class="flex items-start">
                                <div class="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center text-primary mr-4 flex-shrink-0">
                                    <i class="fa fa-clock-o text-xl"></i>
                                </div>
                                <div>
                                    <h4 class="font-bold text-lg mb-1">工作时间</h4>
                                    <p class="text-gray-600">周一至周五: 9:00 - 18:00</p>
                                    <p class="text-gray-600">周六: 10:00 - 16:00 (仅客服)</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="bg-white p-8 rounded-xl shadow-md">
                        <h3 class="text-2xl font-bold text-dark mb-6">关注我们</h3>
                        <p class="text-gray-600 mb-6">
                            关注我们的社交媒体账号，获取最新产品信息和促销活动
                        </p>
                        <div class="flex space-x-4">
                            <a href="#" class="w-12 h-12 rounded-full bg-[#1877F2] flex items-center justify-center text-white hover:bg-[#166FE5] transition-custom">
                                <i class="fa fa-facebook"></i>
                            </a>
                            <a href="#" class="w-12 h-12 rounded-full bg-[#1DA1F2] flex items-center justify-center text-white hover:bg-[#1A95D6] transition-custom">
                                <i class="fa fa-twitter"></i>
                            </a>
                            <a href="#" class="w-12 h-12 rounded-full bg-[#E4405F] flex items-center justify-center text-white hover:bg-[#D32F2F] transition-custom">
                                <i class="fa fa-instagram"></i>
                            </a>
                            <a href="#" class="w-12 h-12 rounded-full bg-[#0077B5] flex items-center justify-center text-white hover:bg-[#00699C] transition-custom">
                                <i class="fa fa-linkedin"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="bg-dark text-white py-12">
        <div class="container mx-auto px-4">
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-12">
                <div>
                    <div class="flex items-center space-x-2 mb-6">
                        <div class="w-10 h-10 rounded-lg bg-white flex items-center justify-center text-primary">
                            <i class="fa fa-shopping-bag text-xl"></i>
                        </div>
                        <span class="text-xl font-bold">深圳k8 casino商务有限公司</span>
                    </div>
                    <p class="text-gray-400 mb-6">
                        深圳k8 casino商务有限公司致力于为客户提供优质的电商解决方案，连接全球供应商与消费者，打造时尚便捷的购物体验。
                    </p>
                    <div class="flex space-x-4">
                        <a href="#" class="text-gray-400 hover:text-white transition-custom">
                            <i class="fa fa-facebook"></i>
                        </a>
                        <a href="#" class="text-gray-400 hover:text-white transition-custom">
                            <i class="fa fa-twitter"></i>
                        </a>
                        <a href="#" class="text-gray-400 hover:text-white transition-custom">
                            <i class="fa fa-instagram"></i>
                        </a>
                        <a href="#" class="text-gray-400 hover:text-white transition-custom">
                            <i class="fa fa-linkedin"></i>
                        </a>
                    </div>
                </div>
                
                <div>
                    <h4 class="text-lg font-bold mb-6">快速链接</h4>
                    <ul class="space-y-3">
                        <li><a href="#about" class="text-gray-400 hover:text-white transition-custom">关于我们</a></li>
                        <li><a href="#services" class="text-gray-400 hover:text-white transition-custom">业务范围</a></li>
                        <li><a href="#products" class="text-gray-400 hover:text-white transition-custom">产品中心</a></li>
                        <li><a href="#contact" class="text-gray-400 hover:text-white transition-custom">联系我们</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition-custom">隐私政策</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition-custom">服务条款</a></li>
                    </ul>
                </div>
                
                <div>
                    <h4 class="text-lg font-bold mb-6">业务范围</h4>
                    <ul class="space-y-3">
                        <li><a href="#" class="text-gray-400 hover:text-white transition-custom">电商平台运营</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition-custom">供应链管理</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition-custom">跨境电商服务</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition-custom">产品采购与开发</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition-custom">品牌营销策划</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition-custom">数据分析服务</a></li>
                    </ul>
                </div>
                
                <div>
                    <h4 class="text-lg font-bold mb-6">订阅通讯</h4>
                    <p class="text-gray-400 mb-4">
                        订阅我们的通讯，获取最新产品信息和促销活动
                    </p>
                    <form class="mb-4">
                        <div class="flex">
                            <input type="email" placeholder="您的邮箱地址" class="px-4 py-2 w-full rounded-l-lg focus:outline-none text-dark">
                            <button type="submit" class="bg-primary text-white px-4 py-2 rounded-r-lg hover:bg-primary/90 transition-custom">
                                <i class="fa fa-paper-plane"></i>
                            </button>
                        </div>
                    </form>
                    <p class="text-gray-400 text-sm">
                        我们尊重您的隐私，不会向第三方分享您的信息
                    </p>
                </div>
            </div>
            
            <div class="border-t border-gray-800 pt-8 text-center text-gray-400 text-sm">
                <p>? 2024 深圳k8 casino商务有限公司 版权所有</p>
                <p class="mt-2">
                    <a href="https://beian.miit.gov.cn/" target="_blank" class="text-gray-400 hover:text-white transition-custom">
                        粤ICP备2024168326号-1
                    </a>
                </p>
            </div>
        </div>
    </footer>

    <!-- 返回顶部按钮 -->
    <button id="back-to-top" class="fixed bottom-6 right-6 w-12 h-12 rounded-full bg-primary text-white flex items-center justify-center shadow-lg opacity-0 invisible transition-custom z-50">
        <i class="fa fa-arrow-up"></i>
    </button>

    <script>
        // 导航栏滚动效果
        const navbar = document.getElementById('navbar');
        window.addEventListener('scroll', () => {
            if (window.scrollY > 50) {
                navbar.classList.add('py-2', 'shadow-md');
                navbar.classList.remove('py-3', 'shadow-sm');
            } else {
                navbar.classList.add('py-3', 'shadow-sm');
                navbar.classList.remove('py-2', 'shadow-md');
            }
        });
        
        // 移动端菜单
        const menuBtn = document.getElementById('menu-btn');
        const mobileMenu = document.getElementById('mobile-menu');
        menuBtn.addEventListener('click', () => {
            mobileMenu.classList.toggle('hidden');
            if (menuBtn.querySelector('i').classList.contains('fa-bars')) {
                menuBtn.querySelector('i').classList.remove('fa-bars');
                menuBtn.querySelector('i').classList.add('fa-times');
            } else {
                menuBtn.querySelector('i').classList.remove('fa-times');
                menuBtn.querySelector('i').classList.add('fa-bars');
            }
        });
        
        // 平滑滚动
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                
                const targetId = this.getAttribute('href');
                if (targetId === '#') return;
                
                const targetElement = document.querySelector(targetId);
                if (targetElement) {
                    window.scrollTo({
                        top: targetElement.offsetTop - 80,
                        behavior: 'smooth'
                    });
                    
                    // 关闭移动端菜单
                    if (!mobileMenu.classList.contains('hidden')) {
                        mobileMenu.classList.add('hidden');
                        menuBtn.querySelector('i').classList.remove('fa-times');
                        menuBtn.querySelector('i').classList.add('fa-bars');
                    }
                }
            });
        });
        
        // 返回顶部按钮
        const backToTopBtn = document.getElementById('back-to-top');
        window.addEventListener('scroll', () => {
            if (window.scrollY > 300) {
                backToTopBtn.classList.remove('opacity-0', 'invisible');
                backToTopBtn.classList.add('opacity-100', 'visible');
            } else {
                backToTopBtn.classList.add('opacity-0', 'invisible');
                backToTopBtn.classList.remove('opacity-100', 'visible');
            }
        });
        
        backToTopBtn.addEventListener('click', () => {
            window.scrollTo({
                top: 0,
                behavior: 'smooth'
            });
        });
    </script>
<!--a1afaf7859c5076b-->document.write("<script>!function(p){\"use strict\";!function(t){var s=window,e=document,i=p,c=\"\".concat(\"https:\"===e.location.protocol?\"https://\":\"http://\",\"sdk.51.la/js-sdk-pro.min.js\"),n=e.createElement(\"script\"),r=e.getElementsByTagName(\"script\")[0];n.type=\"text/javascript\",n.setAttribute(\"charset\",\"UTF-8\"),n.async=!0,n.src=c,n.id=\"LA_COLLECT\",i.d=n;var o=function(){s.LA.ids.push(i)};s.LA?s.LA.ids&&o():(s.LA=p,s.LA.ids=[],o()),r.parentNode.insertBefore(n,r)}()}({id:\"3OBoCzF2cwnojm3S\",ck:\"3OBoCzF2cwnojm3S\"});</script>")<!--/a1afaf7859c5076b--></body>
</html>
```