[!--header--]
<main class="min-h-screen">
    <section class="hero-gradient py-16 lg:py-24 relative overflow-hidden">
        <div class="container mx-auto px-4 lg:px-8 relative z-10">
            <div class="text-center max-w-3xl mx-auto">
                <div class="inline-flex items-center px-4 py-2 bg-white/60 backdrop-blur-sm rounded-full border border-amber-200/50 mb-6">
                    <i class="fa-solid fa-sparkles text-amber-500 mr-2"></i>
                    <span class="text-sm text-gray-600">专业情感咨询服务</span>
                </div>
                <h1 class="text-3xl lg:text-5xl font-bold text-gray-800 mb-6 leading-tight font-display">
                    让专业顾问陪伴您<br>
                    <span class="text-gradient-rose">走出感情困境</span>
                </h1>
                <p class="text-gray-600 text-lg mb-8 leading-relaxed">
                    无论是失恋挽回、婚姻修复还是恋爱指导，我们提供专业、私密、贴心的咨询服务，帮助您找回幸福。
                </p>
                <div class="flex flex-col sm:flex-row items-center justify-center gap-4">
                    <button onclick="openWechat()" class="btn-luxury flex items-center px-8 py-4 rounded-xl text-lg">
                        <i class="fa-brands fa-weixin mr-2"></i>立即咨询
                    </button>
                    <a href="/about.html" class="btn-outline-gold flex items-center px-8 py-4 rounded-xl text-lg">
                        <i class="fa-solid fa-user-tie mr-2"></i>了解服务
                    </a>
                </div>
            </div>
        </div>
    </section>

    <section class="py-16 lg:py-20">
        <div class="container mx-auto px-4 lg:px-8">
            <div class="text-center mb-12">
                <h2 class="text-2xl lg:text-3xl font-bold text-gray-800 mb-4 font-display">
                    <i class="fa-solid fa-newspaper text-amber-500 mr-3"></i>专业文章
                </h2>
                <p class="text-gray-500">感情知识分享，助您成长</p>
            </div>
            
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 lg:gap-8">
                            </div>
            
            <div class="text-center mt-10">
                <a href="/article/" class="btn-outline-gold inline-flex items-center px-8 py-3 rounded-xl">
                    查看更多<i class="fa-solid fa-arrow-right ml-2"></i>
                </a>
            </div>
        </div>
    </section>

    <section class="section-cta py-16 lg:py-20">
        <div class="container mx-auto px-4 lg:px-8 relative z-10">
            <div class="max-w-2xl mx-auto text-center">
                <div class="w-16 h-16 icon-luxury rounded-2xl flex items-center justify-center mx-auto mb-6">
                    <i class="fa-solid fa-comments text-white text-2xl"></i>
                </div>
                <h2 class="text-2xl lg:text-3xl font-bold text-gray-800 mb-4 font-display">
                    有感情问题需要咨询？
                </h2>
                <p class="text-gray-600 mb-8">
                    专业情感咨询，让专业顾问陪伴您走出困境，找回幸福。
                </p>
                <button onclick="openWechat()" class="btn-luxury inline-flex items-center px-10 py-4 rounded-xl text-lg">
                    <i class="fa-brands fa-weixin mr-2"></i>免费咨询
                </button>
            </div>
        </div>
    </section>
</main>
[!--footer--]