{"id":49059,"date":"2026-09-21T16:18:11","date_gmt":"2026-09-21T08:18:11","guid":{"rendered":"https:\/\/www.qiusir.com\/?p=49059"},"modified":"2026-10-22T11:05:51","modified_gmt":"2026-10-22T03:05:51","slug":"neyc-2610","status":"publish","type":"post","link":"https:\/\/www.qiusir.com\/?p=49059","title":{"rendered":"NEYC-2610"},"content":{"rendered":"<p><img decoding=\"async\" class=\"framed\" src=\"https:\/\/www.qiusir.com\/wp-content\/gallery\/neyc\/2610-20260921.jpg\" alt=\"\" width=\"580\"><\/p>\r\n\r\n\r\n<style>\r\n    .exact-cross-system {\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        background-color: #f8f9fa;\r\n        padding: 20px 12px;\r\n        border-radius: 12px;\r\n        box-shadow: inset 0 0 20px rgba(0,0,0,0.02);\r\n        margin: 20px auto;\r\n        box-sizing: border-box;\r\n        width: 100%;\r\n        max-width: 720px; \r\n        overflow: hidden; \r\n    }\r\n\r\n    \/* \u9876\u90e8\u6807\u5fd7\u6027\u7a7a\u5fc3\u5706\u5708\uff08\u5c3a\u5bf8\u8c03\u5c0f\uff0c\u5185\u90e810\u4fdd\u6301\u7855\u5927\uff09 *\/\r\n    .ten-emblem {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: transparent;\r\n        color: #4caf50;\r\n        border: 2.5px solid #4caf50;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.6rem;\r\n        font-weight: 800;\r\n        letter-spacing: -1px;\r\n        box-shadow: 0 3px 10px rgba(76, 175, 80, 0.15);\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    \/* 11\u5217 x 7\u884c \u7684\u6a2a\u5bbd\u7eb5\u77ed\u5341\u5b57\u67b6\u6784\u753b\u5e03 *\/\r\n    .exact-cross-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(11, minmax(0, 1fr));\r\n        grid-template-rows: repeat(7, auto);\r\n        gap: 4px;\r\n        width: 100%;\r\n        margin-bottom: 20px; \r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .name-cell {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 6px 1px;\r\n        border-radius: 5px;\r\n        font-size: 0.72rem;\r\n        font-weight: 600;\r\n        text-align: center;\r\n        box-shadow: 0 1px 3px rgba(0,0,0,0.06);\r\n        transition: all 0.15s ease;\r\n        white-space: nowrap;\r\n        cursor: default;\r\n        border: 1.5px solid transparent;\r\n        box-sizing: border-box;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n    }\r\n\r\n    \/* \u4e13\u5c5e\u5fae\u7f29\u540d\u5b57\u6837\u5f0f\uff1a\u9488\u5bf9\u5b57\u6570\u8f83\u957f\u7684\u540d\u5b57\u81ea\u52a8\u7f29\u5c0f\u5b57\u53f7 *\/\r\n    .name-cell.long-name {\r\n        font-size: 0.55rem;\r\n        padding: 6px 0px;\r\n        letter-spacing: -0.5px;\r\n    }\r\n\r\n    .name-cell:hover:not(.active):not(.selected) {\r\n        transform: scale(1.12);\r\n        box-shadow: 0 4px 12px rgba(0,0,0,0.15);\r\n        z-index: 5;\r\n    }\r\n\r\n    .name-cell.boy { background-color: #e3f2fd; color: #1565c0; border-color: #bbdefb; }\r\n    .name-cell.girl { background-color: #fce4ec; color: #c2185b; border-color: #f8bbd0; }\r\n\r\n    \/* \u968f\u673a\u70b9\u540d\u65f6\u7684\u52a8\u6001\u9ad8\u4eae\u72b6\u6001\uff08\u9ec4\u8272\u8df3\u52a8\uff09 *\/\r\n    .name-cell.active {\r\n        background-color: #ffeb3b !important;\r\n        color: #333 !important;\r\n        border-color: #fbc02d !important;\r\n        transform: scale(1.18);\r\n        box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n        z-index: 10;\r\n    }\r\n\r\n    \/* \u6700\u7ec8\u9009\u4e2d\u7684\u72b6\u6001\uff08\u7eff\u8272\u9501\u5b9a\uff09 *\/\r\n    .name-cell.selected {\r\n        background-color: #4caf50 !important;\r\n        color: white !important;\r\n        border-color: #388e3c !important;\r\n        transform: scale(1.22);\r\n        box-shadow: 0 6px 18px rgba(76, 175, 80, 0.4);\r\n        z-index: 20;\r\n    }\r\n\r\n    \/* \u5e95\u90e8\u63a7\u5236\u533a\uff08\u884c\u95f4\u8ddd\u6781\u5ea6\u6536\u7a84\uff09 *\/\r\n    .bottom-controls {\r\n        text-align: center;\r\n        width: 100%;\r\n        max-width: 400px;\r\n        background: #ffffff;\r\n        padding: 15px 20px;\r\n        border-radius: 10px;\r\n        box-shadow: 0 4px 15px rgba(0,0,0,0.05);\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    #ec-result-display {\r\n        font-size: 2rem;\r\n        font-weight: bold;\r\n        color: #4caf50; \r\n        height: 42px;\r\n        margin-bottom: 8px; \r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    #ec-pick-btn {\r\n        background-color: #4caf50; \r\n        color: white;\r\n        border: none;\r\n        padding: 10px 24px;\r\n        font-size: 1.2rem;\r\n        border-radius: 8px;\r\n        cursor: pointer;\r\n        transition: transform 0.1s, background-color 0.3s, box-shadow 0.3s;\r\n        box-shadow: 0 3px 10px rgba(76, 175, 80, 0.3); \r\n        font-weight: 700;\r\n        width: 100%;\r\n        max-width: 160px; \r\n    }\r\n\r\n    #ec-pick-btn:hover:not(:disabled) {\r\n        background-color: #43a047; \r\n    }\r\n\r\n    #ec-pick-btn:active { transform: scale(0.96); }\r\n    #ec-pick-btn:disabled { \r\n        background-color: #a5d6a7; \r\n        cursor: not-allowed; \r\n        transform: none; \r\n        box-shadow: none;\r\n    }\r\n\r\n    \/* \u624b\u673a\u7aef\u8fdb\u4e00\u6b65\u9632\u6ea2\u51fa\u5fae\u8c03 *\/\r\n    @media (max-width: 500px) {\r\n        .exact-cross-system { padding: 12px 6px; }\r\n        .exact-cross-grid { gap: 2px; }\r\n        .name-cell { font-size: 0.45rem; padding: 4px 0px; }\r\n        .name-cell.long-name { font-size: 0.35rem; }\r\n        #ec-result-display { font-size: 1.5rem; height: 35px; margin-bottom: 6px; }\r\n        .ten-emblem { width: 42px; height: 42px; font-size: 1.3rem; margin-bottom: 10px; border-width: 2px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"exact-cross-system\">\r\n    <!-- \u9876\u90e8\u7f29\u5c0f\u5c3a\u5bf8\u7684\u7a7a\u5fc3\u5706\u5708\u4e0e 10 \u5b57\u7b26 -->\r\n    <div class=\"ten-emblem\">10<\/div>\r\n\r\n    <!-- \u5341\u5b57\u5f62\u72b6\u7cbe\u51c6\u5b9a\u4f4d\u7f51\u683c\u5bb9\u5668 -->\r\n    <div class=\"exact-cross-grid\" id=\"ec-grid-container\"><\/div>\r\n\r\n    <!-- \u5e95\u90e8\u63a7\u5236\u4e0e\u663e\u793a\u533a\u57df -->\r\n    <div class=\"bottom-controls\">\r\n        <div id=\"ec-result-display\">\u6c42\u5e08\u5f97<\/div>\r\n        <button id=\"ec-pick-btn\">\u4ee5\u5df1\u4e3a\u5e08<\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n    \/\/ 49 \u540d\u540c\u5b66\u5b8c\u6574\u540d\u5355\r\n    const rawData = \"\u5d14\u6d69\u6850\u2642 \u5d14\u5fd7\u5cf0\u2642 \u4ee3\u660e\u5b87\u2642 \u51af\u6587\u831c\u2640 \u9ad8\u6893\u6850\u2640 \u90ed\u6c38\u8fbe\u2642 \u97e9\u66e6\u5f71\u2640 \u4f55\u6d25\u6167\u2640 \u8d3e\u94ed\u5a01\u2642 \u674e\u8bd7\u96ef\u2642 \u674e\u7ef4\u8f69\u2642 \u674e\u5b50\u94b0\u2642 \u6881\u745e\u8c26\u2642 \u5218\u6b22\u71a0\u2642 \u5218\u60a6\u2640 \u5218\u5b50\u5d5a\u2642 \u5362\u6b63\u660a\u2642 \u8def\u6d25\u8c6a\u2642 \u9a6c\u53ef\u99a8\u2640 \u9a6c\u8dc3\u2642 \u5b5f\u8f69\u79be\u2642 \u8042\u5b87\u8c6a\u2642 \u6f58\u94ee\u2642 \u4efb\u5bb6\u53ef\u2640 \u53f2\u4e1c\u65ed\u2642 \u738b\u70fd\u2642 \u738b\u656c\u6db5\u2640 \u738b\u8bd7\u8fea\u2640 \u738b\u4f9d\u9e3e\u2640 \u738b\u6893\u5b87\u2642 \u5434\u4fca\u9038\u2642 \u6b66\u7199\u822a\u2642 \u5f90\u695a\u6db5\u2640 \u5f90\u6069\u6055\u2642 \u5cb3\u4f73\u5c90\u2640 \u4e91\u963f\u601d\u777f\u2640 \u5f20\u65f6\u8bda\u2642 \u5f20\u8a89\u2640 \u4ec9\u4e59\u6db5\u2642 \u90d1\u748e\u5a1c\u2640 \u5468\u745e\u4f73\u2640 \u5468\u5955\u5b8f\u2642 \u6731\u6d69\u946b\u2642 \u5df4\u5408\u5e03\u52d2\u2642 \u5a1c\u8fea\u5a05\u2640 \u4e43\u76ae\u8d5b\u2640 \u52aa\u65e5\u66fc\u2640 \u52aa\u5c14\u6566\u2642\";\r\n    \r\n    const students = rawData.split(' ').map(item => {\r\n        const name = item.slice(0, -1);\r\n        return { \r\n            name: name, \r\n            gender: item.slice(-1) === '\u2642' ? 'boy' : 'girl',\r\n            isLong: name.length >= 5 \r\n        };\r\n    });\r\n\r\n    \/\/ \u7cbe\u786e\u5b9a\u4e49 11\u5217 x 7\u884c \u201c+\u201d \u5b57\u5f62\u7684\u6bcf\u4e00\u4e2a\u683c\u5b50\u5750\u6807 (col: 1~11, row: 1~7)\r\n    let crossCoordinates = [];\r\n    \r\n    \/\/ 1. \u751f\u6210\u7ad6\u76f4\u7c97\u67f1\u5b50 (\u5217 5, 6, 7\uff0c\u884c 1 \u5230 7)\r\n    for (let r = 1; r <= 7; r++) {\r\n        for (let c = 5; c <= 7; c++) {\r\n            crossCoordinates.push({ row: r, col: c });\r\n        }\r\n    }\r\n    \/\/ 2. \u751f\u6210\u6a2a\u5411\u5bbd\u6a2a\u6881 (\u5217 1 \u5230 11\uff0c\u884c 3, 4, 5\uff0c\u5254\u9664\u5df2\u7ecf\u91cd\u590d\u8ba1\u7b97\u7684\u4e2d\u5fc3\u4ea4\u53c9\u5757)\r\n    for (let r = 3; r <= 5; r++) {\r\n        for (let c = 1; c <= 11; c++) {\r\n            if (c < 5 || c > 7) {\r\n                crossCoordinates.push({ row: r, col: c });\r\n            }\r\n        }\r\n    }\r\n\r\n    let studentNodes = []; \r\n    let isPicking = false;\r\n\r\n    function initSystem() {\r\n        const gridContainer = document.getElementById('ec-grid-container');\r\n        const pickBtn = document.getElementById('ec-pick-btn');\r\n        const resultDisplay = document.getElementById('ec-result-display');\r\n        \r\n        if (!gridContainer || !pickBtn || gridContainer.innerHTML !== \"\") return; \r\n\r\n        \/\/ \u4e25\u683c\u6309\u7167\u5341\u5b57\u5750\u6807\u6e32\u67d3 49 \u4e2a\u540c\u5b66\r\n        students.forEach((student, index) => {\r\n            if (index < crossCoordinates.length) {\r\n                const coord = crossCoordinates[index];\r\n                const cell = document.createElement('div');\r\n                cell.className = `name-cell ${student.gender} ${student.isLong ? 'long-name' : ''}`;\r\n                cell.textContent = student.name;\r\n                cell.dataset.index = index;\r\n                \r\n                \/\/ \u6307\u5b9a CSS Grid \u7684\u884c\u4e0e\u5217\r\n                cell.style.gridRow = coord.row;\r\n                cell.style.gridColumn = coord.col;\r\n\r\n                studentNodes.push(cell);\r\n                gridContainer.appendChild(cell);\r\n            }\r\n        });\r\n\r\n        pickBtn.addEventListener('click', function() {\r\n            if (isPicking) return;\r\n            isPicking = true;\r\n            pickBtn.disabled = true;\r\n            \r\n            resultDisplay.style.color = '#4caf50';\r\n            studentNodes.forEach(node => node.classList.remove('selected', 'active'));\r\n            \r\n            let jumps = 0;\r\n            const totalSteps = 35 + Math.floor(Math.random() * 15); \r\n            let currentIndex = -1;\r\n\r\n            function jumpStep() {\r\n                if (currentIndex !== -1 && studentNodes[currentIndex]) {\r\n                    studentNodes[currentIndex].classList.remove('active');\r\n                }\r\n                \r\n                let nextIndex;\r\n                do {\r\n                    nextIndex = Math.floor(Math.random() * studentNodes.length);\r\n                } while (nextIndex === currentIndex && studentNodes.length > 1);\r\n                \r\n                currentIndex = nextIndex;\r\n                \r\n                if (studentNodes[currentIndex]) {\r\n                    studentNodes[currentIndex].classList.add('active');\r\n                    resultDisplay.textContent = students[currentIndex].name;\r\n                }\r\n                \r\n                jumps++;\r\n                \r\n                if (jumps < totalSteps) {\r\n                    let currentSpeed = 40;\r\n                    if (jumps > totalSteps * 0.5) currentSpeed = 80;\r\n                    if (jumps > totalSteps * 0.75) currentSpeed = 150;\r\n                    if (jumps > totalSteps * 0.9) currentSpeed = 250;\r\n                    \r\n                    setTimeout(jumpStep, currentSpeed);\r\n                } else {\r\n                    if (studentNodes[currentIndex]) {\r\n                        studentNodes[currentIndex].classList.remove('active');\r\n                        studentNodes[currentIndex].classList.add('selected');\r\n                        const finalStudent = students[currentIndex];\r\n                        \r\n                        resultDisplay.style.color = '#4caf50';\r\n                        resultDisplay.innerHTML = `${finalStudent.name} <span style=\"font-size:1.4rem; color:#81c784;\">(${finalStudent.gender === 'boy' ? '\u2642' : '\u2640'})<\/span>`;\r\n                    }\r\n                    \r\n                    isPicking = false;\r\n                    pickBtn.disabled = false;\r\n                    pickBtn.textContent = \"\u4ee5\u5df1\u4e3a\u5e08\";\r\n                }\r\n            }\r\n\r\n            jumpStep();\r\n        });\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initSystem);\r\n    } else {\r\n        initSystem();\r\n    }\r\n})();\r\n<\/script>\r\n\r\n<blockquote class=\"wp-embedded-content\" data-secret=\"N6gYK4BI4Z\"><a href=\"https:\/\/www.qiusir.com\/?p=48969\">NEYC-2605<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"\u300a NEYC-2605 \u300b\u2014\u6c42\u5e08\u5f97\u6559\u80b2\u5b9e\u9a8c\u5ba4\" src=\"https:\/\/www.qiusir.com\/?p=48969&amp;embed=true#?secret=5jjdBZC6dC#?secret=N6gYK4BI4Z\" data-secret=\"N6gYK4BI4Z\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>","protected":false},"excerpt":{"rendered":"<p>10 \u6c42\u5e08\u5f97 \u4ee5\u5df1\u4e3a\u5e08 NEYC-2605<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"image","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[2,13],"tags":[259,14,252],"class_list":["post-49059","post","type-post","status-publish","format-image","hentry","category-team","category-miniblog","tag-class","tag-neyc","tag-students","post_format-post-format-image"],"_links":{"self":[{"href":"https:\/\/www.qiusir.com\/index.php?rest_route=\/wp\/v2\/posts\/49059","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.qiusir.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.qiusir.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.qiusir.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.qiusir.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=49059"}],"version-history":[{"count":42,"href":"https:\/\/www.qiusir.com\/index.php?rest_route=\/wp\/v2\/posts\/49059\/revisions"}],"predecessor-version":[{"id":49491,"href":"https:\/\/www.qiusir.com\/index.php?rest_route=\/wp\/v2\/posts\/49059\/revisions\/49491"}],"wp:attachment":[{"href":"https:\/\/www.qiusir.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=49059"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.qiusir.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=49059"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.qiusir.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=49059"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}