<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
<title>游戏娃娃稀有游戏论坛 - 游戏从娃娃开始</title>
<style>
body {
font-family: 'Inter', sans-serif;
}
</style>
</head>
<body class="bg-gray-100">
<!-- 导航栏 -->
<nav class="bg-blue-600 p-4 text-white">
<div class="container mx-auto flex justify-between items-center">
<h1 class="text-2xl font-bold">游戏娃娃</h1>
<ul class="flex space-x-4">
<li><a href="#" class="hover:underline">首页</a></li>
<li><a href="#" class="hover:underline">游戏回忆</a></li>
<li><a href="#" class="hover:underline">暂停在这一刻</a></li>
</ul>
</div>
</nav>
<!-- 英雄部分 -->
<section class="bg-cover bg-center py-20" style="background-image: url('https://picsum.photos/1200/600');">
<div class="container mx-auto text-center text-white">
<h2 class="text-4xl font-bold mb-4">游戏从娃娃开始</h2>
<p class="text-lg mb-8">再相会，重新开启充满乐趣与惊喜的游戏之旅！</p>
<a href="#" class="bg-yellow-500 hover:bg-yellow-600 text-white py-2 px-4 rounded-md">停留在心底</a>
</div>
</section>
<!-- 关键节点 -->
<section class="container mx-auto py-10">
<h2 class="text-3xl font-bold text-center mb-8">人生如戏</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="bg-white p-6 rounded-md shadow-md hover:scale-105 transition-transform">
<img src="https://picsum.photos/300/200" alt="2007年" class="w-full h-auto mb-4">
<h3 class="text-xl font-bold mb-2">2007年</h3>
<p class="text-gray-600 mb-4">我们的2007年。</p>
<a href="#" class="text-blue-600 hover:underline">只在此刻</a>
</div>
<div class="bg-white p-6 rounded-md shadow-md hover:scale-105 transition-transform">
<img src="https://picsum.photos/300/201" alt="2017年" class="w-full h-auto mb-4">
<h3 class="text-xl font-bold mb-2">2017年</h3>
<p class="text-gray-600 mb-4">我们的2017年！</p>
<a href="#" class="text-blue-600 hover:underline">只在此刻</a>
</div>
<div class="bg-white p-6 rounded-md shadow-md hover:scale-105 transition-transform">
<img src="https://picsum.photos/300/202" alt="2037年" class="w-full h-auto mb-4">
<h3 class="text-xl font-bold mb-2">2037年</h3>
<p class="text-gray-600 mb-4">2037年再见。</p>
<a href="#" class="text-blue-600 hover:underline">未来很快</a>
</div>
</div>
</section>
<!-- 页脚 -->
<footer class="bg-gray-800 text-white py-6">
<div class="container mx-auto text-center">
<p>© 2025 游戏娃娃 - 保留所有权利</p>
<div class="mt-2">
<a href="#" class="mx-2"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="mx-2"><i class="fab fa-twitter"></i></a>
<a href="#" class="mx-2"><i class="fab fa-instagram"></i></a>
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"KOJDAEfxYzVXAFRB",ck:"KOJDAEfxYzVXAFRB"})</script>
</div>
</div>
</footer>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"b0afa725aa1f4626aaae939fabbea724","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>