书籍404 Tailwind网站组件

<section class="min-h-screen bg-gradient-to-br from-amber-50 to-orange-100 flex items-center justify-center text-brown-800 relative">
            <div class="text-center">
                <div class="text-8xl font-serif mb-6 text-amber-800">404</div>
                <div class="mb-8">
                    <div class="w-32 h-40 mx-auto bg-amber-600 rounded-lg shadow-lg relative transform -rotate-12">
                        <div class="absolute inset-2 bg-amber-100 rounded"></div>
                        <div class="absolute top-4 left-4 right-4 h-1 bg-amber-700 rounded"></div>
                        <div class="absolute top-8 left-4 right-4 h-1 bg-amber-700 rounded"></div>
                        <div class="absolute top-12 left-4 right-4 h-1 bg-amber-700 rounded"></div>
                    </div>
                </div>
                <h1 class="text-3xl md:text-5xl font-serif font-bold mb-6 text-amber-900">章节缺失</h1>
                <p class="text-xl mb-8 max-w-md mx-auto text-amber-800">抱歉，您要找的页面就像书中丢失的章节一样找不到了</p>
                <button class="bg-amber-600 hover:bg-amber-700 text-white px-8 py-3 rounded-lg text-lg font-semibold transition-colors">
                    回到目录
                </button>
            </div>
        </section>