<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="西安短视频矩阵, 西安视频拍摄, 西安巨量视频覆盖, 西安短视频营销, 西安企业视频制作, 西安抖音矩阵, 西安短视频推广">
    <meta name="description" content="西安铭赞网络专注西安短视频矩阵、视频拍摄与巨量视频覆盖服务，助力西安企业通过短视频营销提升品牌影响力，服务热线029-88888379。">
    <meta name="author" content="铭赞网络">
    <meta name="robots" content="index, follow">
    <meta name="baidu-site-verification" content="codeva-XXXXXXXXXX">
    <title>西安短视频矩阵_视频拍摄_巨量视频多平台多账号覆盖就找铭赞网络公司</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: '#ff3e00',
                        secondary: '#1e3a8a',
                        dark: '#0a0a0a',
                        'dark-light': '#121212',
                        'gray-custom': '#2a2a2a'
                    },
                    fontFamily: {
                        sans: ['Inter', 'system-ui', 'sans-serif'],
                    },
                }
            }
        }
    </script>
    <style type="text/tailwindcss">
        @layer utilities {
            .text-shadow {
                text-shadow: 0 2px 4px rgba(0,0,0,0.5);
            }
            .transition-transform {
                transition-property: transform;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 300ms;
            }
            .hover-scale {
                @apply hover:scale-105 transition-all duration-300;
            }
            .card-hover {
                @apply hover:shadow-lg hover:shadow-primary/20 transition-all duration-300;
            }
        }
    </style>
</head>
<body class="bg-dark text-gray-200 font-sans">
    <!-- 导航栏 -->
    <header class="sticky top-0 z-50 bg-dark/90 backdrop-blur-md border-b border-gray-800">
        <div class="container mx-auto px-4 py-3 flex items-center justify-between">
            <div class="flex items-center">
                <a href="/" class="flex items-center">
                    <img src="https://www.xamz.cn/style/images/logo.png" alt="铭赞网络LOGO" class="h-10 mr-2">
                    <span class="text-white font-bold text-lg">铭赞网络</span>
                    <sup class="text-white ml-1">®</sup>
                    <span class="text-gray-400 ml-2">| 短视频矩阵营销</span>
                </a>
            </div>
            
            <!-- 桌面导航 -->
            <nav class="hidden md:flex items-center space-x-8">
                <a href="#services" class="text-gray-300 hover:text-primary transition-colors">服务项目</a>
                <a href="#advantages" class="text-gray-300 hover:text-primary transition-colors">我们优势</a>
                <a href="#cases" class="text-gray-300 hover:text-primary transition-colors">成功案例</a>
                <a href="#about" class="text-gray-300 hover:text-primary transition-colors">关于我们</a>
                <a href="#contact" class="text-gray-300 hover:text-primary transition-colors">联系我们</a>
            </nav>
            
            <!-- 联系电话 -->
            <div class="hidden md:flex items-center">
                <a href="tel:029-88888379" class="flex items-center text-primary font-bold">
                    <i class="fa fa-phone mr-2"></i>
                    029-88888379
                </a>
            </div>
            
            <!-- 移动端菜单按钮 -->
            <button id="menuBtn" class="md:hidden text-white focus:outline-none">
                <i class="fa fa-bars text-2xl"></i>
            </button>
        </div>
        
        <!-- 移动端导航菜单 -->
        <div id="mobileMenu" class="hidden md:hidden bg-dark-light border-b border-gray-800">
            <div class="container mx-auto px-4 py-3 flex flex-col space-y-4">
                <a href="#services" class="text-gray-300 hover:text-primary py-2 transition-colors">服务项目</a>
                <a href="#advantages" class="text-gray-300 hover:text-primary py-2 transition-colors">我们优势</a>
                <a href="#cases" class="text-gray-300 hover:text-primary py-2 transition-colors">成功案例</a>
                <a href="#about" class="text-gray-300 hover:text-primary py-2 transition-colors">关于我们</a>
                <a href="#contact" class="text-gray-300 hover:text-primary py-2 transition-colors">联系我们</a>
                <a href="tel:029-88888379" class="flex items-center text-primary font-bold py-2">
                    <i class="fa fa-phone mr-2"></i>
                    029-88888379
                </a>
            </div>
        </div>
    </header>

    <!-- 英雄区域 -->
    <section class="relative bg-gradient-to-b from-dark to-dark-light py-20 md:py-32 overflow-hidden">
        <div class="absolute inset-0 opacity-10">
            <div class="absolute inset-0 bg-[url('https://picsum.photos/id/1071/1920/1080')] bg-cover bg-center"></div>
        </div>
        <div class="container mx-auto px-4 relative z-10">
            <div class="max-w-3xl">
                <h1 class="text-[clamp(2rem,5vw,3.5rem)] font-bold text-white leading-tight text-shadow mb-6">
                    西安专业<span class="text-primary">短视频矩阵</span>与<br>视频拍摄服务
                </h1>
                <p class="text-[clamp(1rem,2vw,1.25rem)] text-gray-300 mb-8 max-w-2xl">
                    铭赞网络专注于为西安企业提供短视频矩阵搭建、专业视频拍摄及巨量视频覆盖解决方案，
                    助力企业在短视频时代快速提升品牌影响力和市场占有率。
                </p>
                <div class="flex flex-col sm:flex-row gap-4">
                    <a href="#contact" class="bg-primary hover:bg-primary/90 text-white font-bold py-3 px-8 rounded-lg text-center hover-scale">
                        立即咨询
                    </a>
                    <a href="#services" class="bg-transparent border-2 border-primary text-primary hover:bg-primary/10 font-bold py-3 px-8 rounded-lg text-center hover-scale">
                        了解服务
                    </a>
                </div>
                
                <div class="mt-12 flex items-center">
                    <div class="flex -space-x-3">
                        <img src="https://picsum.photos/id/1001/100/100" alt="客户头像" class="w-10 h-10 rounded-full border-2 border-dark">
                        <img src="https://picsum.photos/id/1002/100/100" alt="客户头像" class="w-10 h-10 rounded-full border-2 border-dark">
                        <img src="https://picsum.photos/id/1003/100/100" alt="客户头像" class="w-10 h-10 rounded-full border-2 border-dark">
                        <img src="https://picsum.photos/id/1004/100/100" alt="客户头像" class="w-10 h-10 rounded-full border-2 border-dark">
                    </div>
                    <div class="ml-4">
                        <div class="flex items-center text-yellow-400">
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                        </div>
                        <p class="text-gray-400 text-sm">西安地区500+企业的共同选择</p>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- 波浪装饰 -->
        <div class="absolute bottom-0 left-0 right-0">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100" class="w-full h-auto fill-gray-custom">
                <path d="M0,64L80,69.3C160,75,320,85,480,80C640,75,800,53,960,48C1120,43,1280,53,1360,58.7L1440,64L1440,100L1360,100C1280,100,1120,100,960,100C800,100,640,100,480,100C320,100,160,100,80,100L0,100Z"></path>
            </svg>
        </div>
    </section>

    <!-- 服务项目 -->
    <section id="services" class="py-20 bg-gray-custom">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16">
                <h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-white mb-4">我们的核心服务</h2>
                <p class="text-gray-400 max-w-2xl mx-auto">专注于为西安企业提供全方位的短视频营销解决方案，从内容创作到矩阵运营，一站式服务</p>
            </div>
            
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                <!-- 服务卡片1 -->
                <div class="bg-dark-light rounded-xl p-8 card-hover border border-gray-800">
                    <div class="w-14 h-14 bg-primary/20 rounded-lg flex items-center justify-center mb-6">
                        <i class="fa fa-th text-2xl text-primary"></i>
                    </div>
                    <h3 class="text-xl font-bold text-white mb-4">短视频矩阵搭建</h3>
                    <p class="text-gray-400 mb-6">为西安企业打造多平台短视频矩阵，包括抖音、快手、视频号等，实现内容同步分发与多账号协同运营，扩大品牌影响力。</p>
                    <ul class="space-y-2 mb-6">
                        <li class="flex items-start">
                            <i class="fa fa-check text-primary mt-1 mr-2"></i>
                            <span class="text-gray-300">多平台账号体系搭建</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fa fa-check text-primary mt-1 mr-2"></i>
                            <span class="text-gray-300">内容统一管理与分发</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fa fa-check text-primary mt-1 mr-2"></i>
                            <span class="text-gray-300">矩阵数据分析与优化</span>
                        </li>
                    </ul>
                    <a href="#contact" class="text-primary hover:text-primary/80 font-medium inline-flex items-center">
                        了解更多 <i class="fa fa-arrow-right ml-2"></i>
                    </a>
                </div>
                
                <!-- 服务卡片2 -->
                <div class="bg-dark-light rounded-xl p-8 card-hover border border-gray-800">
                    <div class="w-14 h-14 bg-primary/20 rounded-lg flex items-center justify-center mb-6">
                        <i class="fa fa-video-camera text-2xl text-primary"></i>
                    </div>
                    <h3 class="text-xl font-bold text-white mb-4">专业视频拍摄制作</h3>
                    <p class="text-gray-400 mb-6">西安本地专业拍摄团队，提供企业宣传片、产品展示视频、短视频内容创作等服务，用镜头讲述品牌故事。</p>
                    <ul class="space-y-2 mb-6">
                        <li class="flex items-start">
                            <i class="fa fa-check text-primary mt-1 mr-2"></i>
                            <span class="text-gray-300">专业设备与拍摄团队</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fa fa-check text-primary mt-1 mr-2"></i>
                            <span class="text-gray-300">创意脚本策划与执行</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fa fa-check text-primary mt-1 mr-2"></i>
                            <span class="text-gray-300">后期剪辑与特效制作</span>
                        </li>
                    </ul>
                    <a href="#contact" class="text-primary hover:text-primary/80 font-medium inline-flex items-center">
                        了解更多 <i class="fa fa-arrow-right ml-2"></i>
                    </a>
                </div>
                
                <!-- 服务卡片3 -->
                <div class="bg-dark-light rounded-xl p-8 card-hover border border-gray-800">
                    <div class="w-14 h-14 bg-primary/20 rounded-lg flex items-center justify-center mb-6">
                        <i class="fa fa-bullhorn text-2xl text-primary"></i>
                    </div>
                    <h3 class="text-xl font-bold text-white mb-4">巨量视频覆盖推广</h3>
                    <p class="text-gray-400 mb-6">通过AI技术实现批量视频生成与优化，配合精准投放策略，帮助西安企业实现关键词排名与海量曝光。</p>
                    <ul class="space-y-2 mb-6">
                        <li class="flex items-start">
                            <i class="fa fa-check text-primary mt-1 mr-2"></i>
                            <span class="text-gray-300">AI批量视频生成技术</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fa fa-check text-primary mt-1 mr-2"></i>
                            <span class="text-gray-300">短视频SEO关键词优化</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fa fa-check text-primary mt-1 mr-2"></i>
                            <span class="text-gray-300">精准投放与效果追踪</span>
                        </li>
                    </ul>
                    <a href="#contact" class="text-primary hover:text-primary/80 font-medium inline-flex items-center">
                        了解更多 <i class="fa fa-arrow-right ml-2"></i>
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- 数据统计 -->
    <section class="py-16 bg-dark">
        <div class="container mx-auto px-4">
            <div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center">
                <div class="p-6">
                    <div class="text-4xl md:text-5xl font-bold text-primary mb-2 counter" data-target="500">500</div>
                    <p class="text-gray-400">西安合作企业</p>
                </div>
                <div class="p-6">
                    <div class="text-4xl md:text-5xl font-bold text-primary mb-2 counter" data-target="10000">500</div>
                    <p class="text-gray-400">制作视频数量</p>
                </div>
                <div class="p-6">
                    <div class="text-4xl md:text-5xl font-bold text-primary mb-2 counter" data-target="98">500</div>
                    <p class="text-gray-400">客户满意度(%)</p>
                </div>
                <div class="p-6">
                    <div class="text-4xl md:text-5xl font-bold text-primary mb-2 counter" data-target="15">500</div>
                    <p class="text-gray-400">行业经验(年)</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 我们的优势 -->
    <section id="advantages" class="py-20 bg-dark-light">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16">
                <h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-white mb-4">选择我们的四大理由</h2>
                <p class="text-gray-400 max-w-2xl mx-auto">专注西安本地市场，深谙短视频营销之道，为企业提供更具针对性的解决方案</p>
            </div>
            
            <div class="grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
                <div class="order-2 md:order-1">
                    <div class="space-y-8">
                        <!-- 优势1 -->
                        <div class="flex gap-6">
                            <div class="w-12 h-12 bg-primary/20 rounded-full flex items-center justify-center flex-shrink-0">
                                <i class="fa fa-map-marker text-xl text-primary"></i>
                            </div>
                            <div>
                                <h3 class="text-xl font-bold text-white mb-2">西安本地团队</h3>
                                <p class="text-gray-400">深耕西安市场多年，熟悉本地企业需求与用户偏好，能提供更贴合本地市场的短视频营销方案。</p>
                            </div>
                        </div>
                        
                        <!-- 优势2 -->
                        <div class="flex gap-6">
                            <div class="w-12 h-12 bg-primary/20 rounded-full flex items-center justify-center flex-shrink-0">
                                <i class="fa fa-cogs text-xl text-primary"></i>
                            </div>
                            <div>
                                <h3 class="text-xl font-bold text-white mb-2">全流程服务</h3>
                                <p class="text-gray-400">从视频策划、拍摄制作到矩阵搭建、推广运营，提供一站式短视频营销服务，省心省力。</p>
                            </div>
                        </div>
                        
                        <!-- 优势3 -->
                        <div class="flex gap-6">
                            <div class="w-12 h-12 bg-primary/20 rounded-full flex items-center justify-center flex-shrink-0">
                                <i class="fa fa-line-chart text-xl text-primary"></i>
                            </div>
                            <div>
                                <h3 class="text-xl font-bold text-white mb-2">数据驱动优化</h3>
                                <p class="text-gray-400">通过专业数据分析工具，实时监控视频表现，持续优化内容与投放策略，提升营销效果。</p>
                            </div>
                        </div>
                        
                        <!-- 优势4 -->
                        <div class="flex gap-6">
                            <div class="w-12 h-12 bg-primary/20 rounded-full flex items-center justify-center flex-shrink-0">
                                <i class="fa fa-users text-xl text-primary"></i>
                            </div>
                            <div>
                                <h3 class="text-xl font-bold text-white mb-2">专业团队支持</h3>
                                <p class="text-gray-400">拥有资深视频制作、运营及营销人员组成的专业团队，为企业提供专业可靠的服务支持。</p>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="order-1 md:order-2 relative">
                    <img src="https://sx.xamz.cn/001.png" alt="我们的专业团队" class="rounded-xl w-full h-auto shadow-xl">
                    <div class="absolute -bottom-6 -left-6 bg-primary text-white p-4 rounded-lg shadow-lg hidden md:block">
                        <p class="font-bold text-xl">15+</p>
                        <p>年行业经验</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 成功案例 -->
    <section id="cases" class="py-20 bg-gray-custom">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16">
                <h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-white mb-4">西安地区成功案例</h2>
                <p class="text-gray-400 max-w-2xl mx-auto">我们为西安各行业客户提供短视频营销服务，帮助企业实现品牌增长与业绩提升</p>
            </div>
            
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                <!-- 案例1 -->
                <div class="bg-dark-light rounded-xl overflow-hidden card-hover">
                    <div class="relative">
                        <img src="https://sx.xamz.cn/002.png" alt="西安某餐饮连锁短视频营销案例" class="w-full h-60 object-cover">
                        <div class="absolute top-4 left-4 bg-primary text-white text-sm font-bold px-3 py-1 rounded-full">
                            餐饮行业
                        </div>
                    </div>
                    <div class="p-6">
                        <h3 class="text-xl font-bold text-white mb-2">西安某餐饮连锁短视频矩阵</h3>
                        <p class="text-gray-400 mb-4">通过搭建抖音、快手短视频矩阵，结合本地化内容创作，3个月内为门店带来3000+到店客流。</p>
                        <div class="flex items-center text-gray-500 text-sm mb-4">
                            <span class="mr-4"><i class="fa fa-play-circle mr-1"></i> 50+视频</span>
                            <span><i class="fa fa-eye mr-1"></i> 200万+播放</span>
                        </div>
                        <a href="#contact" class="text-primary hover:text-primary/80 font-medium inline-flex items-center">
                            查看详情 <i class="fa fa-arrow-right ml-2"></i>
                        </a>
                    </div>
                </div>
                
                <!-- 案例2 -->
                <div class="bg-dark-light rounded-xl overflow-hidden card-hover">
                    <div class="relative">
                        <img src="https://sx.xamz.cn/003.png" alt="西安某房地产短视频营销案例" class="w-full h-60 object-cover">
                        <div class="absolute top-4 left-4 bg-primary text-white text-sm font-bold px-3 py-1 rounded-full">
                            房地产
                        </div>
                    </div>
                    <div class="p-6">
                        <h3 class="text-xl font-bold text-white mb-2">西安某楼盘视频推广</h3>
                        <p class="text-gray-400 mb-4">为西安城南某楼盘制作系列宣传视频，通过精准投放，实现800+有效咨询，成交转化提升40%。</p>
                        <div class="flex items-center text-gray-500 text-sm mb-4">
                            <span class="mr-4"><i class="fa fa-play-circle mr-1"></i> 30+视频</span>
                            <span><i class="fa fa-eye mr-1"></i> 150万+播放</span>
                        </div>
                        <a href="#contact" class="text-primary hover:text-primary/80 font-medium inline-flex items-center">
                            查看详情 <i class="fa fa-arrow-right ml-2"></i>
                        </a>
                    </div>
                </div>
                
                <!-- 案例3 -->
                <div class="bg-dark-light rounded-xl overflow-hidden card-hover">
                    <div class="relative">
                        <img src="https://sx.xamz.cn/004.png" alt="西安某教育培训短视频营销案例" class="w-full h-60 object-cover">
                        <div class="absolute top-4 left-4 bg-primary text-white text-sm font-bold px-3 py-1 rounded-full">
                            教育培训
                        </div>
                    </div>
                    <div class="p-6">
                        <h3 class="text-xl font-bold text-white mb-2">西安某教育机构视频营销</h3>
                        <p class="text-gray-400 mb-4">通过巨量视频覆盖策略，实现西安地区教育关键词排名首页，学员咨询量提升200%。</p>
                        <div class="flex items-center text-gray-500 text-sm mb-4">
                            <span class="mr-4"><i class="fa fa-play-circle mr-1"></i> 100+视频</span>
                            <span><i class="fa fa-eye mr-1"></i> 300万+播放</span>
                        </div>
                        <a href="#contact" class="text-primary hover:text-primary/80 font-medium inline-flex items-center">
                            查看详情 <i class="fa fa-arrow-right ml-2"></i>
                        </a>
                    </div>
                </div>
            </div>
            
            <div class="text-center mt-12">
                <a href="#contact" class="inline-block bg-transparent border-2 border-primary text-primary hover:bg-primary/10 font-bold py-3 px-8 rounded-lg hover-scale">
                    查看更多案例
                </a>
            </div>
        </div>
    </section>

    <!-- 服务流程 -->
    <section class="py-20 bg-dark">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16">
                <h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-white mb-4">我们的服务流程</h2>
                <p class="text-gray-400 max-w-2xl mx-auto">标准化服务流程，确保每一个项目都能高质量完成</p>
            </div>
            
            <div class="relative">
                <!-- 连接线 -->
                <div class="hidden md:block absolute left-1/2 top-0 bottom-0 w-1 bg-gray-800 transform -translate-x-1/2"></div>
                
                <div class="space-y-12 md:space-y-0 relative">
                    <!-- 步骤1 -->
                    <div class="md:flex items-center justify-between">
                        <div class="md:w-5/12 md:text-right mb-6 md:mb-0">
                            <h3 class="text-xl font-bold text-white mb-2">需求沟通</h3>
                            <p class="text-gray-400">深入了解西安企业需求与目标，制定个性化短视频营销方案</p>
                        </div>
                        
                        <div class="hidden md:flex items-center justify-center w-12 z-10">
                            <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center text-white font-bold">1</div>
                        </div>
                        
                        <div class="md:w-5/12 md:pl-8">
                            <div class="bg-dark-light p-6 rounded-lg border border-gray-800">
                                <ul class="space-y-2 text-gray-300">
                                    <li class="flex items-start">
                                        <i class="fa fa-check text-primary mt-1 mr-2"></i>
                                        <span>企业现状分析</span>
                                    </li>
                                    <li class="flex items-start">
                                        <i class="fa fa-check text-primary mt-1 mr-2"></i>
                                        <span>目标受众定位</span>
                                    </li>
                                    <li class="flex items-start">
                                        <i class="fa fa-check text-primary mt-1 mr-2"></i>
                                        <span>营销目标确定</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 步骤2 -->
                    <div class="md:flex items-center justify-between">
                        <div class="md:w-5/12 md:text-right mb-6 md:mb-0 md:order-1">
                            <div class="bg-dark-light p-6 rounded-lg border border-gray-800">
                                <ul class="space-y-2 text-gray-300">
                                    <li class="flex items-start md:justify-end">
                                        <span class="md:order-2">内容方向规划</span>
                                        <i class="fa fa-check text-primary mt-1 ml-0 md:ml-2 md:mr-2 md:order-1"></i>
                                    </li>
                                    <li class="flex items-start md:justify-end">
                                        <span class="md:order-2">视频风格定位</span>
                                        <i class="fa fa-check text-primary mt-1 ml-0 md:ml-2 md:mr-2 md:order-1"></i>
                                    </li>
                                    <li class="flex items-start md:justify-end">
                                        <span class="md:order-2">矩阵搭建方案</span>
                                        <i class="fa fa-check text-primary mt-1 ml-0 md:ml-2 md:mr-2 md:order-1"></i>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        
                        <div class="hidden md:flex items-center justify-center w-12 z-10">
                            <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center text-white font-bold">2</div>
                        </div>
                        
                        <div class="md:w-5/12 md:pr-8 md:order-0">
                            <h3 class="text-xl font-bold text-white mb-2">方案策划</h3>
                            <p class="text-gray-400">根据需求制定详细的短视频内容与矩阵运营方案</p>
                        </div>
                    </div>
                    
                    <!-- 步骤3 -->
                    <div class="md:flex items-center justify-between">
                        <div class="md:w-5/12 md:text-right mb-6 md:mb-0">
                            <h3 class="text-xl font-bold text-white mb-2">内容制作</h3>
                            <p class="text-gray-400">专业团队进行视频拍摄、剪辑与后期制作，确保内容质量</p>
                        </div>
                        
                        <div class="hidden md:flex items-center justify-center w-12 z-10">
                            <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center text-white font-bold">3</div>
                        </div>
                        
                        <div class="md:w-5/12 md:pl-8">
                            <div class="bg-dark-light p-6 rounded-lg border border-gray-800">
                                <ul class="space-y-2 text-gray-300">
                                    <li class="flex items-start">
                                        <i class="fa fa-check text-primary mt-1 mr-2"></i>
                                        <span>视频拍摄制作</span>
                                    </li>
                                    <li class="flex items-start">
                                        <i class="fa fa-check text-primary mt-1 mr-2"></i>
                                        <span>文案撰写优化</span>
                                    </li>
                                    <li class="flex items-start">
                                        <i class="fa fa-check text-primary mt-1 mr-2"></i>
                                        <span>字幕与特效添加</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 步骤4 -->
                    <div class="md:flex items-center justify-between">
                        <div class="md:w-5/12 md:text-right mb-6 md:mb-0 md:order-1">
                            <div class="bg-dark-light p-6 rounded-lg border border-gray-800">
                                <ul class="space-y-2 text-gray-300">
                                    <li class="flex items-start md:justify-end">
                                        <span class="md:order-2">多平台矩阵分发</span>
                                        <i class="fa fa-check text-primary mt-1 ml-0 md:ml-2 md:mr-2 md:order-1"></i>
                                    </li>
                                    <li class="flex items-start md:justify-end">
                                        <span class="md:order-2">关键词优化推广</span>
                                        <i class="fa fa-check text-primary mt-1 ml-0 md:ml-2 md:mr-2 md:order-1"></i>
                                    </li>
                                    <li class="flex items-start md:justify-end">
                                        <span class="md:order-2">数据分析与调整</span>
                                        <i class="fa fa-check text-primary mt-1 ml-0 md:ml-2 md:mr-2 md:order-1"></i>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        
                        <div class="hidden md:flex items-center justify-center w-12 z-10">
                            <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center text-white font-bold">4</div>
                        </div>
                        
                        <div class="md:w-5/12 md:pr-8 md:order-0">
                            <h3 class="text-xl font-bold text-white mb-2">矩阵运营</h3>
                            <p class="text-gray-400">多平台内容分发与优化，实现巨量视频覆盖与精准触达</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 关于我们 -->
    <section id="about" class="py-20 bg-dark-light">
        <div class="container mx-auto px-4">
            <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
                <div>
                    <h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-white mb-6">关于铭赞网络</h2>
                    <p class="text-gray-300 mb-6">
                        铭赞网络是西安本地专业的短视频营销服务提供商，专注于为企业提供短视频矩阵搭建、视频拍摄制作及巨量视频覆盖推广服务。
                    </p>
                    <p class="text-gray-300 mb-6">
                        我们拥有15年互联网营销经验，深谙短视频平台算法与规则，凭借专业的创意团队、先进的技术支持和丰富的实战经验，
                        已为西安500+企业提供了优质的短视频营销服务，帮助客户在激烈的市场竞争中脱颖而出。
                    </p>
                    <p class="text-gray-300 mb-8">
                        铭赞网络始终坚持"以客户为中心"的服务理念，不断创新服务模式，提升服务质量，致力于成为西安企业最信赖的短视频营销合作伙伴。
                    </p>
                    
                    <div class="grid grid-cols-2 gap-6">
                        <div class="flex items-center">
                            <div class="w-12 h-12 bg-primary/20 rounded-full flex items-center justify-center mr-4">
                                <i class="fa fa-certificate text-xl text-primary"></i>
                            </div>
                            <div>
                                <h4 class="text-white font-bold">专业资质</h4>
                                <p class="text-gray-400 text-sm">正规资质认证</p>
                            </div>
                        </div>
                        <div class="flex items-center">
                            <div class="w-12 h-12 bg-primary/20 rounded-full flex items-center justify-center mr-4">
                                <i class="fa fa-shield text-xl text-primary"></i>
                            </div>
                            <div>
                                <h4 class="text-white font-bold">品质保障</h4>
                                <p class="text-gray-400 text-sm">标准化服务流程</p>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="grid grid-cols-2 gap-4">
                    <img src="https://picsum.photos/id/1058/600/800" alt="铭赞网络办公环境" class="rounded-lg w-full h-64 object-cover transform translate-y-8">
                    <img src="https://picsum.photos/id/1057/600/800" alt="铭赞网络团队风采" class="rounded-lg w-full h-64 object-cover">
                    <img src="https://picsum.photos/id/1056/600/800" alt="铭赞网络项目会议" class="rounded-lg w-full h-64 object-cover">
                    <img src="https://picsum.photos/id/1055/600/800" alt="铭赞网络客户服务" class="rounded-lg w-full h-64 object-cover transform translate-y-8">
                </div>
            </div>
        </div>
    </section>

    <!-- 客户评价 -->
    <section class="py-20 bg-gray-custom">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16">
                <h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-white mb-4">客户对我们的评价</h2>
                <p class="text-gray-400 max-w-2xl mx-auto">来自西安各行业客户的真实反馈，见证我们的服务品质</p>
            </div>
            
            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                <!-- 评价1 -->
                <div class="bg-dark-light p-8 rounded-xl border border-gray-800 card-hover">
                    <div class="flex text-yellow-400 mb-4">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                    </div>
                    <p class="text-gray-300 mb-6 italic">
                        "铭赞网络为我们餐厅搭建了抖音矩阵，3个月内就带来了明显的客流增长，视频内容很符合西安本地食客的喜好，非常专业！"
                    </p>
                    <div class="flex items-center">
                        <img src="https://picsum.photos/id/1012/100/100" alt="客户头像" class="w-12 h-12 rounded-full mr-4">
                        <div>
                            <h4 class="text-white font-bold">张先生</h4>
                            <p class="text-gray-400 text-sm">西安某连锁餐饮品牌 总经理</p>
                        </div>
                    </div>
                </div>
                
                <!-- 评价2 -->
                <div class="bg-dark-light p-8 rounded-xl border border-gray-800 card-hover">
                    <div class="flex text-yellow-400 mb-4">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                    </div>
                    <p class="text-gray-300 mb-6 italic">
                        "作为一家西安本地教育机构，我们通过铭赞网络的巨量视频覆盖服务，关键词排名提升显著，咨询量翻了一番，非常满意他们的服务！"
                    </p>
                    <div class="flex items-center">
                        <img src="https://picsum.photos/id/1005/100/100" alt="客户头像" class="w-12 h-12 rounded-full mr-4">
                        <div>
                            <h4 class="text-white font-bold">李女士</h4>
                            <p class="text-gray-400 text-sm">西安某教育机构 市场总监</p>
                        </div>
                    </div>
                </div>
                
                <!-- 评价3 -->
                <div class="bg-dark-light p-8 rounded-xl border border-gray-800 card-hover">
                    <div class="flex text-yellow-400 mb-4">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star-half-o"></i>
                    </div>
                    <p class="text-gray-300 mb-6 italic">
                        "铭赞网络的视频拍摄团队非常专业，为我们楼盘制作的宣传视频质量很高，结合他们的矩阵推广，有效提升了我们项目的知名度和咨询量。"
                    </p>
                    <div class="flex items-center">
                        <img src="https://picsum.photos/id/1006/100/100" alt="客户头像" class="w-12 h-12 rounded-full mr-4">
                        <div>
                            <h4 class="text-white font-bold">王先生</h4>
                            <p class="text-gray-400 text-sm">西安某房地产公司 营销总监</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 联系我们 -->
    <section id="contact" class="py-20 bg-dark relative overflow-hidden">
        <div class="absolute inset-0 opacity-5">
            <div class="absolute inset-0 bg-[url('https://picsum.photos/id/1043/1920/1080')] bg-cover bg-center"></div>
        </div>
        <div class="container mx-auto px-4 relative z-10">
            <div class="text-center mb-16">
                <h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-white mb-4">联系我们</h2>
                <p class="text-gray-400 max-w-2xl mx-auto">如果您是西安的企业，需要短视频矩阵、视频拍摄或巨量视频覆盖服务，欢迎随时联系我们</p>
            </div>
            
            <div class="grid grid-cols-1 lg:grid-cols-2 gap-12">
                <div>
                    <form class="bg-dark-light p-8 rounded-xl border border-gray-800">
                        <h3 class="text-xl font-bold text-white mb-6">在线咨询</h3>
                        
                        <div class="mb-4">
                            <label for="name" class="block text-gray-300 mb-2">您的姓名</label>
                            <input type="text" id="name" class="w-full bg-gray-custom border border-gray-700 rounded-lg px-4 py-3 text-white focus:outline-none focus:border-primary transition-colors" placeholder="请输入您的姓名">
                        </div>
                        
                        <div class="mb-4">
                            <label for="company" class="block text-gray-300 mb-2">公司名称</label>
                            <input type="text" id="company" class="w-full bg-gray-custom border border-gray-700 rounded-lg px-4 py-3 text-white focus:outline-none focus:border-primary transition-colors" placeholder="请输入您的公司名称">
                        </div>
                        
                        <div class="mb-4">
                            <label for="phone" class="block text-gray-300 mb-2">联系电话</label>
                            <input type="tel" id="phone" class="w-full bg-gray-custom border border-gray-700 rounded-lg px-4 py-3 text-white focus:outline-none focus:border-primary transition-colors" placeholder="请输入您的联系电话">
                        </div>
                        
                        <div class="mb-4">
                            <label for="service" class="block text-gray-300 mb-2">需要的服务</label>
                            <select id="service" class="w-full bg-gray-custom border border-gray-700 rounded-lg px-4 py-3 text-white focus:outline-none focus:border-primary transition-colors">
                                <option value="">请选择服务类型</option>
                                <option value="matrix">短视频矩阵搭建</option>
                                <option value="shoot">视频拍摄制作</option>
                                <option value="coverage">巨量视频覆盖</option>
                                <option value="other">其他服务</option>
                            </select>
                        </div>
                        
                        <div class="mb-6">
                            <label for="message" class="block text-gray-300 mb-2">咨询内容</label>
                            <textarea id="message" rows="4" class="w-full bg-gray-custom border border-gray-700 rounded-lg px-4 py-3 text-white focus:outline-none focus:border-primary transition-colors" placeholder="请输入您的咨询内容"></textarea>
                        </div>
                        
                        <button type="submit" class="w-full bg-primary hover:bg-primary/90 text-white font-bold py-3 px-6 rounded-lg transition-colors">
                            提交咨询
                        </button>
                    </form>
                </div>
                
                <div>
                    <div class="bg-dark-light p-8 rounded-xl border border-gray-800 mb-8">
                        <h3 class="text-xl font-bold text-white mb-6">联系方式</h3>
                        
                        <div class="space-y-6">
                            <div class="flex items-start">
                                <div class="w-12 h-12 bg-primary/20 rounded-full flex items-center justify-center flex-shrink-0 mr-4">
                                    <i class="fa fa-phone text-xl text-primary"></i>
                                </div>
                                <div>
                                    <h4 class="text-white font-bold mb-1">免费服务热线</h4>
                                    <a href="tel:029-88888379" class="text-gray-300 hover:text-primary transition-colors">029-88888379</a>
                                </div>
                            </div>
                            
                            <div class="flex items-start">
                                <div class="w-12 h-12 bg-primary/20 rounded-full flex items-center justify-center flex-shrink-0 mr-4">
                                    <i class="fa fa-mobile text-xl text-primary"></i>
                                </div>
                                <div>
                                    <h4 class="text-white font-bold mb-1">手机</h4>
                                    <a href="tel:13991172090" class="text-gray-300 hover:text-primary transition-colors">13991172090</a>
                                </div>
                            </div>
                            
                            <div class="flex items-start">
                                <div class="w-12 h-12 bg-primary/20 rounded-full flex items-center justify-center flex-shrink-0 mr-4">
                                    <i class="fa fa-envelope text-xl text-primary"></i>
                                </div>
                                <div>
                                    <h4 class="text-white font-bold mb-1">邮箱咨询</h4>
                                    <a href="mailto:sales@xamz.cn" class="text-gray-300 hover:text-primary transition-colors">sales@xamz.cn</a>
                                </div>
                            </div>
                            
                            <div class="flex items-start">
                                <div class="w-12 h-12 bg-primary/20 rounded-full flex items-center justify-center flex-shrink-0 mr-4">
                                    <i class="fa fa-weixin text-xl text-primary"></i>
                                </div>
                                <div>
                                    <h4 class="text-white font-bold mb-1">微信咨询</h4>
                                    <p class="text-gray-300">18097696</p>
                                    <img src="https://www.ybl.cn/ewm.jpg" alt="微信二维码" class="mt-2 w-32 h-32">
                                </div>
                            </div>
                            
                            <div class="flex items-start">
                                <div class="w-12 h-12 bg-primary/20 rounded-full flex items-center justify-center flex-shrink-0 mr-4">
                                    <i class="fa fa-map-marker text-xl text-primary"></i>
                                </div>
                                <div>
                                    <h4 class="text-white font-bold mb-1">公司地址</h4>
                                    <p class="text-gray-300">西安市高新区科技五路8号数字365大厦</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="bg-dark-light p-8 rounded-xl border border-gray-800">
                        <h3 class="text-xl font-bold text-white mb-6">服务时间</h3>
                        <ul class="space-y-3 text-gray-300">
                            <li class="flex justify-between">
                                <span>周一至周五</span>
                                <span>9:00 - 18:00</span>
                            </li>
                            <li class="flex justify-between">
                                <span>周六</span>
                                <span>9:30 - 16:00</span>
                            </li>
                            <li class="flex justify-between">
                                <span>周日及法定节假日</span>
                                <span>休息</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 友情链接 -->
    <section class="py-12 bg-gray-custom">
        <div class="container mx-auto px-4">
            <h3 class="text-xl font-bold text-white mb-6">友情链接</h3>
            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4">
                <a href="https://www.xamz.cn" target="_blank" class="text-gray-400 hover:text-primary transition-colors">网站建设</a>
                <a href="https://ditu.xamz.cn" target="_blank" class="text-gray-400 hover:text-primary transition-colors">企业地图标注</a>
                <a href="https://yandex.xamz.cn" target="_blank" class="text-gray-400 hover:text-primary transition-colors">Yandex广告</a>
                <a href="https://google.xamz.cn" target="_blank" class="text-gray-400 hover:text-primary transition-colors">谷歌广告</a>
                <a href="https://bing.xamz.cn" target="_blank" class="text-gray-400 hover:text-primary transition-colors">必应广告</a>
                <a href="https://xyz.xamz.cn" target="_blank" class="text-gray-400 hover:text-primary transition-colors">小语种建站</a>
                <a href="https://juzhen.xamz.cn" target="_blank" class="text-gray-400 hover:text-primary transition-colors">抖音矩阵营销</a>
                <a href="https://ai.xamz.cn" target="_blank" class="text-gray-400 hover:text-primary transition-colors">AI SEO</a>
                <a href="https://geo.xamz.cn" target="_blank" class="text-gray-400 hover:text-primary transition-colors">GEO优化</a>
                <a href="https://seo.xamz.cn" target="_blank" class="text-gray-400 hover:text-primary transition-colors">SEO优化</a>
                <a href="https://sem.xamz.cn" target="_blank" class="text-gray-400 hover:text-primary transition-colors">SEM营销</a>
                <a href="https://tiktok.xamz.cn" target="_blank" class="text-gray-400 hover:text-primary transition-colors">Tiktok营销</a>
                <a href="https://hsw.xamz.cn" target="_blank" class="text-gray-400 hover:text-primary transition-colors">海商网O2O</a>
                <a href="https://aihj.xamz.cn" target="_blank" class="text-gray-400 hover:text-primary transition-colors">AI混剪系统</a>
                <a href="https://baidu.xamz.cn" target="_blank" class="text-gray-400 hover:text-primary transition-colors">百度爱采购</a>
                <a href="https://tkdyy.xamz.cn" target="_blank" class="text-gray-400 hover:text-primary transition-colors">TK代运营</a>
                <a href="https://www.xamz.cn/fabu/" target="_blank" class="text-gray-400 hover:text-primary transition-colors">多平台发布系统</a>
                <a href="https://ya.xamz.cn" target="_blank" class="text-gray-400 hover:text-primary transition-colors">延安网络营销</a>
                <a href="https://yl.xamz.cn" target="_blank" class="text-gray-400 hover:text-primary transition-colors">榆林建站推广</a>
                <a href="https://hz.xamz.cn" target="_blank" class="text-gray-400 hover:text-primary transition-colors">汉中抖音SEO</a>
                <a href="https://ak.xamz.cn" target="_blank" class="text-gray-400 hover:text-primary transition-colors">安康网站建设</a>
                <a href="https://sl.xamz.cn" target="_blank" class="text-gray-400 hover:text-primary transition-colors">商洛网络公司</a>
                <a href="https://yangling.xamz.cn" target="_blank" class="text-gray-400 hover:text-primary transition-colors">杨凌抖音矩阵</a>
                <a href="https://wn.xamz.cn" target="_blank" class="text-gray-400 hover:text-primary transition-colors">渭南SEO优化</a>
                <a href="https://xy.xamz.cn" target="_blank" class="text-gray-400 hover:text-primary transition-colors">咸阳网站推广</a>
                <a href="https://baoji.xamz.cn" target="_blank" class="text-gray-400 hover:text-primary transition-colors">宝鸡网络公司</a>
                <a href="https://www.yanbaolong.com" target="_blank" class="text-gray-400 hover:text-primary transition-colors">闫宝龙</a>
                <a href="https://www.ybl.cn" target="_blank" class="text-gray-400 hover:text-primary transition-colors">AI问答优化</a>
                <a href="https://ip.yanbaolong.com" target="_blank" class="text-gray-400 hover:text-primary transition-colors">个人IP</a>
                <a href="https://xyz.yanbaolong.com" target="_blank" class="text-gray-400 hover:text-primary transition-colors">多语种建站</a>
                <a href="https://seojz.yanbaolong.com" target="_blank" class="text-gray-400 hover:text-primary transition-colors">Google SEO</a>
                <a href="https://juzhen.yanbaolong.com" target="_blank" class="text-gray-400 hover:text-primary transition-colors">短视频矩阵</a>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="bg-dark py-12 border-t border-gray-800">
        <div class="container mx-auto px-4">
            <div class="flex flex-col md:flex-row justify-between items-center mb-8">
                <div class="flex items-center mb-6 md:mb-0">
                    <img src="https://www.xamz.cn/style/images/logo.png" alt="铭赞网络LOGO" class="h-10 mr-2">
                    <span class="text-white font-bold text-lg">铭赞网络</span>
                    <sup class="text-white ml-1">®</sup>
                </div>
                
                <div class="flex space-x-6">
                    <a href="#" class="text-gray-400 hover:text-primary transition-colors">
                        <i class="fa fa-weibo text-xl"></i>
                    </a>
                    <a href="#" class="text-gray-400 hover:text-primary transition-colors">
                        <i class="fa fa-weixin text-xl"></i>
                    </a>
                    <a href="#" class="text-gray-400 hover:text-primary transition-colors">
                        <i class="fa fa-qq text-xl"></i>
                    </a>
                    <a href="#" class="text-gray-400 hover:text-primary transition-colors">
                        <i class="fa fa-youtube-play text-xl"></i>
                    </a>
                </div>
            </div>
            
            <div class="text-center text-gray-500 text-sm mb-6">
                <p>©2011-2026 铭赞网络 www.xamz.cn 版权所有</p>
            </div>
            
            <div class="flex flex-col md:flex-row justify-center items-center space-y-4 md:space-y-0 md:space-x-8 text-sm text-gray-500">
                <a href="https://beian.miit.gov.cn/" target="_blank" class="hover:text-primary transition-colors">陕ICP备2025070586号</a>
                <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=61019002000381" target="_blank" class="hover:text-primary transition-colors">陕公网安备 61019002000381号</a>
            </div>
        </div>
    </footer>

    <!-- 回到顶部按钮 -->
    <button id="backToTop" class="fixed bottom-8 right-8 bg-primary/80 hover:bg-primary text-white w-12 h-12 rounded-full flex items-center justify-center shadow-lg transition-all duration-300 opacity-0 invisible">
        <i class="fa fa-arrow-up"></i>
    </button>

    <script>
        // 移动端菜单切换
        document.getElementById('menuBtn').addEventListener('click', function() {
            const mobileMenu = document.getElementById('mobileMenu');
            mobileMenu.classList.toggle('hidden');
        });
        
        // 平滑滚动
        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'
                    });
                    
                    // 关闭移动端菜单
                    document.getElementById('mobileMenu').classList.add('hidden');
                }
            });
        });
        
        // 回到顶部按钮
        const backToTopBtn = document.getElementById('backToTop');
        
        window.addEventListener('scroll', () => {
            if (window.pageYOffset > 300) {
                backToTopBtn.classList.remove('opacity-0', 'invisible');
                backToTopBtn.classList.add('opacity-100', 'visible');
            } else {
                backToTopBtn.classList.remove('opacity-100', 'visible');
                backToTopBtn.classList.add('opacity-0', 'invisible');
            }
        });
        
        backToTopBtn.addEventListener('click', () => {
            window.scrollTo({
                top: 0,
                behavior: 'smooth'
            });
        });
        
        // 数字计数器动画
        const counters = document.querySelectorAll('.counter');
        const speed = 200;
        
        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    const counter = entry.target;
                    const target = +counter.getAttribute('data-target');
                    const count = +counter.innerText;
                    const increment = target / speed;
                    
                    if (count < target) {
                        counter.innerText = Math.ceil(count + increment);
                        setTimeout(() => {
                            counter.innerText = Math.ceil(count + increment);
                        }, 1);
                    } else {
                        counter.innerText = target;
                        observer.unobserve(counter);
                    }
                }
            });
        }, { threshold: 0.5 });
        
        counters.forEach(counter => {
            observer.observe(counter);
        });
        
        // 导航栏滚动效果
        window.addEventListener('scroll', () => {
            const header = document.querySelector('header');
            if (window.scrollY > 50) {
                header.classList.add('py-2', 'shadow-md');
                header.classList.remove('py-3');
            } else {
                header.classList.add('py-3');
                header.classList.remove('py-2', 'shadow-md');
            }
        });
    </script>
</body>
</html>
