[!--header--]
<main class="min-h-screen">
    <section class="hero-gradient py-12 lg:py-16">
        <div class="container mx-auto px-4 lg:px-8">
            <nav class="flex items-center text-sm text-gray-500 mb-6">
                <a href="/" class="hover:text-rose-500 transition">首页</a>
                <i class="fa-solid fa-chevron-right mx-2 text-xs text-gray-300"></i>
                <span class="text-gray-800">戀愛必修</span>
            </nav>
            <div class="max-w-2xl">
                <h1 class="text-3xl lg:text-4xl font-bold text-gray-800 mb-4 font-display">
                    戀愛必修
                </h1>
                <p class="text-gray-600">
                    专业文章，帮助您解决感情困扰
                </p>
            </div>
        </div>
    </section>
    
    <section class="py-12 lg:py-16">
        <div class="container mx-auto px-4 lg:px-8">
            <div class="flex flex-col lg:flex-row gap-8 lg:gap-12">
                <div class="flex-1">
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                                            </div>
                    
                    <div class="mt-10 flex justify-center">
                        
                    </div>
                </div>
                
                <aside class="w-full lg:w-80 flex-shrink-0">
                    <div class="lg:sticky lg:top-24 space-y-6">
                        <div class="card-luxury rounded-2xl p-6">
                            <div class="text-center">
                                <div class="w-20 h-20 icon-luxury rounded-2xl flex items-center justify-center mx-auto mb-4">
                                    <i class="fa-solid fa-user-tie text-white text-2xl"></i>
                                </div>
                                <h3 class="text-lg font-bold text-gray-800 mb-1">情感咨询师</h3>
                                <p class="text-gray-500 text-sm mb-4">专业情感咨询服务</p>
                                <button onclick="openWechat()" class="w-full btn-luxury flex items-center justify-center py-3 rounded-xl">
                                    <i class="fa-brands fa-weixin mr-2"></i>WeChat咨询
                                </button>
                            </div>
                        </div>
                        
                        <div class="card-luxury rounded-2xl p-6">
                            <h3 class="text-lg font-bold text-gray-800 mb-4">
                                <i class="fa-solid fa-fire text-rose-400 mr-2"></i>热门文章
                            </h3>
                            <div class="space-y-4">
                                                            </div>
                        </div>
                    </div>
                </aside>
            </div>
        </div>
    </section>
</main>
[!--footer--]此栏目暂无任何新增信息