{"id":20,"date":"2025-09-11T15:46:09","date_gmt":"2025-09-11T07:46:09","guid":{"rendered":"https:\/\/www.aihx.top\/?p=20"},"modified":"2025-11-05T22:37:20","modified_gmt":"2025-11-05T14:37:20","slug":"%e5%8c%96%e5%ad%a6%e6%b6%88%e6%b6%88%e4%b9%90-%e5%8c%96%e5%ad%a6%e6%95%99%e8%82%b2%e5%8f%91%e8%a1%a8%e7%9a%84%e4%b8%80%e4%b8%aa%e6%a1%88%e4%be%8b","status":"publish","type":"post","link":"https:\/\/www.aihx.top\/?p=20","title":{"rendered":"\u5316\u5b66\u6d88\u6d88\u4e50\u2014\u2014\u5316\u5b66\u6559\u80b2\u53d1\u8868\u7684\u4e00\u4e2a\u6848\u4f8b"},"content":{"rendered":"\n<p>\u57fa\u4e8e\u751f\u6210\u5f0f\u4eba\u5de5\u667a\u80fd \uff24\uff45\uff45\uff50\uff33\uff45\uff45\uff4b\u7684\u5316\u5b66\u6559\u80b2\u7535\u5b50\u6e38\u620f\u5f00\u53d1\u2014\u2014\u2014\u5316\u5b66\u6d88\u6d88\u4e50<\/p>\n\n\n\n<div data-wp-interactive=\"core\/file\" class=\"wp-block-file\"><object data-wp-bind--hidden=\"!state.hasPdfPreview\" hidden class=\"wp-block-file__embed\" data=\"https:\/\/www.aihx.top\/wp-content\/uploads\/2025\/09\/\u57fa\u4e8e\u751f\u6210\u5f0f\u4eba\u5de5\u667a\u80fdDeepSeek\u7684\u5316\u5b66\u6559\u80b2\u7535\u5b50\u6e38\u620f\u5f00\u53d1\u2014\u2014\u5316\u5b66\u6d88\u6d88\u4e50_\u83ab\u5fd7\u8363.pdf\" type=\"application\/pdf\" style=\"width:100%;height:600px\" aria-label=\"\u5d4c\u5165 \u57fa\u4e8e\u751f\u6210\u5f0f\u4eba\u5de5\u667a\u80fdDeepSeek\u7684\u5316\u5b66\u6559\u80b2\u7535\u5b50\u6e38\u620f\u5f00\u53d1\u2014\u2014\u5316\u5b66\u6d88\u6d88\u4e50_\u83ab\u5fd7\u8363\"><\/object><a id=\"wp-block-file--media-7d64a660-a855-45d4-9f09-689690f61cec\" href=\"https:\/\/www.aihx.top\/wp-content\/uploads\/2025\/09\/\u57fa\u4e8e\u751f\u6210\u5f0f\u4eba\u5de5\u667a\u80fdDeepSeek\u7684\u5316\u5b66\u6559\u80b2\u7535\u5b50\u6e38\u620f\u5f00\u53d1\u2014\u2014\u5316\u5b66\u6d88\u6d88\u4e50_\u83ab\u5fd7\u8363.pdf\">\u57fa\u4e8e\u751f\u6210\u5f0f\u4eba\u5de5\u667a\u80fdDeepSeek\u7684\u5316\u5b66\u6559\u80b2\u7535\u5b50\u6e38\u620f\u5f00\u53d1\u2014\u2014\u5316\u5b66\u6d88\u6d88\u4e50_\u83ab\u5fd7\u8363<\/a><a href=\"https:\/\/www.aihx.top\/wp-content\/uploads\/2025\/09\/\u57fa\u4e8e\u751f\u6210\u5f0f\u4eba\u5de5\u667a\u80fdDeepSeek\u7684\u5316\u5b66\u6559\u80b2\u7535\u5b50\u6e38\u620f\u5f00\u53d1\u2014\u2014\u5316\u5b66\u6d88\u6d88\u4e50_\u83ab\u5fd7\u8363.pdf\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-7d64a660-a855-45d4-9f09-689690f61cec\">\u4e0b\u8f7d<\/a><\/div>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html lang=\"zh-CN\"&gt;\n&lt;head&gt;\n    &lt;meta charset=\"UTF-8\"&gt;\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n    &lt;title&gt;\u5316\u5b66\u5f0f\u6d88\u6d88\u4e50&lt;\/title&gt;\n    &lt;style&gt;\n        body {\n            background-color: black;\n            color: white;\n            font-family: 'Arial', sans-serif;\n            text-align: center;\n            margin: 0;\n            padding: 20px;\n            overflow: hidden;\n        }\n        \n        h1 {\n            font-size: 2.5rem;\n            margin-bottom: 30px;\n            text-shadow: 0 0 10px #0ff, 0 0 20px #0ff;\n        }\n        \n        #game-container {\n            width: 90%;\n            max-width: 1000px;\n            margin: 0 auto;\n        }\n        \n        #game-board {\n            display: grid;\n            grid-template-columns: repeat(5, 1fr);\n            grid-template-rows: repeat(4, 1fr);\n            gap: 15px;\n            margin: 0 auto;\n            justify-content: center;\n        }\n        \n        .bubble {\n            width: 120px;\n            height: 120px;\n            border-radius: 15px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-weight: bold;\n            text-align: center;\n            transition: all 0.3s ease;\n            transform-style: preserve-3d;\n            box-shadow: \n                0 0 10px rgba(255, 255, 255, 0.5),\n                inset 0 0 20px rgba(255, 255, 255, 0.2);\n            padding: 5px;\n            word-break: break-all;\n        }\n        \n        .bubble.formula {\n            background: linear-gradient(135deg, #a6e1f8, #64b5f6);\n            color: black;\n        }\n        \n        .bubble.name {\n            background: linear-gradient(135deg, #a5d6a7, #66bb6a);\n            color: black;\n        }\n        \n        .bubble.selected {\n            transform: scale(0.95) translateZ(20px);\n            box-shadow: \n                0 0 20px rgba(0, 255, 255, 0.8),\n                inset 0 0 30px rgba(255, 255, 255, 0.3);\n        }\n        \n        .bubble.matched {\n            visibility: hidden;\n            opacity: 0;\n            transition: all 0.5s ease;\n        }\n        \n        #timer {\n            font-size: 1.5rem;\n            margin: 20px 0;\n        }\n        \n        #success-message {\n            display: none;\n            position: fixed;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            background: rgba(0, 0, 0, 0.9);\n            padding: 30px;\n            border-radius: 15px;\n            box-shadow: 0 0 30px rgba(0, 255, 255, 0.7);\n            z-index: 100;\n        }\n        \n        #success-message h2 {\n            color: #0ff;\n            font-size: 2.5rem;\n            margin-bottom: 20px;\n        }\n        \n        #success-message p {\n            font-size: 1.5rem;\n            margin: 10px 0;\n        }\n        \n        #restart-button {\n            background: linear-gradient(135deg, #00bcd4, #00838f);\n            border: none;\n            border-radius: 25px;\n            color: white;\n            padding: 12px 25px;\n            font-size: 1.2rem;\n            cursor: pointer;\n            margin-top: 20px;\n            transition: all 0.3s ease;\n        }\n        \n        #restart-button:hover {\n            transform: scale(1.05);\n            box-shadow: 0 0 15px rgba(0, 255, 255, 0.7);\n        }\n        \n        .bubble-content {\n            font-size: 0.9rem;\n            padding: 5px;\n        }\n    &lt;\/style&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;h1&gt;\u5316\u5b66\u5f0f\u6d88\u6d88\u4e50&lt;\/h1&gt;\n    &lt;div id=\"timer\"&gt;\u65f6\u95f4: 0\u79d2&lt;\/div&gt;\n    &lt;div id=\"game-container\"&gt;\n        &lt;div id=\"game-board\"&gt;&lt;\/div&gt;\n    &lt;\/div&gt;\n    \n    &lt;div id=\"success-message\"&gt;\n        &lt;h2&gt;\u606d\u559c\u4f60\u6311\u6218\u6210\u529f\uff01&lt;\/h2&gt;\n        &lt;p&gt;\u5b8c\u6210\u65f6\u95f4: &lt;span id=\"completion-time\"&gt;0&lt;\/span&gt;\u79d2&lt;\/p&gt;\n        &lt;button id=\"restart-button\"&gt;\u518d\u73a9\u4e00\u6b21&lt;\/button&gt;\n    &lt;\/div&gt;\n    \n    &lt;audio id=\"bubble-sound\" preload=\"auto\"&gt;\n        &lt;source src=\"data:audio\/mpeg;base64,SUQzBAAAAAAAI1RTU0UAAAAPAAADTGF2ZjU4Ljc2LjEwMAAAAAAAAAAAAAAA\/+M4wAAAAAAAAAAAAEluZm8AAAAPAAAAAwAAAbkAVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/8AAAAATGF2YzU4LjEzAAAAAAAAAAAAAAAAJAYFAAAAAAAAAbkWxKDmAAAAAAAAAAAAAAAAAAAAAP\/jOMAAnEoMgilMQAJbrI8CI0xA4AIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQh\u6781=\" type=\"audio\/mpeg\"&gt;\n    &lt;\/audio&gt;\n\n    &lt;script&gt;\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ \u6e38\u620f\u6570\u636e\n            const chemistryData = &#91;\n                { name: \"\u6c22\u6c14\", formula: \"H\u2082\" },\n                { name: \"\u6c2e\u6c14\", formula: \"N\u2082\" },\n                { name: \"\u6c26\u6c14\", formula: \"He\" },\n                { name: \"\u6c27\u6c14\", formula: \"O\u2082\" },\n                { name: \"\u6c2f\u6c14\", formula: \"Cl\u2082\" },\n                { name: \"\u81ed\u6c27\", formula: \"O\u2083\" },\n                { name: \"\u6c16\u6c14\", formula: \"Ne\" },\n                { name: \"\u6c29\u6c14\", formula: \"Ar\" },\n                { name: \"\u78b3\", formula: \"C\" },\n                { name: \"\u7845\", formula: \"Si\" },\n                { name: \"\u78f7\", formula: \"P\" },\n                { name: \"\u786b\", formula: \"S\" },\n                { name: \"\u7898\", formula: \"I\u2082\" },\n                { name: \"\u94be\", formula: \"K\" },\n                { name: \"\u9499\", formula: \"Ca\" },\n                { name: \"\u9541\", formula: \"Mg\" },\n                { name: \"\u950c\", formula: \"Zn\" },\n                { name: \"\u94c1\", formula: \"Fe\" },\n                { name: \"\u94dc\", formula: \"Cu\" },\n                { name: \"\u6c5e\", formula: \"Hg\" },\n                { name: \"\u94f6\", formula: \"Ag\" },\n                { name: \"\u4e09\u6c27\u5316\u786b\", formula: \"SO\u2083\" },\n                { name: \"\u4e00\u6c27\u5316\u78b3\", formula: \"CO\" },\n                { name: \"\u4e94\u6c27\u5316\u4e8c\u78f7\", formula: \"P\u2082O\u2085\" },\n                { name: \"\u8fc7\u6c27\u5316\u6c22\", formula: \"H\u2082O\u2082\" },\n                { name: \"\u4e8c\u6c27\u5316\u786b\", formula: \"SO\u2082\" },\n                { name: \"\u6c27\u5316\u9499\", formula: \"CaO\" },\n                { name: \"\u6c27\u5316\u94c1\", formula: \"Fe\u2082O\u2083\" },\n                { name: \"\u56db\u6c27\u5316\u4e09\u94c1\", formula: \"Fe\u2083O\u2084\" },\n                { name: \"\u6c27\u5316\u9541\", formula: \"MgO\" },\n                { name: \"\u6c27\u5316\u94dd\", formula: \"Al\u2082O\u2083\" },\n                { name: \"\u6c27\u5316\u94dc\", formula: \"CuO\" },\n                { name: \"\u6c27\u5316\u6c5e\", formula: \"HgO\" },\n                { name: \"\u785d\u9178\", formula: \"HNO\u2083\" },\n                { name: \"\u76d0\u9178\", formula: \"HCl\" },\n                { name: \"\u786b\u9178\", formula: \"H\u2082SO\u2084\" },\n                { name: \"\u786b\u5316\u6c22\", formula: \"H\u2082S\" },\n                { name: \"\u6c22\u6c27\u5316\u94a0\", formula: \"NaOH\" },\n                { name: \"\u6c22\u6c27\u5316\u9499\", formula: \"Ca(OH)\u2082\" },\n                { name: \"\u6c22\u6c27\u5316\u94dd\", formula: \"Al(OH)\u2083\" },\n                { name: \"\u6c2f\u5316\u94a0\", formula: \"NaCl\" },\n                { name: \"\u6c2f\u5316\u4e9a\u94c1\", formula: \"FeCl\u2082\" },\n                { name: \"\u786b\u9178\u94dc\", formula: \"CuSO\u2084\" },\n                { name: \"\u78b1\u5f0f\u78b3\u9178\u94dc\", formula: \"Cu\u2082(OH)\u2082CO\u2083\" },\n                { name: \"\u9ad8\u9530\u9178\u94be\", formula: \"KMnO\u2084\" },\n                { name: \"\u78b3\u9178\u9499\", formula: \"CaCO\u2083\" },\n                { name: \"\u78b3\u9178\u94a1\", formula: \"BaCO\u2083\" },\n                { name: \"\u78b3\u9178\u6c22\u94a0\", formula: \"NaHCO\u2083\" },\n                { name: \"\u786b\u9178\u4e9a\u94c1\", formula: \"FeSO\u2084\" },\n                { name: \"\u785d\u9178\u94a1\", formula: \"Ba(NO\u2083)\u2082\" },\n                { name: \"\u785d\u9178\u94f6\", formula: \"AgNO\u2083\" },\n                { name: \"\u785d\u9178\u94c1\", formula: \"Fe(NO\u2083)\u2083\" },\n                { name: \"\u785d\u9178\u94f5\", formula: \"NH\u2084NO\u2083\" },\n                { name: \"\u786b\u9178\u94a1\", formula: \"BaSO\u2084\" },\n                { name: \"\u7532\u70f7\", formula: \"CH\u2084\" },\n                { name: \"\u6eb4\u4e59\u70f7\", formula: \"CH\u2083CH\u2082Br\" },\n                { name: \"\u4e59\u9187\", formula: \"CH\u2083CH\u2082OH\" },\n                { name: \"\u4e59\u919a\", formula: \"CH\u2083CH\u2082OCH\u2082CH\u2083\" },\n                { name: \"\u4e59\u919b\", formula: \"CH\u2083CHO\" },\n                { name: \"\u4e59\u9178\", formula: \"CH\u2083COOH\" },\n                { name: \"\u4e59\u9178\u4e59\u916f\", formula: \"CH\u2083COOCH\u2082CH\u2083\" },\n                { name: \"\u4e19\u916e\", formula: \"CH\u2083COCH\u2083\" },\n                { name: \"\u7532\u80fa\", formula: \"CH\u2083NH\u2082\" },\n                { name: \"\u4e59\u9170\u80fa\", formula: \"CH\u2083CONH\u2082\" },\n                { name: \"\u8461\u8404\u7cd6\", formula: \"C\u2086H\u2081\u2082O\u2086\" }\n            ];\n\n            \/\/ \u6e38\u620f\u72b6\u6001\u53d8\u91cf\n            let selectedItems = &#91;];\n            let matchedPairs = 0;\n            let totalPairs;\n            let gameStarted = false;\n            let startTime;\n            let timerInterval;\n            const bubbleSound = document.getElementById('bubble-sound');\n            const gameBoard = document.getElementById('game-board');\n            const timerElement = document.getElementById('timer');\n            const successMessage = document.getElementById('success-message');\n            const completionTimeElement = document.getElementById('completion-time');\n            const restartButton = document.getElementById('restart-button');\n\n            \/\/ \u521d\u59cb\u5316\u6e38\u620f\n            function initGame() {\n                \/\/ \u91cd\u7f6e\u6e38\u620f\u72b6\u6001\n                selectedItems = &#91;];\n                matchedPairs = 0;\n                gameStarted = false;\n                clearInterval(timerInterval);\n                timerElement.textContent = \"\u65f6\u95f4: 0\u79d2\";\n                successMessage.style.display = 'none';\n                \n                \/\/ \u6e05\u7a7a\u6e38\u620f\u677f\n                gameBoard.innerHTML = '';\n                \n                \/\/ \u968f\u673a\u9009\u62e910\u5bf9\u5316\u5b66\u5f0f\u548c\u7269\u8d28\u540d\u79f0\n                const selectedData = selectRandomItems(chemistryData, 10);\n                totalPairs = selectedData.length;\n                \n                \/\/ \u521b\u5efa\u6e38\u620f\u5143\u7d20\u6570\u7ec4\uff08\u5316\u5b66\u5f0f\u548c\u540d\u79f0\uff09\n                let gameElements = &#91;];\n                selectedData.forEach(item =&gt; {\n                    gameElements.push({ type: 'formula', content: item.formula, match: item.name });\n                    gameElements.push({ type: 'name', content: item.name, match: item.formula });\n                });\n                \n                \/\/ \u968f\u673a\u6253\u4e71\u6e38\u620f\u5143\u7d20\n                gameElements = shuffleArray(gameElements);\n                \n                \/\/ \u521b\u5efa\u6c14\u6ce1\u5143\u7d20\n                gameElements.forEach((element, index) =&gt; {\n                    const bubble = document.createElement('div');\n                    bubble.className = `bubble ${element.type}`;\n                    bubble.dataset.index = index;\n                    bubble.dataset.content = element.content;\n                    bubble.dataset.match = element.match;\n                    \n                    const contentDiv = document.createElement('div');\n                    contentDiv.className = 'bubble-content';\n                    contentDiv.textContent = element.content;\n                    \n                    bubble.appendChild(contentDiv);\n                    bubble.addEventListener('click', () =&gt; handleBubbleClick(bubble));\n                    gameBoard.appendChild(bubble);\n                });\n            }\n\n            \/\/ \u4ece\u6570\u7ec4\u4e2d\u968f\u673a\u9009\u62e9\u6307\u5b9a\u6570\u91cf\u7684\u5143\u7d20\n            function selectRandomItems(array, count) {\n                const shuffled = &#91;...array].sort(() =&gt; 0.5 - Math.random());\n                return shuffled.slice(0, count);\n            }\n\n            \/\/ \u6253\u4e71\u6570\u7ec4\u987a\u5e8f\n            function shuffleArray(array) {\n                for (let i = array.length - 1; i &gt; 0; i--) {\n                    const j = Math.floor(Math.random() * (i + 1));\n                    &#91;array&#91;i], array&#91;j]] = &#91;array&#91;j], array&#91;i]];\n                }\n                return array;\n            }\n\n            \/\/ \u5904\u7406\u6c14\u6ce1\u70b9\u51fb\u4e8b\u4ef6\n            function handleBubbleClick(bubble) {\n                \/\/ \u5982\u679c\u5df2\u7ecf\u5339\u914d\u6216\u8005\u662f\u5f53\u524d\u9009\u4e2d\u7684\u6c14\u6ce1\uff0c\u5219\u5ffd\u7565\u70b9\u51fb\n                if (bubble.classList.contains('matched') || bubble.classList.contains('selected') || selectedItems.length &gt;= 2) {\n                    return;\n                }\n                \n                \/\/ \u5f00\u59cb\u8ba1\u65f6\uff08\u5982\u679c\u662f\u7b2c\u4e00\u6b21\u70b9\u51fb\uff09\n                if (!gameStarted) {\n                    startGameTimer();\n                    gameStarted = true;\n                }\n                \n                \/\/ \u64ad\u653e\u97f3\u6548\n                playBubbleSound();\n                \n                \/\/ \u9ad8\u4eae\u663e\u793a\u9009\u4e2d\u7684\u6c14\u6ce1\n                bubble.classList.add('selected');\n                selectedItems.push(bubble);\n                \n                \/\/ \u5982\u679c\u5df2\u9009\u4e2d\u4e24\u4e2a\u6c14\u6ce1\uff0c\u68c0\u67e5\u662f\u5426\u5339\u914d\n                if (selectedItems.length === 2) {\n                    setTimeout(checkMatch, 500);\n                }\n            }\n\n            \/\/ \u68c0\u67e5\u4e24\u4e2a\u6c14\u6ce1\u662f\u5426\u5339\u914d\n            function checkMatch() {\n                const &#91;bubble1, bubble2] = selectedItems;\n                const content1 = bubble1.dataset.content;\n                const match1 = bubble1.dataset.match;\n                const content2 = bubble2.dataset.content;\n                \n                \/\/ \u68c0\u67e5\u662f\u5426\u5339\u914d\n                if (content1 === match1 || content2 === match1) {\n                    \/\/ \u5339\u914d\u6210\u529f\n                    bubble1.classList.add('matched');\n                    bubble2.classList.add('matched');\n                    matchedPairs++;\n                    \n                    \/\/ \u68c0\u67e5\u6e38\u620f\u662f\u5426\u5b8c\u6210\n                    if (matchedPairs === totalPairs) {\n                        endGame();\n                    }\n                } else {\n                    \/\/ \u4e0d\u5339\u914d\uff0c\u53d6\u6d88\u9ad8\u4eae\n                    bubble1.classList.remove('selected');\n                    bubble2.classList.remove('selected');\n                }\n                \n                \/\/ \u6e05\u7a7a\u9009\u4e2d\u9879\n                selectedItems = &#91;];\n            }\n\n            \/\/ \u5f00\u59cb\u6e38\u620f\u8ba1\u65f6\u5668\n            function startGameTimer() {\n                startTime = new Date();\n                timerInterval = setInterval(updateTimer, 1000);\n            }\n\n            \/\/ \u66f4\u65b0\u8ba1\u65f6\u5668\u663e\u793a\n            function updateTimer() {\n                const currentTime = new Date();\n                const elapsedTime = Math.floor((currentTime - startTime) \/ 1000);\n                timerElement.textContent = `\u65f6\u95f4: ${elapsedTime}\u79d2`;\n            }\n\n            \/\/ \u7ed3\u675f\u6e38\u620f\n            function endGame() {\n                clearInterval(timerInterval);\n                const endTime = new Date();\n                const totalTime = Math.floor((endTime - startTime) \/ 1000);\n                \n                completionTimeElement.textContent = totalTime;\n                successMessage.style.display = 'block';\n            }\n\n            \/\/ \u64ad\u653e\u6c14\u6ce1\u97f3\u6548\n            function playBubbleSound() {\n                bubbleSound.currentTime = 0;\n                bubbleSound.play().catch(e =&gt; console.log(\"\u97f3\u9891\u64ad\u653e\u5931\u8d25:\", e));\n            }\n\n            \/\/ \u91cd\u65b0\u5f00\u59cb\u6e38\u620f\n            restartButton.addEventListener('click', initGame);\n\n            \/\/ \u521d\u59cb\u5316\u6e38\u620f\n            initGame();\n        });\n    &lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p>\u4e5f\u6709\u4eba\u57fa\u4e8e\u6b64\uff0c\u505a\u4e86\u5f88\u591a\u5176\u4ed6\u7684\u7248\u672c\u3002<\/p>\n\n\n\n<p>\u8fd9\u8fb9\u63d0\u4f9b\u4e00\u4e2a\u4f9b\u5927\u5bb6\u4f7f\u7528\u3002<\/p>\n\n\n\n<div class=\"wp-block-file\"><a id=\"wp-block-file--media-12f7d4cd-0567-42fe-b4da-fd9899b615da\" href=\"https:\/\/www.aihx.top\/wp-content\/uploads\/2025\/09\/\u5316\u5b66\u6d88\u6d88\u4e50.html\">\u5316\u5b66\u6d88\u6d88\u4e50<\/a><a href=\"https:\/\/www.aihx.top\/wp-content\/uploads\/2025\/09\/\u5316\u5b66\u6d88\u6d88\u4e50.html\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-12f7d4cd-0567-42fe-b4da-fd9899b615da\">\u4e0b\u8f7d<\/a><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u57fa\u4e8e\u751f\u6210\u5f0f\u4eba\u5de5\u667a\u80fd \uff24\uff45\uff45\uff50\uff33\uff45\uff45\uff4b\u7684\u5316\u5b66\u6559\u80b2\u7535\u5b50\u6e38\u620f\u5f00\u53d1\u2014\u2014\u2014\u5316\u5b66\u6d88\u6d88\u4e50 \u4e5f\u6709\u4eba\u57fa\u4e8e\u6b64\uff0c\u505a\u4e86\u5f88\u591a\u5176\u4ed6\u7684\u7248\u672c\u3002 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-20","post","type-post","status-publish","format-standard","hentry","category-1"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.aihx.top\/index.php?rest_route=\/wp\/v2\/posts\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.aihx.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.aihx.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.aihx.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aihx.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20"}],"version-history":[{"count":3,"href":"https:\/\/www.aihx.top\/index.php?rest_route=\/wp\/v2\/posts\/20\/revisions"}],"predecessor-version":[{"id":163,"href":"https:\/\/www.aihx.top\/index.php?rest_route=\/wp\/v2\/posts\/20\/revisions\/163"}],"wp:attachment":[{"href":"https:\/\/www.aihx.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.aihx.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=20"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.aihx.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}