<!DOCTYPE html>
<html>
<head><style>body {background: #222;overflow: hidden;height: 100vh;margin: 0;}.emoji {position: absolute;font-size: 2rem;transition: all 0.3s ease;cursor: pointer;}.emoji:hover {transform: scale(2) rotate(360deg);filter: drop-shadow(0 0 10px gold);}</style>
</head>
<body><script>const emojis = ["小", "天", "天", "西", "开", "啦", "东", "心"];const container = document.body;for (let i = 0; i < 30; i++) {const emoji = document.createElement("div");emoji.className = "emoji";emoji.textContent = emojis[Math.floor(Math.random() * emojis.length)];emoji.style.left = Math.random() * 100 + "vw";emoji.style.top = Math.random() * 100 + "vh";emoji.style.fontSize = (Math.random() * 4 + 1) + "rem";emoji.style.opacity = Math.random() * 0.8 + 0.2;container.appendChild(emoji);}</script>
</body>
</html>