WRO 2026 \u5152\u7ae5\u7d44\u300c\u53e4\u4ee3\u6587\u7269\u300d\u8a08\u5206\u8a08\u7b97\u5668 (\u6dfa\u8272\u8a08\u6642\u5668\u7248)<\/title>\n <style>\n \/* \u7a81\u7834 Elementor \/ WP \u4e3b\u984c\u5bb9\u5668\u9650\u5236\u7684 CSS \u8986\u84cb *\/\n .wro-calculator-wrapper {\n width: 100vw !important;\n position: relative;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n background-color: #f8fafc;\n color: #1e293b;\n padding-bottom: 40px;\n box-sizing: border-box;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n -webkit-tap-highlight-color: transparent;\n }\n\n .wro-calculator-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n \/* \u9802\u90e8\u56fa\u5b9a\u6b04 (\u6dfa\u8272\u7cfb\u9802\u6b04) *\/\n .wro-calculator-wrapper .sticky-header {\n position: sticky;\n top: 0;\n z-index: 99999;\n background: #ffffff;\n color: #0f172a;\n box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n padding: 10px 12px;\n width: 100%;\n left: 0;\n border-bottom: 1px solid #e2e8f0;\n }\n\n \/* \u6dfa\u8272\u8a08\u6642\u5668\u5bb9\u5668 *\/\n .wro-calculator-wrapper .timer-full-container {\n width: 100%;\n background: #f1f5f9;\n border-radius: 12px;\n padding: 10px 12px;\n border: 1px solid #cbd5e1;\n box-shadow: inset 0 1px 3px rgba(0,0,0,0.05);\n margin-bottom: 10px;\n }\n\n .wro-calculator-wrapper .timer-displays-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 8px;\n text-align: center;\n margin-bottom: 8px;\n }\n\n .wro-calculator-wrapper .timer-box {\n background: #ffffff;\n padding: 6px 4px;\n border-radius: 8px;\n border: 1px solid #cbd5e1;\n box-shadow: 0 1px 2px rgba(0,0,0,0.03);\n }\n\n .wro-calculator-wrapper .timer-box .label {\n font-size: 0.75rem;\n color: #64748b;\n font-weight: 600;\n margin-bottom: 2px;\n }\n\n .wro-calculator-wrapper .timer-box .time-val {\n font-family: 'Courier New', Courier, monospace;\n font-size: 1.8rem;\n font-weight: 900;\n line-height: 1;\n }\n\n .wro-calculator-wrapper .remaining-val {\n color: #0284c7; \/* \u660e\u4eae\u5929\u85cd\u8272 *\/\n }\n\n .wro-calculator-wrapper .elapsed-val {\n color: #d97706; \/* \u6696\u7425\u73c0\u8272 *\/\n }\n\n .wro-calculator-wrapper .timer-controls-row {\n display: flex;\n gap: 8px;\n }\n\n .wro-calculator-wrapper .timer-btn {\n flex: 1;\n background: #e2e8f0;\n color: #334155;\n border: 1px solid #cbd5e1;\n padding: 10px 0;\n border-radius: 8px;\n font-size: 1rem;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.1s;\n text-align: center;\n }\n\n .wro-calculator-wrapper .timer-btn:active {\n transform: scale(0.98);\n opacity: 0.85;\n }\n\n .wro-calculator-wrapper .timer-btn.start {\n background: #22c55e;\n color: #ffffff;\n border-color: #16a34a;\n }\n\n .wro-calculator-wrapper .timer-btn.stop {\n background: #ef4444;\n color: #ffffff;\n border-color: #dc2626;\n }\n\n \/* \u5206\u6578\u5927\u6578\u503c (\u6dfa\u8272\u914d\u5408) *\/\n .wro-calculator-wrapper .score-bar {\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);\n padding: 10px 16px;\n border-radius: 10px;\n box-shadow: 0 2px 6px rgba(37, 99, 235, 0.2);\n }\n\n .wro-calculator-wrapper .score-label {\n font-size: 1rem;\n font-weight: 600;\n color: #ffffff;\n }\n\n .wro-calculator-wrapper .score-num {\n font-size: 2.2rem;\n font-weight: 800;\n color: #fef08a;\n line-height: 1;\n }\n\n \/* \u4e3b\u5167\u5bb9\u5340\u57df *\/\n .wro-calculator-wrapper .container {\n padding: 16px;\n width: 100%;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .wro-calculator-wrapper .section-card {\n background: #ffffff;\n border-radius: 14px;\n padding: 16px;\n margin-bottom: 16px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n border: 1px solid #e2e8f0;\n }\n\n .wro-calculator-wrapper .section-card h2 {\n font-size: 1.1rem;\n color: #1e3a8a;\n margin-bottom: 12px;\n display: flex;\n align-items: center;\n }\n\n .wro-calculator-wrapper .section-card h2 span {\n background: #3b82f6;\n color: white;\n border-radius: 50%;\n width: 24px;\n height: 24px;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n font-size: 0.85rem;\n margin-right: 8px;\n flex-shrink: 0;\n }\n\n .wro-calculator-wrapper .hint {\n font-size: 0.8rem;\n color: #64748b;\n margin-top: 6px;\n line-height: 1.3;\n }\n\n \/* \u624b\u6a5f\u5927\u6309\u9215\u7d44 *\/\n .wro-calculator-wrapper .btn-group {\n display: flex;\n gap: 8px;\n margin-top: 8px;\n }\n\n .wro-calculator-wrapper .btn-option {\n flex: 1;\n padding: 14px 8px;\n background: #f1f5f9;\n border: 2px solid #e2e8f0;\n border-radius: 10px;\n font-size: 1rem;\n font-weight: 700;\n color: #475569;\n text-align: center;\n cursor: pointer;\n transition: all 0.15s ease;\n user-select: none;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n }\n\n .wro-calculator-wrapper .btn-option .sub-text {\n font-size: 0.75rem;\n font-weight: normal;\n opacity: 0.8;\n margin-top: 2px;\n }\n\n .wro-calculator-wrapper .btn-option.selected {\n background: #dbeafe;\n border-color: #3b82f6;\n color: #1e40af;\n }\n\n \/* \u5207\u63db\u958b\u95dc \/ \u5927\u6309\u9215 *\/\n .wro-calculator-wrapper .toggle-btn {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding: 14px 16px;\n background: #f1f5f9;\n border: 2px solid #e2e8f0;\n border-radius: 10px;\n cursor: pointer;\n transition: all 0.15s ease;\n user-select: none;\n text-align: left;\n }\n\n .wro-calculator-wrapper .toggle-btn.selected {\n background: #dbeafe;\n border-color: #3b82f6;\n }\n\n .wro-calculator-wrapper .toggle-btn .toggle-label {\n font-size: 0.95rem;\n font-weight: 600;\n color: #334155;\n padding-right: 10px;\n }\n\n .wro-calculator-wrapper .toggle-btn.selected .toggle-label {\n color: #1e40af;\n }\n\n .wro-calculator-wrapper .toggle-btn .toggle-badge {\n background: #cbd5e1;\n color: #475569;\n padding: 6px 12px;\n border-radius: 6px;\n font-weight: 700;\n font-size: 0.85rem;\n flex-shrink: 0;\n }\n\n .wro-calculator-wrapper .toggle-btn.selected .toggle-badge {\n background: #2563eb;\n color: white;\n }\n\n \/* \u6578\u5b57\u8a08\u6578\u5668\u5927\u6309\u9215 *\/\n .wro-calculator-wrapper .counter-control {\n display: flex;\n align-items: center;\n justify-content: space-between;\n background: #f1f5f9;\n border-radius: 10px;\n padding: 6px;\n border: 2px solid #e2e8f0;\n margin-top: 8px;\n }\n\n .wro-calculator-wrapper .counter-btn {\n width: 48px;\n height: 48px;\n background: white;\n border: 1px solid #cbd5e1;\n border-radius: 8px;\n font-size: 1.5rem;\n font-weight: bold;\n color: #1e293b;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n box-shadow: 0 1px 3px rgba(0,0,0,0.05);\n }\n\n .wro-calculator-wrapper .counter-btn:active {\n background: #e2e8f0;\n }\n\n .wro-calculator-wrapper .counter-value {\n font-size: 1.4rem;\n font-weight: 700;\n color: #0f172a;\n min-width: 40px;\n text-align: center;\n }\n\n .wro-calculator-wrapper .reset-btn {\n display: block;\n width: 100%;\n padding: 16px;\n background-color: #ef4444;\n color: white;\n border: none;\n border-radius: 12px;\n font-size: 1.1rem;\n font-weight: bold;\n cursor: pointer;\n box-shadow: 0 4px 12px rgba(239, 68, 68, 0.25);\n margin-top: 24px;\n }\n\n .wro-calculator-wrapper .reset-btn:active {\n opacity: 0.85;\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"wro-calculator-wrapper\">\n \n<div class=\"sticky-header\">\n \n<div class=\"timer-full-container\">\n<div class=\"timer-displays-grid\">\n<div class=\"timer-box\">\n<div class=\"label\">\u23f1\ufe0f \u5269\u9918\u6642\u9593<\/div>\n<div class=\"time-val remaining-val\" id=\"remainingDisplay\">02:00<\/div>\n <\/div>\n<div class=\"timer-box\">\n<div class=\"label\">\u23f3 \u5df2\u7528\u6642\u9593<\/div>\n<div class=\"time-val elapsed-val\" id=\"elapsedDisplay\">00:00<\/div>\n <\/div>\n <\/div>\n<div class=\"timer-controls-row\">\n <button class=\"timer-btn start\" id=\"timerBtn\" onclick=\"wroToggleTimer()\">\u958b\u59cb<\/button>\n <button class=\"timer-btn\" onclick=\"wroResetTimer()\">\u91cd\u7f6e\u8a08\u6642<\/button>\n <\/div>\n <\/div>\n\n \n<div class=\"score-bar\">\n<div class=\"score-label\">\u7576\u524d\u7e3d\u5f97\u5206<\/div>\n<div class=\"score-num\" id=\"totalScore\">0<\/div>\n <\/div>\n <\/div>\n\n<div class=\"container\">\n\n \n<div class=\"section-card\">\n<h2><span>1<\/span> \u5c07\u77f3\u67f1\u904b\u5f80\u842c\u795e\u6bbf<\/h2>\n<div class=\"toggle-btn\" id=\"btn-pantheon\" onclick=\"wroToggleCheckbox('pantheon')\">\n <span class=\"toggle-label\">\u77f3\u67f1\u5b8c\u5168\u4f4d\u65bc\u5b89\u5168\u842c\u795e\u6bbf\u5340\u57df\uff0c\u89f8\u78b0\u588a\u5b50\u4e14\u76f4\u7acb<\/span>\n <span class=\"toggle-badge\">+10\u5206<\/span>\n <\/div>\n <\/div>\n\n \n<div class=\"section-card\">\n<h2><span>2<\/span> \u8b93\u8212\u4ec0\u5854\u7684\u6c34\u6d41\u52d5<\/h2>\n <label style=\"font-size: 0.9rem; font-weight: 600; color: #475569;\">\u9598\u9580\u79fb\u51fa\u6c34\u6d41\u6578\u91cf\uff1a<\/label>\n<div class=\"btn-group\" id=\"group-shushtarGates\">\n<div class=\"btn-option selected\" onclick=\"wroSelectOption('shushtarGates', 0, this)\">0\u500b<span class=\"sub-text\">0\u5206<\/span><\/div>\n<div class=\"btn-option\" onclick=\"wroSelectOption('shushtarGates', 1, this)\">1\u500b<span class=\"sub-text\">+15\u5206<\/span><\/div>\n<div class=\"btn-option\" onclick=\"wroSelectOption('shushtarGates', 2, this)\">2\u500b<span class=\"sub-text\">+30\u5206<\/span><\/div>\n <\/div>\n <\/div>\n\n \n<div class=\"section-card\">\n<h2><span>3<\/span> \u8d0f\u5f97\u5947\u7434\u4f0a\u5bdf\u7684\u7403\u8cfd<\/h2>\n <label style=\"font-size: 0.9rem; font-weight: 600; color: #475569;\">\u7403\u88ab\u63a8\u96e2\u5e95\u5ea7\u6578\u91cf\uff1a<\/label>\n<div class=\"btn-group\" id=\"group-chichenBalls\">\n<div class=\"btn-option selected\" onclick=\"wroSelectOption('chichenBalls', 0, this)\">0\u500b<span class=\"sub-text\">0\u5206<\/span><\/div>\n<div class=\"btn-option\" onclick=\"wroSelectOption('chichenBalls', 1, this)\">1\u500b<span class=\"sub-text\">+15\u5206<\/span><\/div>\n<div class=\"btn-option\" onclick=\"wroSelectOption('chichenBalls', 2, this)\">2\u500b<span class=\"sub-text\">+30\u5206<\/span><\/div>\n <\/div>\n \n<div style=\"margin-top: 12px;\">\n<div class=\"toggle-btn\" id=\"btn-trophy\" onclick=\"wroToggleCheckbox('trophy')\">\n <span class=\"toggle-label\">\u734e\u76c3\u5b8c\u5168\u4f4d\u65bc\u5b89\u5168\u5947\u7434\u4f0a\u5bdf\u5340\u57df\uff0c\u89f8\u78b0\u588a\u5b50\u4e14\u76f4\u7acb<\/span>\n <span class=\"toggle-badge\">+10\u5206<\/span>\n <\/div>\n<div class=\"hint\">\u203b \u6ce8\u610f\uff1a\u5fc5\u9808\u5148\u63a8\u96e2 2 \u500b\u7403\uff0c\u6b64\u734e\u76c3\u5f97\u5206\u624d\u6709\u6548\u3002<\/div>\n <\/div>\n <\/div>\n\n \n<div class=\"section-card\">\n<h2><span>4<\/span> \u5c07\u5433\u54e5\u7a9f\u7684\u8239\u5c4b\u5e36\u5230\u6b63\u78ba\u4f4d\u7f6e<\/h2>\n <label style=\"font-size: 0.9rem; font-weight: 600; color: #475569;\">\u8239\u5c4b\u4f4d\u7f6e\u72c0\u614b\uff1a<\/label>\n<div class=\"btn-group\" id=\"group-angkorBoat\" style=\"flex-direction: column;\">\n<div class=\"btn-option selected\" style=\"padding: 12px;\" onclick=\"wroSelectOption('angkorBoat', 0, this)\">\u672a\u5230\u9054\u6307\u5b9a\u5340\u57df (0\u5206)<\/div>\n<div class=\"btn-option\" style=\"padding: 12px;\" onclick=\"wroSelectOption('angkorBoat', 10, this)\">\u89f8\u78b0\u5230\u6e56\u7684\u6b63\u78ba\u5340\u57df (+10\u5206)<\/div>\n<div class=\"btn-option\" style=\"padding: 12px;\" onclick=\"wroSelectOption('angkorBoat', 15, this)\">\u5b8c\u5168\u4f4d\u65bc\u6b63\u78ba\u6e56\u5340\u5167\u4e14\u89f8\u78b0\u588a\u5b50 (+15\u5206)<\/div>\n <\/div>\n <\/div>\n\n \n<div class=\"section-card\">\n<h2><span>5<\/span> \u5c07\u5bf6\u85cf\u5e36\u5230\u535a\u7269\u9928<\/h2>\n <label style=\"font-size: 0.9rem; font-weight: 600; color: #475569;\">\u5bf6\u85cf\u5b8c\u5168\u4f4d\u65bc\u535a\u7269\u9928\u5340\u57df\u6578\u91cf\uff1a<\/label>\n<div class=\"btn-group\" id=\"group-museumTreasures\">\n<div class=\"btn-option selected\" onclick=\"wroSelectOption('museumTreasures', 0, this)\">0<span class=\"sub-text\">0\u5206<\/span><\/div>\n<div class=\"btn-option\" onclick=\"wroSelectOption('museumTreasures', 1, this)\">1<span class=\"sub-text\">+10\u5206<\/span><\/div>\n<div class=\"btn-option\" onclick=\"wroSelectOption('museumTreasures', 2, this)\">2<span class=\"sub-text\">+20\u5206<\/span><\/div>\n<div class=\"btn-option\" onclick=\"wroSelectOption('museumTreasures', 3, this)\">3<span class=\"sub-text\">+30\u5206<\/span><\/div>\n<div class=\"btn-option\" onclick=\"wroSelectOption('museumTreasures', 4, this)\">4<span class=\"sub-text\">+40\u5206<\/span><\/div>\n <\/div>\n\n<div style=\"margin-top: 12px;\">\n<div class=\"toggle-btn\" id=\"btn-allTreasures\" onclick=\"wroToggleCheckbox('allTreasures')\">\n <span class=\"toggle-label\">\u6240\u6709 4 \u500b\u5bf6\u85cf\u90fd\u89f8\u78b0\u5230\u4e2d\u9593\u535a\u7269\u9928\u5340\u57df<\/span>\n <span class=\"toggle-badge\">+10\u5206<\/span>\n <\/div>\n<div class=\"hint\">\u203b \u52a0\u5206\u9805\u76ee\uff1a\u9700\u7372\u5f97\u81f3\u5c11\u4e00\u500b\u5176\u4ed6\u4efb\u52d9\u5206\u6578\u3002<\/div>\n <\/div>\n <\/div>\n\n \n<div class=\"section-card\">\n<h2><span>6<\/span> \u505c\u653e\u6a5f\u5668\u4eba<\/h2>\n<div class=\"toggle-btn\" id=\"btn-parkRobot\" onclick=\"wroToggleCheckbox('parkRobot')\">\n <span class=\"toggle-label\">\u6a5f\u5668\u4eba\u5b8c\u5168\u99db\u5165\u4e2d\u9593\u7684\u535a\u7269\u9928\u5340\u57df<\/span>\n <span class=\"toggle-badge\">+10\u5206<\/span>\n <\/div>\n<div class=\"hint\">\u203b \u9700\u7372\u5f97\u81f3\u5c11\u4e00\u500b\u5176\u4ed6\u4efb\u52d9\u5206\u6578\u3002<\/div>\n <\/div>\n\n \n<div class=\"section-card\">\n<h2><span>7<\/span> \u984d\u5916\u52a0\u5206\u8207\u6263\u5206<\/h2>\n <label style=\"font-size: 0.9rem; font-weight: 600; color: #475569;\">\u8212\u4ec0\u5854\u672a\u88ab\u79fb\u52d5\u7684\u78e8\u574a\u6578\u91cf\uff1a<\/label>\n<div class=\"btn-group\" id=\"group-shushtarMills\">\n<div class=\"btn-option selected\" onclick=\"wroSelectOption('shushtarMills', 0, this)\">0\u500b<span class=\"sub-text\">0\u5206<\/span><\/div>\n<div class=\"btn-option\" onclick=\"wroSelectOption('shushtarMills', 1, this)\">1\u500b<span class=\"sub-text\">+10\u5206<\/span><\/div>\n<div class=\"btn-option\" onclick=\"wroSelectOption('shushtarMills', 2, this)\">2\u500b<span class=\"sub-text\">+20\u5206<\/span><\/div>\n <\/div>\n\n <label style=\"font-size: 0.9rem; font-weight: 600; color: #475569; display: block; margin-top: 14px;\">\u5947\u7434\u4f0a\u5bdf\u7684\u74b0\/\u7403\u9580\u79fb\u4f4d\u6578\u91cf\uff1a<\/label>\n<div class=\"btn-group\" id=\"group-chichenRings\">\n<div class=\"btn-option selected\" onclick=\"wroSelectOption('chichenRings', 0, this)\">0\u500b<span class=\"sub-text\">0\u5206<\/span><\/div>\n<div class=\"btn-option\" onclick=\"wroSelectOption('chichenRings', 1, this)\">1\u500b<span class=\"sub-text\">-15\u5206<\/span><\/div>\n<div class=\"btn-option\" onclick=\"wroSelectOption('chichenRings', 2, this)\">2\u500b<span class=\"sub-text\">-30\u5206<\/span><\/div>\n <\/div>\n\n <label style=\"font-size: 0.9rem; font-weight: 600; color: #475569; display: block; margin-top: 14px;\">\u975e\u6cd5\u89f8\u78b0\u6a5f\u5668\u4eba\/\u7269\u4ef6\u6b21\u6578\uff1a<\/label>\n<div class=\"counter-control\">\n <button class=\"counter-btn\" onclick=\"wroChangeTouchPenalty(-1)\">-<\/button>\n<div class=\"counter-value\" id=\"touchPenaltyValue\">0<\/div>\n <button class=\"counter-btn\" onclick=\"wroChangeTouchPenalty(1)\">+<\/button>\n <\/div>\n <\/div>\n\n <button class=\"reset-btn\" onclick=\"wroResetAll()\">\u91cd\u7f6e\u6240\u6709\u8a08\u5206\u8207\u8a2d\u5b9a<\/button>\n <\/div>\n<\/div>\n\n<script>\n (function() {\n let state = {\n pantheon: false,\n shushtarGates: 0,\n chichenBalls: 0,\n trophy: false,\n angkorBoat: 0,\n museumTreasures: 0,\n allTreasures: false,\n parkRobot: false,\n shushtarMills: 0,\n chichenRings: 0,\n touchPenalty: 0\n };\n\n const TOTAL_SECONDS = 120;\n let timerSeconds = TOTAL_SECONDS;\n let timerInterval = null;\n let isTimerRunning = false;\n\n function formatTime(totalSecs) {\n let mins = Math.floor(totalSecs \/ 60);\n let secs = totalSecs % 60;\n return (mins < 10 ? '0' : '') + mins + ':' + (secs < 10 ? '0' : '') + secs;\n }\n\n function updateTimerDisplay() {\n let elapsedSeconds = TOTAL_SECONDS - timerSeconds;\n document.getElementById('remainingDisplay').innerText = formatTime(timerSeconds);\n document.getElementById('elapsedDisplay').innerText = formatTime(elapsedSeconds);\n }\n\n window.wroToggleTimer = function() {\n let btn = document.getElementById('timerBtn');\n if (isTimerRunning) {\n clearInterval(timerInterval);\n isTimerRunning = false;\n btn.innerText = '\u7e7c\u7e8c';\n btn.className = 'timer-btn start';\n } else {\n if (timerSeconds <= 0) timerSeconds = TOTAL_SECONDS;\n isTimerRunning = true;\n btn.innerText = '\u66ab\u505c';\n btn.className = 'timer-btn stop';\n \n timerInterval = setInterval(() => {\n if (timerSeconds > 0) {\n timerSeconds--;\n updateTimerDisplay();\n } else {\n clearInterval(timerInterval);\n isTimerRunning = false;\n btn.innerText = '\u958b\u59cb';\n btn.className = 'timer-btn start';\n alert('\u6bd4\u8cfd\u6642\u9593\u5230\uff01');\n }\n }, 1000);\n }\n };\n\n window.wroResetTimer = function() {\n clearInterval(timerInterval);\n isTimerRunning = false;\n timerSeconds = TOTAL_SECONDS;\n updateTimerDisplay();\n let btn = document.getElementById('timerBtn');\n btn.innerText = '\u958b\u59cb';\n btn.className = 'timer-btn start';\n };\n\n window.wroToggleCheckbox = function(key) {\n state[key] = !state[key];\n let el = document.getElementById('btn-' + key);\n if (state[key]) {\n el.classList.add('selected');\n } else {\n el.classList.remove('selected');\n }\n calculateScore();\n };\n\n window.wroSelectOption = function(groupKey, val, element) {\n state[groupKey] = val;\n let parent = element.parentElement;\n let options = parent.querySelectorAll('.btn-option');\n options.forEach(opt => opt.classList.remove('selected'));\n element.classList.add('selected');\n calculateScore();\n };\n\n window.wroChangeTouchPenalty = function(delta) {\n state.touchPenalty = Math.max(0, state.touchPenalty + delta);\n document.getElementById('touchPenaltyValue').innerText = state.touchPenalty;\n calculateScore();\n };\n\n function calculateScore() {\n let pantheonScore = state.pantheon ? 10 : 0;\n let gatesScore = state.shushtarGates * 15;\n let ballsScore = state.chichenBalls * 15;\n let trophyScore = (state.chichenBalls === 2 && state.trophy) ? 10 : 0;\n let boatScore = state.angkorBoat;\n let treasuresScore = state.museumTreasures * 10;\n\n let baseTaskScore = pantheonScore + gatesScore + ballsScore + trophyScore + boatScore + treasuresScore;\n let hasBaseScore = baseTaskScore > 0;\n\n let parkScore = (hasBaseScore && state.parkRobot) ? 10 : 0;\n let allTreasuresScore = (hasBaseScore && state.allTreasures) ? 10 : 0;\n let millsScore = hasBaseScore ? (state.shushtarMills * 10) : 0;\n\n let ringsPenalty = state.chichenRings * 15;\n let touchPenalty = state.touchPenalty * 1;\n\n let gross = baseTaskScore + parkScore + allTreasuresScore + millsScore;\n let penalty = ringsPenalty + touchPenalty;\n\n let finalScore = Math.max(0, gross - penalty);\n document.getElementById('totalScore').innerText = finalScore;\n }\n\n window.wroResetAll = function() {\n state = {\n pantheon: false,\n shushtarGates: 0,\n chichenBalls: 0,\n trophy: false,\n angkorBoat: 0,\n museumTreasures: 0,\n allTreasures: false,\n parkRobot: false,\n shushtarMills: 0,\n chichenRings: 0,\n touchPenalty: 0\n };\n\n document.querySelectorAll('.wro-calculator-wrapper .toggle-btn').forEach(btn => btn.classList.remove('selected'));\n document.querySelectorAll('.wro-calculator-wrapper .btn-group').forEach(group => {\n let opts = group.querySelectorAll('.btn-option');\n opts.forEach(opt => opt.classList.remove('selected'));\n if(opts.length > 0) opts[0].classList.add('selected');\n });\n\n document.getElementById('touchPenaltyValue').innerText = '0';\n wroResetTimer();\n calculateScore();\n };\n })();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WRO 2026 \u5152\u7ae5\u7d44\u300c\u53e4\u4ee3\u6587\u7269\u300d\u8a08\u5206\u8a08\u7b97\u5668 (\u6dfa\u8272\u8a08\u6642\u5668 …<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8135","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.peachcp.com\/wro-hk\/wp-json\/wp\/v2\/pages\/8135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.peachcp.com\/wro-hk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.peachcp.com\/wro-hk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.peachcp.com\/wro-hk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.peachcp.com\/wro-hk\/wp-json\/wp\/v2\/comments?post=8135"}],"version-history":[{"count":10,"href":"https:\/\/www.peachcp.com\/wro-hk\/wp-json\/wp\/v2\/pages\/8135\/revisions"}],"predecessor-version":[{"id":8148,"href":"https:\/\/www.peachcp.com\/wro-hk\/wp-json\/wp\/v2\/pages\/8135\/revisions\/8148"}],"wp:attachment":[{"href":"https:\/\/www.peachcp.com\/wro-hk\/wp-json\/wp\/v2\/media?parent=8135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nWRO 2026 \u5152\u7ae5\u7d44\u300c\u53e4\u4ee3\u6587\u7269\u300d\u8a08\u5206\u8a08\u7b97\u5668 (\u6dfa\u8272\u8a08\u6642\u5668\u7248)<\/title>\n <style>\n \/* \u7a81\u7834 Elementor \/ WP \u4e3b\u984c\u5bb9\u5668\u9650\u5236\u7684 CSS \u8986\u84cb *\/\n .wro-calculator-wrapper {\n width: 100vw !important;\n position: relative;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n background-color: #f8fafc;\n color: #1e293b;\n padding-bottom: 40px;\n box-sizing: border-box;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n -webkit-tap-highlight-color: transparent;\n }\n\n .wro-calculator-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n \/* \u9802\u90e8\u56fa\u5b9a\u6b04 (\u6dfa\u8272\u7cfb\u9802\u6b04) *\/\n .wro-calculator-wrapper .sticky-header {\n position: sticky;\n top: 0;\n z-index: 99999;\n background: #ffffff;\n color: #0f172a;\n box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n padding: 10px 12px;\n width: 100%;\n left: 0;\n border-bottom: 1px solid #e2e8f0;\n }\n\n \/* \u6dfa\u8272\u8a08\u6642\u5668\u5bb9\u5668 *\/\n .wro-calculator-wrapper .timer-full-container {\n width: 100%;\n background: #f1f5f9;\n border-radius: 12px;\n padding: 10px 12px;\n border: 1px solid #cbd5e1;\n box-shadow: inset 0 1px 3px rgba(0,0,0,0.05);\n margin-bottom: 10px;\n }\n\n .wro-calculator-wrapper .timer-displays-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 8px;\n text-align: center;\n margin-bottom: 8px;\n }\n\n .wro-calculator-wrapper .timer-box {\n background: #ffffff;\n padding: 6px 4px;\n border-radius: 8px;\n border: 1px solid #cbd5e1;\n box-shadow: 0 1px 2px rgba(0,0,0,0.03);\n }\n\n .wro-calculator-wrapper .timer-box .label {\n font-size: 0.75rem;\n color: #64748b;\n font-weight: 600;\n margin-bottom: 2px;\n }\n\n .wro-calculator-wrapper .timer-box .time-val {\n font-family: 'Courier New', Courier, monospace;\n font-size: 1.8rem;\n font-weight: 900;\n line-height: 1;\n }\n\n .wro-calculator-wrapper .remaining-val {\n color: #0284c7; \/* \u660e\u4eae\u5929\u85cd\u8272 *\/\n }\n\n .wro-calculator-wrapper .elapsed-val {\n color: #d97706; \/* \u6696\u7425\u73c0\u8272 *\/\n }\n\n .wro-calculator-wrapper .timer-controls-row {\n display: flex;\n gap: 8px;\n }\n\n .wro-calculator-wrapper .timer-btn {\n flex: 1;\n background: #e2e8f0;\n color: #334155;\n border: 1px solid #cbd5e1;\n padding: 10px 0;\n border-radius: 8px;\n font-size: 1rem;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.1s;\n text-align: center;\n }\n\n .wro-calculator-wrapper .timer-btn:active {\n transform: scale(0.98);\n opacity: 0.85;\n }\n\n .wro-calculator-wrapper .timer-btn.start {\n background: #22c55e;\n color: #ffffff;\n border-color: #16a34a;\n }\n\n .wro-calculator-wrapper .timer-btn.stop {\n background: #ef4444;\n color: #ffffff;\n border-color: #dc2626;\n }\n\n \/* \u5206\u6578\u5927\u6578\u503c (\u6dfa\u8272\u914d\u5408) *\/\n .wro-calculator-wrapper .score-bar {\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);\n padding: 10px 16px;\n border-radius: 10px;\n box-shadow: 0 2px 6px rgba(37, 99, 235, 0.2);\n }\n\n .wro-calculator-wrapper .score-label {\n font-size: 1rem;\n font-weight: 600;\n color: #ffffff;\n }\n\n .wro-calculator-wrapper .score-num {\n font-size: 2.2rem;\n font-weight: 800;\n color: #fef08a;\n line-height: 1;\n }\n\n \/* \u4e3b\u5167\u5bb9\u5340\u57df *\/\n .wro-calculator-wrapper .container {\n padding: 16px;\n width: 100%;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .wro-calculator-wrapper .section-card {\n background: #ffffff;\n border-radius: 14px;\n padding: 16px;\n margin-bottom: 16px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n border: 1px solid #e2e8f0;\n }\n\n .wro-calculator-wrapper .section-card h2 {\n font-size: 1.1rem;\n color: #1e3a8a;\n margin-bottom: 12px;\n display: flex;\n align-items: center;\n }\n\n .wro-calculator-wrapper .section-card h2 span {\n background: #3b82f6;\n color: white;\n border-radius: 50%;\n width: 24px;\n height: 24px;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n font-size: 0.85rem;\n margin-right: 8px;\n flex-shrink: 0;\n }\n\n .wro-calculator-wrapper .hint {\n font-size: 0.8rem;\n color: #64748b;\n margin-top: 6px;\n line-height: 1.3;\n }\n\n \/* \u624b\u6a5f\u5927\u6309\u9215\u7d44 *\/\n .wro-calculator-wrapper .btn-group {\n display: flex;\n gap: 8px;\n margin-top: 8px;\n }\n\n .wro-calculator-wrapper .btn-option {\n flex: 1;\n padding: 14px 8px;\n background: #f1f5f9;\n border: 2px solid #e2e8f0;\n border-radius: 10px;\n font-size: 1rem;\n font-weight: 700;\n color: #475569;\n text-align: center;\n cursor: pointer;\n transition: all 0.15s ease;\n user-select: none;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n }\n\n .wro-calculator-wrapper .btn-option .sub-text {\n font-size: 0.75rem;\n font-weight: normal;\n opacity: 0.8;\n margin-top: 2px;\n }\n\n .wro-calculator-wrapper .btn-option.selected {\n background: #dbeafe;\n border-color: #3b82f6;\n color: #1e40af;\n }\n\n \/* \u5207\u63db\u958b\u95dc \/ \u5927\u6309\u9215 *\/\n .wro-calculator-wrapper .toggle-btn {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding: 14px 16px;\n background: #f1f5f9;\n border: 2px solid #e2e8f0;\n border-radius: 10px;\n cursor: pointer;\n transition: all 0.15s ease;\n user-select: none;\n text-align: left;\n }\n\n .wro-calculator-wrapper .toggle-btn.selected {\n background: #dbeafe;\n border-color: #3b82f6;\n }\n\n .wro-calculator-wrapper .toggle-btn .toggle-label {\n font-size: 0.95rem;\n font-weight: 600;\n color: #334155;\n padding-right: 10px;\n }\n\n .wro-calculator-wrapper .toggle-btn.selected .toggle-label {\n color: #1e40af;\n }\n\n .wro-calculator-wrapper .toggle-btn .toggle-badge {\n background: #cbd5e1;\n color: #475569;\n padding: 6px 12px;\n border-radius: 6px;\n font-weight: 700;\n font-size: 0.85rem;\n flex-shrink: 0;\n }\n\n .wro-calculator-wrapper .toggle-btn.selected .toggle-badge {\n background: #2563eb;\n color: white;\n }\n\n \/* \u6578\u5b57\u8a08\u6578\u5668\u5927\u6309\u9215 *\/\n .wro-calculator-wrapper .counter-control {\n display: flex;\n align-items: center;\n justify-content: space-between;\n background: #f1f5f9;\n border-radius: 10px;\n padding: 6px;\n border: 2px solid #e2e8f0;\n margin-top: 8px;\n }\n\n .wro-calculator-wrapper .counter-btn {\n width: 48px;\n height: 48px;\n background: white;\n border: 1px solid #cbd5e1;\n border-radius: 8px;\n font-size: 1.5rem;\n font-weight: bold;\n color: #1e293b;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n box-shadow: 0 1px 3px rgba(0,0,0,0.05);\n }\n\n .wro-calculator-wrapper .counter-btn:active {\n background: #e2e8f0;\n }\n\n .wro-calculator-wrapper .counter-value {\n font-size: 1.4rem;\n font-weight: 700;\n color: #0f172a;\n min-width: 40px;\n text-align: center;\n }\n\n .wro-calculator-wrapper .reset-btn {\n display: block;\n width: 100%;\n padding: 16px;\n background-color: #ef4444;\n color: white;\n border: none;\n border-radius: 12px;\n font-size: 1.1rem;\n font-weight: bold;\n cursor: pointer;\n box-shadow: 0 4px 12px rgba(239, 68, 68, 0.25);\n margin-top: 24px;\n }\n\n .wro-calculator-wrapper .reset-btn:active {\n opacity: 0.85;\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"wro-calculator-wrapper\">\n \n<div class=\"sticky-header\">\n \n<div class=\"timer-full-container\">\n<div class=\"timer-displays-grid\">\n<div class=\"timer-box\">\n<div class=\"label\">\u23f1\ufe0f \u5269\u9918\u6642\u9593<\/div>\n<div class=\"time-val remaining-val\" id=\"remainingDisplay\">02:00<\/div>\n <\/div>\n<div class=\"timer-box\">\n<div class=\"label\">\u23f3 \u5df2\u7528\u6642\u9593<\/div>\n<div class=\"time-val elapsed-val\" id=\"elapsedDisplay\">00:00<\/div>\n <\/div>\n <\/div>\n<div class=\"timer-controls-row\">\n <button class=\"timer-btn start\" id=\"timerBtn\" onclick=\"wroToggleTimer()\">\u958b\u59cb<\/button>\n <button class=\"timer-btn\" onclick=\"wroResetTimer()\">\u91cd\u7f6e\u8a08\u6642<\/button>\n <\/div>\n <\/div>\n\n \n<div class=\"score-bar\">\n<div class=\"score-label\">\u7576\u524d\u7e3d\u5f97\u5206<\/div>\n<div class=\"score-num\" id=\"totalScore\">0<\/div>\n <\/div>\n <\/div>\n\n<div class=\"container\">\n\n \n<div class=\"section-card\">\n<h2><span>1<\/span> \u5c07\u77f3\u67f1\u904b\u5f80\u842c\u795e\u6bbf<\/h2>\n<div class=\"toggle-btn\" id=\"btn-pantheon\" onclick=\"wroToggleCheckbox('pantheon')\">\n <span class=\"toggle-label\">\u77f3\u67f1\u5b8c\u5168\u4f4d\u65bc\u5b89\u5168\u842c\u795e\u6bbf\u5340\u57df\uff0c\u89f8\u78b0\u588a\u5b50\u4e14\u76f4\u7acb<\/span>\n <span class=\"toggle-badge\">+10\u5206<\/span>\n <\/div>\n <\/div>\n\n \n<div class=\"section-card\">\n<h2><span>2<\/span> \u8b93\u8212\u4ec0\u5854\u7684\u6c34\u6d41\u52d5<\/h2>\n <label style=\"font-size: 0.9rem; font-weight: 600; color: #475569;\">\u9598\u9580\u79fb\u51fa\u6c34\u6d41\u6578\u91cf\uff1a<\/label>\n<div class=\"btn-group\" id=\"group-shushtarGates\">\n<div class=\"btn-option selected\" onclick=\"wroSelectOption('shushtarGates', 0, this)\">0\u500b<span class=\"sub-text\">0\u5206<\/span><\/div>\n<div class=\"btn-option\" onclick=\"wroSelectOption('shushtarGates', 1, this)\">1\u500b<span class=\"sub-text\">+15\u5206<\/span><\/div>\n<div class=\"btn-option\" onclick=\"wroSelectOption('shushtarGates', 2, this)\">2\u500b<span class=\"sub-text\">+30\u5206<\/span><\/div>\n <\/div>\n <\/div>\n\n \n<div class=\"section-card\">\n<h2><span>3<\/span> \u8d0f\u5f97\u5947\u7434\u4f0a\u5bdf\u7684\u7403\u8cfd<\/h2>\n <label style=\"font-size: 0.9rem; font-weight: 600; color: #475569;\">\u7403\u88ab\u63a8\u96e2\u5e95\u5ea7\u6578\u91cf\uff1a<\/label>\n<div class=\"btn-group\" id=\"group-chichenBalls\">\n<div class=\"btn-option selected\" onclick=\"wroSelectOption('chichenBalls', 0, this)\">0\u500b<span class=\"sub-text\">0\u5206<\/span><\/div>\n<div class=\"btn-option\" onclick=\"wroSelectOption('chichenBalls', 1, this)\">1\u500b<span class=\"sub-text\">+15\u5206<\/span><\/div>\n<div class=\"btn-option\" onclick=\"wroSelectOption('chichenBalls', 2, this)\">2\u500b<span class=\"sub-text\">+30\u5206<\/span><\/div>\n <\/div>\n \n<div style=\"margin-top: 12px;\">\n<div class=\"toggle-btn\" id=\"btn-trophy\" onclick=\"wroToggleCheckbox('trophy')\">\n <span class=\"toggle-label\">\u734e\u76c3\u5b8c\u5168\u4f4d\u65bc\u5b89\u5168\u5947\u7434\u4f0a\u5bdf\u5340\u57df\uff0c\u89f8\u78b0\u588a\u5b50\u4e14\u76f4\u7acb<\/span>\n <span class=\"toggle-badge\">+10\u5206<\/span>\n <\/div>\n<div class=\"hint\">\u203b \u6ce8\u610f\uff1a\u5fc5\u9808\u5148\u63a8\u96e2 2 \u500b\u7403\uff0c\u6b64\u734e\u76c3\u5f97\u5206\u624d\u6709\u6548\u3002<\/div>\n <\/div>\n <\/div>\n\n \n<div class=\"section-card\">\n<h2><span>4<\/span> \u5c07\u5433\u54e5\u7a9f\u7684\u8239\u5c4b\u5e36\u5230\u6b63\u78ba\u4f4d\u7f6e<\/h2>\n <label style=\"font-size: 0.9rem; font-weight: 600; color: #475569;\">\u8239\u5c4b\u4f4d\u7f6e\u72c0\u614b\uff1a<\/label>\n<div class=\"btn-group\" id=\"group-angkorBoat\" style=\"flex-direction: column;\">\n<div class=\"btn-option selected\" style=\"padding: 12px;\" onclick=\"wroSelectOption('angkorBoat', 0, this)\">\u672a\u5230\u9054\u6307\u5b9a\u5340\u57df (0\u5206)<\/div>\n<div class=\"btn-option\" style=\"padding: 12px;\" onclick=\"wroSelectOption('angkorBoat', 10, this)\">\u89f8\u78b0\u5230\u6e56\u7684\u6b63\u78ba\u5340\u57df (+10\u5206)<\/div>\n<div class=\"btn-option\" style=\"padding: 12px;\" onclick=\"wroSelectOption('angkorBoat', 15, this)\">\u5b8c\u5168\u4f4d\u65bc\u6b63\u78ba\u6e56\u5340\u5167\u4e14\u89f8\u78b0\u588a\u5b50 (+15\u5206)<\/div>\n <\/div>\n <\/div>\n\n \n<div class=\"section-card\">\n<h2><span>5<\/span> \u5c07\u5bf6\u85cf\u5e36\u5230\u535a\u7269\u9928<\/h2>\n <label style=\"font-size: 0.9rem; font-weight: 600; color: #475569;\">\u5bf6\u85cf\u5b8c\u5168\u4f4d\u65bc\u535a\u7269\u9928\u5340\u57df\u6578\u91cf\uff1a<\/label>\n<div class=\"btn-group\" id=\"group-museumTreasures\">\n<div class=\"btn-option selected\" onclick=\"wroSelectOption('museumTreasures', 0, this)\">0<span class=\"sub-text\">0\u5206<\/span><\/div>\n<div class=\"btn-option\" onclick=\"wroSelectOption('museumTreasures', 1, this)\">1<span class=\"sub-text\">+10\u5206<\/span><\/div>\n<div class=\"btn-option\" onclick=\"wroSelectOption('museumTreasures', 2, this)\">2<span class=\"sub-text\">+20\u5206<\/span><\/div>\n<div class=\"btn-option\" onclick=\"wroSelectOption('museumTreasures', 3, this)\">3<span class=\"sub-text\">+30\u5206<\/span><\/div>\n<div class=\"btn-option\" onclick=\"wroSelectOption('museumTreasures', 4, this)\">4<span class=\"sub-text\">+40\u5206<\/span><\/div>\n <\/div>\n\n<div style=\"margin-top: 12px;\">\n<div class=\"toggle-btn\" id=\"btn-allTreasures\" onclick=\"wroToggleCheckbox('allTreasures')\">\n <span class=\"toggle-label\">\u6240\u6709 4 \u500b\u5bf6\u85cf\u90fd\u89f8\u78b0\u5230\u4e2d\u9593\u535a\u7269\u9928\u5340\u57df<\/span>\n <span class=\"toggle-badge\">+10\u5206<\/span>\n <\/div>\n<div class=\"hint\">\u203b \u52a0\u5206\u9805\u76ee\uff1a\u9700\u7372\u5f97\u81f3\u5c11\u4e00\u500b\u5176\u4ed6\u4efb\u52d9\u5206\u6578\u3002<\/div>\n <\/div>\n <\/div>\n\n \n<div class=\"section-card\">\n<h2><span>6<\/span> \u505c\u653e\u6a5f\u5668\u4eba<\/h2>\n<div class=\"toggle-btn\" id=\"btn-parkRobot\" onclick=\"wroToggleCheckbox('parkRobot')\">\n <span class=\"toggle-label\">\u6a5f\u5668\u4eba\u5b8c\u5168\u99db\u5165\u4e2d\u9593\u7684\u535a\u7269\u9928\u5340\u57df<\/span>\n <span class=\"toggle-badge\">+10\u5206<\/span>\n <\/div>\n<div class=\"hint\">\u203b \u9700\u7372\u5f97\u81f3\u5c11\u4e00\u500b\u5176\u4ed6\u4efb\u52d9\u5206\u6578\u3002<\/div>\n <\/div>\n\n \n<div class=\"section-card\">\n<h2><span>7<\/span> \u984d\u5916\u52a0\u5206\u8207\u6263\u5206<\/h2>\n <label style=\"font-size: 0.9rem; font-weight: 600; color: #475569;\">\u8212\u4ec0\u5854\u672a\u88ab\u79fb\u52d5\u7684\u78e8\u574a\u6578\u91cf\uff1a<\/label>\n<div class=\"btn-group\" id=\"group-shushtarMills\">\n<div class=\"btn-option selected\" onclick=\"wroSelectOption('shushtarMills', 0, this)\">0\u500b<span class=\"sub-text\">0\u5206<\/span><\/div>\n<div class=\"btn-option\" onclick=\"wroSelectOption('shushtarMills', 1, this)\">1\u500b<span class=\"sub-text\">+10\u5206<\/span><\/div>\n<div class=\"btn-option\" onclick=\"wroSelectOption('shushtarMills', 2, this)\">2\u500b<span class=\"sub-text\">+20\u5206<\/span><\/div>\n <\/div>\n\n <label style=\"font-size: 0.9rem; font-weight: 600; color: #475569; display: block; margin-top: 14px;\">\u5947\u7434\u4f0a\u5bdf\u7684\u74b0\/\u7403\u9580\u79fb\u4f4d\u6578\u91cf\uff1a<\/label>\n<div class=\"btn-group\" id=\"group-chichenRings\">\n<div class=\"btn-option selected\" onclick=\"wroSelectOption('chichenRings', 0, this)\">0\u500b<span class=\"sub-text\">0\u5206<\/span><\/div>\n<div class=\"btn-option\" onclick=\"wroSelectOption('chichenRings', 1, this)\">1\u500b<span class=\"sub-text\">-15\u5206<\/span><\/div>\n<div class=\"btn-option\" onclick=\"wroSelectOption('chichenRings', 2, this)\">2\u500b<span class=\"sub-text\">-30\u5206<\/span><\/div>\n <\/div>\n\n <label style=\"font-size: 0.9rem; font-weight: 600; color: #475569; display: block; margin-top: 14px;\">\u975e\u6cd5\u89f8\u78b0\u6a5f\u5668\u4eba\/\u7269\u4ef6\u6b21\u6578\uff1a<\/label>\n<div class=\"counter-control\">\n <button class=\"counter-btn\" onclick=\"wroChangeTouchPenalty(-1)\">-<\/button>\n<div class=\"counter-value\" id=\"touchPenaltyValue\">0<\/div>\n <button class=\"counter-btn\" onclick=\"wroChangeTouchPenalty(1)\">+<\/button>\n <\/div>\n <\/div>\n\n <button class=\"reset-btn\" onclick=\"wroResetAll()\">\u91cd\u7f6e\u6240\u6709\u8a08\u5206\u8207\u8a2d\u5b9a<\/button>\n <\/div>\n<\/div>\n\n<script>\n (function() {\n let state = {\n pantheon: false,\n shushtarGates: 0,\n chichenBalls: 0,\n trophy: false,\n angkorBoat: 0,\n museumTreasures: 0,\n allTreasures: false,\n parkRobot: false,\n shushtarMills: 0,\n chichenRings: 0,\n touchPenalty: 0\n };\n\n const TOTAL_SECONDS = 120;\n let timerSeconds = TOTAL_SECONDS;\n let timerInterval = null;\n let isTimerRunning = false;\n\n function formatTime(totalSecs) {\n let mins = Math.floor(totalSecs \/ 60);\n let secs = totalSecs % 60;\n return (mins < 10 ? '0' : '') + mins + ':' + (secs < 10 ? '0' : '') + secs;\n }\n\n function updateTimerDisplay() {\n let elapsedSeconds = TOTAL_SECONDS - timerSeconds;\n document.getElementById('remainingDisplay').innerText = formatTime(timerSeconds);\n document.getElementById('elapsedDisplay').innerText = formatTime(elapsedSeconds);\n }\n\n window.wroToggleTimer = function() {\n let btn = document.getElementById('timerBtn');\n if (isTimerRunning) {\n clearInterval(timerInterval);\n isTimerRunning = false;\n btn.innerText = '\u7e7c\u7e8c';\n btn.className = 'timer-btn start';\n } else {\n if (timerSeconds <= 0) timerSeconds = TOTAL_SECONDS;\n isTimerRunning = true;\n btn.innerText = '\u66ab\u505c';\n btn.className = 'timer-btn stop';\n \n timerInterval = setInterval(() => {\n if (timerSeconds > 0) {\n timerSeconds--;\n updateTimerDisplay();\n } else {\n clearInterval(timerInterval);\n isTimerRunning = false;\n btn.innerText = '\u958b\u59cb';\n btn.className = 'timer-btn start';\n alert('\u6bd4\u8cfd\u6642\u9593\u5230\uff01');\n }\n }, 1000);\n }\n };\n\n window.wroResetTimer = function() {\n clearInterval(timerInterval);\n isTimerRunning = false;\n timerSeconds = TOTAL_SECONDS;\n updateTimerDisplay();\n let btn = document.getElementById('timerBtn');\n btn.innerText = '\u958b\u59cb';\n btn.className = 'timer-btn start';\n };\n\n window.wroToggleCheckbox = function(key) {\n state[key] = !state[key];\n let el = document.getElementById('btn-' + key);\n if (state[key]) {\n el.classList.add('selected');\n } else {\n el.classList.remove('selected');\n }\n calculateScore();\n };\n\n window.wroSelectOption = function(groupKey, val, element) {\n state[groupKey] = val;\n let parent = element.parentElement;\n let options = parent.querySelectorAll('.btn-option');\n options.forEach(opt => opt.classList.remove('selected'));\n element.classList.add('selected');\n calculateScore();\n };\n\n window.wroChangeTouchPenalty = function(delta) {\n state.touchPenalty = Math.max(0, state.touchPenalty + delta);\n document.getElementById('touchPenaltyValue').innerText = state.touchPenalty;\n calculateScore();\n };\n\n function calculateScore() {\n let pantheonScore = state.pantheon ? 10 : 0;\n let gatesScore = state.shushtarGates * 15;\n let ballsScore = state.chichenBalls * 15;\n let trophyScore = (state.chichenBalls === 2 && state.trophy) ? 10 : 0;\n let boatScore = state.angkorBoat;\n let treasuresScore = state.museumTreasures * 10;\n\n let baseTaskScore = pantheonScore + gatesScore + ballsScore + trophyScore + boatScore + treasuresScore;\n let hasBaseScore = baseTaskScore > 0;\n\n let parkScore = (hasBaseScore && state.parkRobot) ? 10 : 0;\n let allTreasuresScore = (hasBaseScore && state.allTreasures) ? 10 : 0;\n let millsScore = hasBaseScore ? (state.shushtarMills * 10) : 0;\n\n let ringsPenalty = state.chichenRings * 15;\n let touchPenalty = state.touchPenalty * 1;\n\n let gross = baseTaskScore + parkScore + allTreasuresScore + millsScore;\n let penalty = ringsPenalty + touchPenalty;\n\n let finalScore = Math.max(0, gross - penalty);\n document.getElementById('totalScore').innerText = finalScore;\n }\n\n window.wroResetAll = function() {\n state = {\n pantheon: false,\n shushtarGates: 0,\n chichenBalls: 0,\n trophy: false,\n angkorBoat: 0,\n museumTreasures: 0,\n allTreasures: false,\n parkRobot: false,\n shushtarMills: 0,\n chichenRings: 0,\n touchPenalty: 0\n };\n\n document.querySelectorAll('.wro-calculator-wrapper .toggle-btn').forEach(btn => btn.classList.remove('selected'));\n document.querySelectorAll('.wro-calculator-wrapper .btn-group').forEach(group => {\n let opts = group.querySelectorAll('.btn-option');\n opts.forEach(opt => opt.classList.remove('selected'));\n if(opts.length > 0) opts[0].classList.add('selected');\n });\n\n document.getElementById('touchPenaltyValue').innerText = '0';\n wroResetTimer();\n calculateScore();\n };\n })();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WRO 2026 \u5152\u7ae5\u7d44\u300c\u53e4\u4ee3\u6587\u7269\u300d\u8a08\u5206\u8a08\u7b97\u5668 (\u6dfa\u8272\u8a08\u6642\u5668 …<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8135","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.peachcp.com\/wro-hk\/wp-json\/wp\/v2\/pages\/8135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.peachcp.com\/wro-hk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.peachcp.com\/wro-hk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.peachcp.com\/wro-hk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.peachcp.com\/wro-hk\/wp-json\/wp\/v2\/comments?post=8135"}],"version-history":[{"count":10,"href":"https:\/\/www.peachcp.com\/wro-hk\/wp-json\/wp\/v2\/pages\/8135\/revisions"}],"predecessor-version":[{"id":8148,"href":"https:\/\/www.peachcp.com\/wro-hk\/wp-json\/wp\/v2\/pages\/8135\/revisions\/8148"}],"wp:attachment":[{"href":"https:\/\/www.peachcp.com\/wro-hk\/wp-json\/wp\/v2\/media?parent=8135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}