<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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">
</head>
<body class="bg-darkMagic text-shadow min-h-screen font-magic relative overflow-x-hidden">
<!-- 背景装饰元素 -->
<div class="fixed inset-0 z-0 opacity-10 pointer-events-none">
<div class="absolute top-10 left-10 w-40 h-40 rounded-full border border-gold"></div>
<div class="absolute bottom-20 right-20 w-60 h-60 rounded-full border border-gold"></div>
<div class="absolute top-1/3 right-1/4 w-20 h-20 rounded-full border border-gold"></div>
</div>
</body>
</html>
