Museum Test Prep App | Bao Zheng \u2022 SAT \u2022 PSAT \u2022 ACT<\/title>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: #2a2a1e;\n font-family: 'Georgia', 'Times New Roman', Times, serif;\n color: #2c2b28;\n line-height: 1.5;\n padding: 20px;\n }\n\n .museum-container {\n max-width: 1400px;\n margin: 0 auto;\n background: #fef8ea;\n border-radius: 28px;\n box-shadow: 0 20px 35px rgba(0,0,0,0.3), 0 0 0 1px #b89870 inset;\n overflow: hidden;\n }\n\n .hero {\n background: linear-gradient(135deg, #2a4a3a 0%, #1a2e2a 100%);\n padding: 1.8rem 2.5rem;\n border-bottom: 6px solid #c9a87b;\n color: #f5e7cf;\n display: flex;\n align-items: center;\n gap: 20px;\n flex-wrap: wrap;\n }\n .hero-text {\n flex: 2;\n }\n .hero h1 {\n font-size: 2rem;\n letter-spacing: 1px;\n font-weight: 600;\n }\n .hero h1 i {\n color: #c9a87b;\n margin-right: 10px;\n }\n .hero h1 .app-badge {\n font-size: 0.8rem;\n background: #c9a87b33;\n padding: 0.2rem 0.8rem;\n border-radius: 40px;\n margin-left: 12px;\n vertical-align: middle;\n }\n .hero p {\n font-size: 1rem;\n font-style: italic;\n margin-top: 0.5rem;\n opacity: 0.85;\n }\n .hero-portrait {\n flex: 0 0 100px;\n text-align: center;\n background: #c9a87b30;\n padding: 8px;\n border-radius: 50%;\n border: 2px solid #c9a87b;\n }\n .hero-portrait i {\n font-size: 3.5rem;\n color: #ecd9b4;\n }\n .hero-portrait p {\n font-size: 0.65rem;\n margin-top: 5px;\n }\n\n .flex-main {\n display: flex;\n flex-wrap: wrap;\n }\n .article-panel {\n flex: 1.6;\n min-width: 280px;\n padding: 2rem 2rem 2rem 2.2rem;\n background: #fffaf2;\n border-right: 1px solid #ecd9b4;\n }\n .game-sat-panel {\n flex: 1.2;\n min-width: 350px;\n background: #f9efdf;\n padding: 2rem 1.8rem;\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n }\n\n .article-panel h2 {\n font-size: 1.8rem;\n border-left: 7px solid #c9a87b;\n padding-left: 1rem;\n margin: 0.75rem 0 1rem 0;\n color: #2a4a3a;\n }\n .article-panel h2 i {\n color: #c9a87b;\n margin-right: 10px;\n }\n .article-panel h3 {\n font-size: 1.3rem;\n margin: 1.4rem 0 0.5rem 0;\n color: #8b5a2b;\n font-weight: 600;\n }\n .article-panel p {\n margin-bottom: 0.9rem;\n text-align: justify;\n }\n .inset-quote {\n background: #e9e0cf;\n padding: 0.8rem 1.3rem;\n border-left: 4px solid #c9a87b;\n margin: 1.2rem 0;\n border-radius: 12px;\n font-weight: 500;\n }\n .reference-list {\n font-size: 0.8rem;\n margin-top: 1.5rem;\n border-top: 1px dashed #cfbc93;\n padding-top: 1rem;\n color: #5e4b2b;\n }\n .timeline-item {\n margin: 12px 0;\n padding-left: 20px;\n border-left: 3px solid #c9a87b;\n }\n .timeline-year {\n font-weight: bold;\n color: #8b5a2b;\n }\n\n \/* Mode Selection & Quiz Styles *\/\n .mode-selector {\n background: white;\n border-radius: 28px;\n padding: 1.2rem;\n text-align: center;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n }\n .mode-buttons {\n display: flex;\n gap: 12px;\n justify-content: center;\n margin-top: 12px;\n flex-wrap: wrap;\n }\n .mode-btn {\n flex: 1;\n min-width: 90px;\n padding: 12px;\n border: none;\n border-radius: 60px;\n font-weight: bold;\n font-size: 1rem;\n cursor: pointer;\n transition: 0.2s;\n font-family: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n }\n .mode-btn.sat {\n background: #1e3a2f;\n color: white;\n }\n .mode-btn.psat {\n background: #2c5f6e;\n color: white;\n }\n .mode-btn.act {\n background: #8b5a2b;\n color: white;\n }\n .mode-btn:hover {\n transform: translateY(-2px);\n filter: brightness(1.05);\n }\n .mode-btn.active {\n box-shadow: 0 0 0 3px #ffd966;\n }\n .quiz-header {\n background: linear-gradient(145deg, #2a4a3a, #1a2e2a);\n color: white;\n padding: 1rem;\n border-radius: 28px;\n text-align: center;\n }\n .score-area {\n font-size: 1.6rem;\n font-weight: bold;\n background: #00000055;\n display: inline-block;\n padding: 0.2rem 1.2rem;\n border-radius: 40px;\n margin-top: 8px;\n }\n .question-card {\n background: white;\n border-radius: 28px;\n padding: 1.5rem;\n box-shadow: 0 8px 18px rgba(0,0,0,0.1);\n }\n .question-text {\n font-size: 1.1rem;\n font-weight: 700;\n margin-bottom: 1.2rem;\n background: #fdf4e0;\n padding: 12px;\n border-radius: 20px;\n border-left: 5px solid #c9a87b;\n }\n .options-list {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 1.5rem;\n }\n .opt-btn {\n background: #efe2cf;\n border: 2px solid #cfb37a;\n padding: 10px 14px;\n border-radius: 60px;\n font-family: 'Segoe UI', 'Georgia', serif;\n font-size: 0.9rem;\n text-align: left;\n cursor: pointer;\n transition: 0.2s;\n }\n .opt-btn i {\n margin-right: 10px;\n }\n .opt-btn:hover:not(:disabled) {\n background: #e2cfb0;\n }\n .opt-btn.correct-highlight {\n background: #a5d6a5;\n border-color: #2e7d32;\n }\n .opt-btn.wrong-highlight {\n background: #ef9a9a;\n border-color: #c62828;\n }\n .opt-btn:disabled {\n cursor: default;\n opacity: 0.8;\n }\n .feedback {\n margin-top: 15px;\n padding: 12px;\n border-radius: 20px;\n background: #f3efdf;\n font-size: 0.9rem;\n border-left: 5px solid #c9a87b;\n }\n .next-btn, .restart-btn {\n background: #846c3e;\n border: none;\n color: white;\n font-weight: bold;\n padding: 10px;\n border-radius: 40px;\n font-size: 1rem;\n cursor: pointer;\n margin-top: 10px;\n width: 100%;\n }\n .next-btn:hover, .restart-btn:hover {\n background: #5f4a2a;\n }\n .game-status {\n font-size: 0.75rem;\n text-align: center;\n background: #e2d5bd;\n padding: 6px;\n border-radius: 50px;\n margin-top: 8px;\n }\n footer {\n text-align: center;\n padding: 1rem;\n background: #dfd2b6;\n font-size: 0.7rem;\n color: #4a3a22;\n }\n .disclaimer {\n font-size: 0.65rem;\n text-align: center;\n margin-top: 8px;\n color: #6b5a3e;\n }\n @media (max-width: 780px) {\n .hero h1 { font-size: 1.3rem; }\n .hero-portrait { flex-basis: 70px; }\n .hero-portrait i { font-size: 2.2rem; }\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"museum-container\">\n <div class=\"hero\">\n <div class=\"hero-text\">\n <h1><i class=\"fas fa-balance-scale\"><\/i> Bao Zheng <span class=\"app-badge\"><i class=\"fas fa-mobile-alt\"><\/i> Museum Test Prep App<\/span><\/h1>\n <p><i class=\"fas fa-gavel\"><\/i> Northern Song dynasty judge \u2014 \u201cBao Qingtian\u201d (Blue Sky Bao), symbol of incorruptibility and impartial justice<\/p>\n <\/div>\n <div class=\"hero-portrait\">\n <i class=\"fas fa-crown\"><\/i>\n <p><i class=\"fas fa-shield-alt\"><\/i> Righteousness Hall<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex-main\">\n <div class=\"article-panel\">\n <h2><i class=\"fas fa-scroll\"><\/i> Bao Zheng \u2014 China (999\u20131062)<\/h2>\n <p>Bao Zheng was a distinguished judge, government official, and statesman of the Northern Song dynasty. Renowned for his incorruptibility and commitment to justice, he became one of the most enduring symbols of righteous governance in Chinese history. Serving in various administrative and judicial positions, Bao Zheng gained a reputation for impartial judgment and fearless integrity. He was known for applying the law equally to all individuals, regardless of social status or political influence. Bao Zheng earned the nickname \u201cBao Qingtian\u201d (\u5305\u9752\u5929), meaning \u201cBlue Sky Bao,\u201d symbolizing his impartiality and moral uprightness. Over time, his reputation grew beyond historical records, and he became a legendary figure in Chinese culture, widely known as \u201cBao Gong\u201d (Lord Bao)\u2014a model of moral courage and judicial fairness.<\/p>\n \n <div class=\"inset-quote\">\n <i class=\"fas fa-quote-left\"><\/i> \u201cBao Zheng believed that the law must apply equally to everyone, regardless of rank. His strict sense of justice made him both respected and feared within the bureaucracy.\u201d\n <\/div>\n\n <h3><i class=\"fas fa-microscope\"><\/i> Historical Context & Leadership<\/h3>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-calendar-alt\"><\/i> Northern Song Dynasty<\/span>\n <p>Bao Zheng served during a period of administrative reform, economic development, and a strong civil service system based on Confucian examination merit.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-gavel\"><\/i> Judicial Integrity<\/span>\n <p>He became famous for applying the law equally, protecting ordinary citizens, and resisting pressure from powerful elites.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-star-of-life\"><\/i> \u201cBao Qingtian\u201d (Blue Sky Bao)<\/span>\n <p>His nickname symbolized impartiality, moral uprightness, and the clarity of justice \u2014 as vast and fair as the blue sky.<\/p>\n <\/div>\n\n <h3><i class=\"fas fa-church\"><\/i> Righteous Act: Justice Without Favor<\/h3>\n <p>Bao Zheng’s righteousness was built on uncompromising commitment to impartial justice. He investigated and punished corruption among powerful officials, even those connected to influential families. According to historical accounts and later traditions, Bao Zheng refused to accept bribes or political pressure, ensuring that legal judgments were based solely on evidence and fairness. His dedication to justice often placed him in conflict with powerful political figures, yet he continued to uphold legal fairness and administrative integrity, demonstrating that true righteousness requires moral courage in the face of authority and pressure.<\/p>\n\n <h3><i class=\"fas fa-comment-dots\"><\/i> Legacy: Symbol of Ethical Governance<\/h3>\n <p>Bao Zheng remains one of the most celebrated figures of justice and integrity in Chinese history. His reputation inspired centuries of literature, theater, and folklore, especially in traditional Chinese opera and storytelling, where he is portrayed as the ideal judge who protects the innocent and punishes wrongdoing. Today, Bao Zheng is remembered not only as a historical official but also as a lasting symbol of ethical governance, judicial fairness, and unwavering righteousness \u2014 a model of moral courage that transcends time.<\/p>\n\n <div class=\"reference-list\">\n <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> Huang (1981), McKnight (1992), Twitchett & Smith (2009), Zhang (2015).\n <\/div>\n <\/div>\n\n <div class=\"game-sat-panel\">\n <div class=\"mode-selector\">\n <i class=\"fas fa-graduation-cap\"><\/i> <strong>Choose Your Exam<\/strong>\n <div class=\"mode-buttons\">\n <button id=\"modeSAT\" class=\"mode-btn sat\"><i class=\"fab fa-sat\"><\/i> SAT<\/button>\n <button id=\"modePSAT\" class=\"mode-btn psat\"><i class=\"fas fa-pen-fancy\"><\/i> PSAT<\/button>\n <button id=\"modeACT\" class=\"mode-btn act\"><i class=\"fas fa-bolt\"><\/i> ACT<\/button>\n <\/div>\n <\/div>\n <div class=\"quiz-header\">\n <h3 id=\"modeTitle\"><i class=\"fas fa-brain\"><\/i> SAT \u2726 Judicial Righteousness Prep<\/h3>\n <div class=\"score-area\"><i class=\"fas fa-star\"><\/i> Score: <span id=\"scoreValue\">0<\/span> \/ 600<\/div>\n <\/div>\n <div class=\"question-card\" id=\"quizContainer\">\n <div id=\"dynamicQuestionArea\"><\/div>\n <div id=\"feedbackArea\" class=\"feedback\"><i class=\"fas fa-info-circle\"><\/i> Select an exam mode above to begin.<\/div>\n <button id=\"nextButton\" class=\"next-btn\" style=\"display: none;\"><i class=\"fas fa-arrow-right\"><\/i> Next Question<\/button>\n <button id=\"restartButton\" class=\"restart-btn\"><i class=\"fas fa-undo-alt\"><\/i> Restart Quiz<\/button>\n <div class=\"game-status\"><i class=\"fas fa-hourglass-half\"><\/i> 6 questions per exam \u2022 Bao Zheng: incorruptible judge, \u201cBlue Sky Bao,\u201d impartial justice<\/div>\n <\/div>\n <\/div>\n <\/div>\n <footer>\n <i class=\"fas fa-balance-scale\"><\/i> Museum Test Prep App | SAT \u2022 PSAT \u2022 ACT modes | Bao Zheng \u2014 Righteous Act: Justice Without Favor\n <div class=\"disclaimer\">\n <i class=\"fas fa-balance-scale\"><\/i> SAT, PSAT, and ACT are registered trademarks of their respective owners. This educational tool is not affiliated with or endorsed by College Board or ACT Inc. All questions are original and based on historical content.\n <\/div>\n <\/footer>\n<\/div>\n\n<script>\n \/\/ ========== BAO ZHENG QUESTION BANKS ==========\n \/\/ Themes: Northern Song dynasty, judicial impartiality, incorruptibility, \u201cBao Qingtian\u201d (Blue Sky Bao), Confucian examination system, resistance to bribery and political pressure\n \n const SAT_QUESTIONS = [\n { topic: \"Judicial Principle\", text: \"Bao Zheng's most famous judicial principle was:\", options: [\"Applying the law only to the poor\", \"Applying the law equally to all individuals, regardless of social status or political influence\", \"Punishing only those who confessed\", \"Selling judicial decisions\"], correct: 1, explanation: \"Bao Zheng believed the law must apply equally to everyone, from commoners to powerful officials \u2014 a radical idea in his time.\" },\n { topic: \"Nickname Meaning\", text: \"Bao Zheng earned the nickname 'Bao Qingtian' (Blue Sky Bao). This name symbolizes:\", options: [\"His love of astronomy\", \"His impartiality and moral uprightness \u2014 as clear and fair as the blue sky\", \"His political ambition\", \"His military achievements\"], correct: 1, explanation: \"The 'blue sky' represents clarity, fairness, and all\u2011seeing justice \u2014 qualities for which Bao Zheng was renowned.\" },\n { topic: \"Corruption Enforcement\", text: \"Bao Zheng was known for:\", options: [\"Ignoring corruption among elites\", \"Investigating and punishing corruption among powerful officials, even those connected to influential families\", \"Accepting bribes discreetly\", \"Favoring the wealthy in court\"], correct: 1, explanation: \"He fearlessly pursued corrupt officials regardless of their connections, which made him both respected and feared.\" },\n { topic: \"Bribery Resistance\", text: \"In historical accounts, Bao Zheng famously:\", options: [\"Accepted bribes from the rich\", \"Refused to accept bribes or political pressure, ensuring judgments were based on evidence and fairness\", \"Sold judgeships\", \"Avoided difficult cases\"], correct: 1, explanation: \"His incorruptibility was legendary \u2014 he would not be swayed by money or influence.\" },\n { topic: \"Confucian Ideal\", text: \"Bao Zheng's leadership embodied the Confucian ideal that officials must act with:\", options: [\"Wealth and privilege\", \"Integrity, impartiality, and loyalty to justice\", \"Military force\", \"Secrecy\"], correct: 1, explanation: \"Confucian governance emphasized moral virtue and impartiality, which Bao Zheng exemplified.\" },\n { topic: \"Cultural Legacy\", text: \"Over centuries, Bao Zheng's reputation inspired:\", options: [\"Military textbooks\", \"Centuries of literature, theater, and folklore \u2014 especially traditional Chinese opera portraying the ideal judge\", \"Scientific treatises\", \"Economic policies\"], correct: 1, explanation: \"Bao Gong (Lord Bao) became a central figure in Chinese opera and storytelling, representing the triumph of justice.\" }\n ];\n\n const PSAT_QUESTIONS = [\n { topic: \"Historical Period\", text: \"Bao Zheng served as a judge and official during which Chinese dynasty?\", options: [\"Tang\", \"Song\", \"Ming\", \"Qing\"], correct: 1, explanation: \"He served during the Northern Song dynasty (960\u20131127).\" },\n { topic: \"Alternate Name\", text: \"Bao Zheng is also widely known as:\", options: [\"Bao Gong (Lord Bao)\", \"Bao Long\", \"Bao Xi\", \"Bao Li\"], correct: 0, explanation: \"Bao Gong (Lord Bao) is his legendary title, symbolizing judicial fairness.\" },\n { topic: \"Meaning of Qingtian\", text: \"The term 'Qingtian' (\u9752\u5929) in Bao Zheng's nickname literally means:\", options: [\"Green earth\", \"Blue sky\", \"Black robe\", \"Golden gavel\"], correct: 1, explanation: \"Qingtian means 'blue sky' \u2014 a metaphor for clarity, openness, and impartial justice.\" },\n { topic: \"Judicial Equality\", text: \"Bao Zheng's approach to justice demanded that the law be applied:\", options: [\"Only to commoners\", \"Equally to everyone, regardless of rank\", \"Only to officials\", \"Only in capital cases\"], correct: 1, explanation: \"He insisted that the law should not favor the powerful.\" },\n { topic: \"Corruption Stance\", text: \"Bao Zheng is remembered for his:\", options: [\"Wealth accumulation\", \"Incorruptibility and refusal to accept bribes\", \"Nepotism\", \"Avoidance of difficult cases\"], correct: 1, explanation: \"His integrity was legendary; he would not be bribed.\" },\n { topic: \"Protector Role\", text: \"Ordinary citizens saw Bao Zheng as:\", options: [\"A threat\", \"A protector against corruption and injustice\", \"A tax collector\", \"A military commander\"], correct: 1, explanation: \"He defended the rights of common people against powerful abusers.\" }\n ];\n\n const ACT_QUESTIONS = [\n { topic: \"Birth Year\", text: \"Bao Zheng was born in which year?\", options: [\"960\", \"989\", \"999\", \"1010\"], correct: 2, explanation: \"He was born in 999 CE during the Northern Song dynasty.\" },\n { topic: \"Death Year\", text: \"Bao Zheng died in which year?\", options: [\"1050\", \"1062\", \"1075\", \"1088\"], correct: 1, explanation: \"He passed away in 1062 CE, leaving a legacy of judicial integrity.\" },\n { topic: \"Examination System\", text: \"Bao Zheng entered government service by passing:\", options: [\"Military exams\", \"The Confucian imperial examinations\", \"Noble appointment\", \"Royal decree\"], correct: 1, explanation: \"He succeeded through the merit\u2011based civil service examination system.\" },\n { topic: \"Regional Popularity\", text: \"Bao Zheng's reputation was especially strong among:\", options: [\"Nobles and elites\", \"Ordinary citizens and common people\", \"Foreign merchants\", \"Military officers\"], correct: 1, explanation: \"He was beloved by the common people for protecting them against powerful abusers.\" },\n { topic: \"Judicial Principle\", text: \"Bao Zheng insisted that legal judgments should be based on:\", options: [\"Social connections\", \"Evidence and fairness, not influence or bribery\", \"The wealth of the parties\", \"Confession only\"], correct: 1, explanation: \"He prioritized evidence and impartiality over personal connections.\" },\n { topic: \"Literary Depiction\", text: \"Bao Zheng is often portrayed in traditional Chinese opera as:\", options: [\"A corrupt official\", \"The ideal judge who protects the innocent and punishes wrongdoing\", \"A military hero\", \"A merchant\"], correct: 1, explanation: \"In countless plays, Lord Bao solves mysteries and delivers justice, often defying powerful villains.\" }\n ];\n\n let currentMode = \"SAT\";\n let currentQuestions = [...SAT_QUESTIONS];\n let currentIndex = 0;\n let playerScore = 0;\n let quizAnswered = false;\n let selectedOptIdx = null;\n let totalPerMode = 6;\n\n const dynamicArea = document.getElementById(\"dynamicQuestionArea\");\n const feedbackDiv = document.getElementById(\"feedbackArea\");\n const nextBtn = document.getElementById(\"nextButton\");\n const restartBtn = document.getElementById(\"restartButton\");\n const scoreSpan = document.getElementById(\"scoreValue\");\n const modeTitle = document.getElementById(\"modeTitle\");\n\n function updateScoreUI() {\n scoreSpan.innerText = playerScore;\n }\n\n function loadMode(mode) {\n currentMode = mode;\n if (mode === \"SAT\") currentQuestions = [...SAT_QUESTIONS];\n else if (mode === \"PSAT\") currentQuestions = [...PSAT_QUESTIONS];\n else currentQuestions = [...ACT_QUESTIONS];\n \n let icon = mode === \"SAT\" ? '<i class=\"fab fa-sat\"><\/i>' : (mode === \"PSAT\" ? '<i class=\"fas fa-pen-fancy\"><\/i>' : '<i class=\"fas fa-bolt\"><\/i>');\n modeTitle.innerHTML = `${icon} ${mode} \u2726 Judicial Righteousness Prep`;\n \n currentIndex = 0;\n playerScore = 0;\n quizAnswered = false;\n selectedOptIdx = null;\n updateScoreUI();\n nextBtn.style.display = \"none\";\n feedbackDiv.innerHTML = `<i class=\"fas fa-check-circle\"><\/i> ${mode} mode activated. Answer 6 questions about Bao Zheng, the Blue Sky Judge, and impartial justice.`;\n renderQuestion();\n \n document.querySelectorAll('.mode-btn').forEach(btn => btn.classList.remove('active'));\n if (mode === \"SAT\") document.getElementById(\"modeSAT\").classList.add('active');\n if (mode === \"PSAT\") document.getElementById(\"modePSAT\").classList.add('active');\n if (mode === \"ACT\") document.getElementById(\"modeACT\").classList.add('active');\n }\n\n function renderQuestion() {\n if (currentIndex >= totalPerMode) {\n dynamicArea.innerHTML = `\n <div style=\"text-align:center; padding:20px;\">\n <i class=\"fas fa-trophy\" style=\"font-size:3rem; color:#c9a87b;\"><\/i>\n <h3>${currentMode} Complete!<\/h3>\n <p>Your score: ${playerScore} \/ ${totalPerMode*100}<\/p>\n <p><i class=\"fas fa-medal\"><\/i> ${getFinalMessage()}<\/p>\n <i class=\"fas fa-sync-alt\"><\/i> Switch exam mode or press Restart.\n <\/div>\n `;\n nextBtn.style.display = \"none\";\n quizAnswered = true;\n return;\n }\n\n const q = currentQuestions[currentIndex];\n let optionsHtml = '';\n const letters = ['A', 'B', 'C', 'D'];\n q.options.forEach((opt, idx) => {\n let disabledAttr = quizAnswered ? 'disabled' : '';\n let extraClass = '';\n if (quizAnswered) {\n if (idx === q.correct) extraClass = 'correct-highlight';\n else if (idx === selectedOptIdx && idx !== q.correct) extraClass = 'wrong-highlight';\n }\n optionsHtml += `\n <button class=\"opt-btn ${extraClass}\" data-opt-index=\"${idx}\" ${disabledAttr}>\n <i class=\"fas ${idx === 0 ? 'fa-circle' : (idx === 1 ? 'fa-dot-circle' : (idx === 2 ? 'fa-record-vinyl' : 'fa-stop'))}\"><\/i>\n <strong>${letters[idx]}.<\/strong> ${escapeHtml(opt)}\n <\/button>\n `;\n });\n\n const progressHtml = `<div class=\"game-status\" style=\"margin-bottom:12px;\"><i class=\"fas fa-balance-scale\"><\/i> Question ${currentIndex+1} of ${totalPerMode} (${currentMode}) \u2022 <i class=\"fas fa-crown\"><\/i> ${q.topic}<\/div>`;\n const questionHtml = `\n ${progressHtml}\n <div class=\"question-text\"><i class=\"fas fa-gavel\"><\/i> ${escapeHtml(q.text)}<\/div>\n <div class=\"options-list\" id=\"optionsList\">${optionsHtml}<\/div>\n `;\n dynamicArea.innerHTML = questionHtml;\n\n if (!quizAnswered) {\n document.querySelectorAll('.opt-btn').forEach(btn => {\n btn.addEventListener('click', (e) => {\n if (quizAnswered) return;\n const chosenIdx = parseInt(btn.getAttribute('data-opt-index'));\n handleAnswer(chosenIdx);\n });\n });\n }\n }\n\n function handleAnswer(chosenIdx) {\n if (quizAnswered) return;\n const q = currentQuestions[currentIndex];\n const isCorrect = (chosenIdx === q.correct);\n selectedOptIdx = chosenIdx;\n if (isCorrect) {\n playerScore += 100;\n updateScoreUI();\n feedbackDiv.innerHTML = `<i class=\"fas fa-check-circle\" style=\"color:#2e7d32;\"><\/i> \u2705 ${q.explanation} <i class=\"fas fa-award\"><\/i> +100 points (${q.topic})`;\n } else {\n const correctLetter = String.fromCharCode(65 + q.correct);\n const correctText = q.options[q.correct];\n feedbackDiv.innerHTML = `<i class=\"fas fa-times-circle\" style=\"color:#b71c1c;\"><\/i> Incorrect. Correct answer: ${correctLetter}: ${escapeHtml(correctText)}.<br>\ud83d\udcd6 ${q.explanation} (${q.topic})`;\n }\n quizAnswered = true;\n renderQuestion();\n nextBtn.style.display = \"block\";\n }\n\n function nextQuestion() {\n if (!quizAnswered && currentIndex < totalPerMode) {\n feedbackDiv.innerHTML = `<i class=\"fas fa-exclamation-triangle\"><\/i> Please answer before continuing.`;\n return;\n }\n if (currentIndex + 1 <= totalPerMode) {\n currentIndex++;\n quizAnswered = false;\n selectedOptIdx = null;\n nextBtn.style.display = \"none\";\n if (currentIndex < totalPerMode) {\n feedbackDiv.innerHTML = `<i class=\"fas fa-lightbulb\"><\/i> Read the article carefully, then choose the best answer.`;\n renderQuestion();\n } else {\n renderQuestion();\n nextBtn.style.display = \"none\";\n }\n }\n }\n\n function restartQuiz() {\n loadMode(currentMode);\n }\n\n function getFinalMessage() {\n let maxScore = totalPerMode * 100;\n if (playerScore === maxScore) return `\ud83c\udfc6 Perfect ${currentMode} score! You understand Bao Zheng's unwavering commitment to impartial justice and moral courage.`;\n if (playerScore >= 400) return `\ud83c\udf96\ufe0f Strong ${currentMode} readiness! \u201cBlue Sky Bao\u201d \u2014 justice without favor, incorruptible and fair.`;\n return `\ud83d\udcdc Review the exhibit about the Northern Song dynasty, Bao Zheng's judicial principles, and his legacy as a symbol of ethical governance.`;\n }\n\n function escapeHtml(str) {\n return str.replace(\/[&<>]\/g, function(m) {\n if (m === '&') return '&';\n if (m === '<') return '<';\n if (m === '>') return '>';\n return m;\n });\n }\n\n document.getElementById(\"modeSAT\").addEventListener(\"click\", () => loadMode(\"SAT\"));\n document.getElementById(\"modePSAT\").addEventListener(\"click\", () => loadMode(\"PSAT\"));\n document.getElementById(\"modeACT\").addEventListener(\"click\", () => loadMode(\"ACT\"));\n nextBtn.addEventListener(\"click\", nextQuestion);\n restartBtn.addEventListener(\"click\", restartQuiz);\n \n loadMode(\"SAT\");\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Museum Test Prep App | Bao Zheng \u2022 SAT \u2022 PSAT \u2022 ACT Bao Zheng Museum Test Prep App Northern Song dynasty judge \u2014 \u201cBao Qingtian\u201d (Blue Sky Bao), symbol of incorruptibility and impartial justice Righteousness Hall Bao Zheng \u2014 China (999\u20131062) Bao Zheng was a distinguished judge, government official, and statesman of the Northern […]<\/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-989","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/989","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/comments?post=989"}],"version-history":[{"count":2,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/989\/revisions"}],"predecessor-version":[{"id":992,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/989\/revisions\/992"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=989"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":989,"date":"2026-05-17T23:19:36","date_gmt":"2026-05-17T23:19:36","guid":{"rendered":"https:\/\/museum.wiserighteous.org\/?page_id=989"},"modified":"2026-05-17T23:20:46","modified_gmt":"2026-05-17T23:20:46","slug":"museum-test-prep-app-bao-zheng","status":"publish","type":"page","link":"https:\/\/museum.wiserighteous.org\/index.php\/museum-test-prep-app-bao-zheng\/","title":{"rendered":"Museum Test Prep App – Bao Zheng"},"content":{"rendered":"\n\n\n\n \n \n Museum Test Prep App | Bao Zheng \u2022 SAT \u2022 PSAT \u2022 ACT<\/title>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: #2a2a1e;\n font-family: 'Georgia', 'Times New Roman', Times, serif;\n color: #2c2b28;\n line-height: 1.5;\n padding: 20px;\n }\n\n .museum-container {\n max-width: 1400px;\n margin: 0 auto;\n background: #fef8ea;\n border-radius: 28px;\n box-shadow: 0 20px 35px rgba(0,0,0,0.3), 0 0 0 1px #b89870 inset;\n overflow: hidden;\n }\n\n .hero {\n background: linear-gradient(135deg, #2a4a3a 0%, #1a2e2a 100%);\n padding: 1.8rem 2.5rem;\n border-bottom: 6px solid #c9a87b;\n color: #f5e7cf;\n display: flex;\n align-items: center;\n gap: 20px;\n flex-wrap: wrap;\n }\n .hero-text {\n flex: 2;\n }\n .hero h1 {\n font-size: 2rem;\n letter-spacing: 1px;\n font-weight: 600;\n }\n .hero h1 i {\n color: #c9a87b;\n margin-right: 10px;\n }\n .hero h1 .app-badge {\n font-size: 0.8rem;\n background: #c9a87b33;\n padding: 0.2rem 0.8rem;\n border-radius: 40px;\n margin-left: 12px;\n vertical-align: middle;\n }\n .hero p {\n font-size: 1rem;\n font-style: italic;\n margin-top: 0.5rem;\n opacity: 0.85;\n }\n .hero-portrait {\n flex: 0 0 100px;\n text-align: center;\n background: #c9a87b30;\n padding: 8px;\n border-radius: 50%;\n border: 2px solid #c9a87b;\n }\n .hero-portrait i {\n font-size: 3.5rem;\n color: #ecd9b4;\n }\n .hero-portrait p {\n font-size: 0.65rem;\n margin-top: 5px;\n }\n\n .flex-main {\n display: flex;\n flex-wrap: wrap;\n }\n .article-panel {\n flex: 1.6;\n min-width: 280px;\n padding: 2rem 2rem 2rem 2.2rem;\n background: #fffaf2;\n border-right: 1px solid #ecd9b4;\n }\n .game-sat-panel {\n flex: 1.2;\n min-width: 350px;\n background: #f9efdf;\n padding: 2rem 1.8rem;\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n }\n\n .article-panel h2 {\n font-size: 1.8rem;\n border-left: 7px solid #c9a87b;\n padding-left: 1rem;\n margin: 0.75rem 0 1rem 0;\n color: #2a4a3a;\n }\n .article-panel h2 i {\n color: #c9a87b;\n margin-right: 10px;\n }\n .article-panel h3 {\n font-size: 1.3rem;\n margin: 1.4rem 0 0.5rem 0;\n color: #8b5a2b;\n font-weight: 600;\n }\n .article-panel p {\n margin-bottom: 0.9rem;\n text-align: justify;\n }\n .inset-quote {\n background: #e9e0cf;\n padding: 0.8rem 1.3rem;\n border-left: 4px solid #c9a87b;\n margin: 1.2rem 0;\n border-radius: 12px;\n font-weight: 500;\n }\n .reference-list {\n font-size: 0.8rem;\n margin-top: 1.5rem;\n border-top: 1px dashed #cfbc93;\n padding-top: 1rem;\n color: #5e4b2b;\n }\n .timeline-item {\n margin: 12px 0;\n padding-left: 20px;\n border-left: 3px solid #c9a87b;\n }\n .timeline-year {\n font-weight: bold;\n color: #8b5a2b;\n }\n\n \/* Mode Selection & Quiz Styles *\/\n .mode-selector {\n background: white;\n border-radius: 28px;\n padding: 1.2rem;\n text-align: center;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n }\n .mode-buttons {\n display: flex;\n gap: 12px;\n justify-content: center;\n margin-top: 12px;\n flex-wrap: wrap;\n }\n .mode-btn {\n flex: 1;\n min-width: 90px;\n padding: 12px;\n border: none;\n border-radius: 60px;\n font-weight: bold;\n font-size: 1rem;\n cursor: pointer;\n transition: 0.2s;\n font-family: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n }\n .mode-btn.sat {\n background: #1e3a2f;\n color: white;\n }\n .mode-btn.psat {\n background: #2c5f6e;\n color: white;\n }\n .mode-btn.act {\n background: #8b5a2b;\n color: white;\n }\n .mode-btn:hover {\n transform: translateY(-2px);\n filter: brightness(1.05);\n }\n .mode-btn.active {\n box-shadow: 0 0 0 3px #ffd966;\n }\n .quiz-header {\n background: linear-gradient(145deg, #2a4a3a, #1a2e2a);\n color: white;\n padding: 1rem;\n border-radius: 28px;\n text-align: center;\n }\n .score-area {\n font-size: 1.6rem;\n font-weight: bold;\n background: #00000055;\n display: inline-block;\n padding: 0.2rem 1.2rem;\n border-radius: 40px;\n margin-top: 8px;\n }\n .question-card {\n background: white;\n border-radius: 28px;\n padding: 1.5rem;\n box-shadow: 0 8px 18px rgba(0,0,0,0.1);\n }\n .question-text {\n font-size: 1.1rem;\n font-weight: 700;\n margin-bottom: 1.2rem;\n background: #fdf4e0;\n padding: 12px;\n border-radius: 20px;\n border-left: 5px solid #c9a87b;\n }\n .options-list {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 1.5rem;\n }\n .opt-btn {\n background: #efe2cf;\n border: 2px solid #cfb37a;\n padding: 10px 14px;\n border-radius: 60px;\n font-family: 'Segoe UI', 'Georgia', serif;\n font-size: 0.9rem;\n text-align: left;\n cursor: pointer;\n transition: 0.2s;\n }\n .opt-btn i {\n margin-right: 10px;\n }\n .opt-btn:hover:not(:disabled) {\n background: #e2cfb0;\n }\n .opt-btn.correct-highlight {\n background: #a5d6a5;\n border-color: #2e7d32;\n }\n .opt-btn.wrong-highlight {\n background: #ef9a9a;\n border-color: #c62828;\n }\n .opt-btn:disabled {\n cursor: default;\n opacity: 0.8;\n }\n .feedback {\n margin-top: 15px;\n padding: 12px;\n border-radius: 20px;\n background: #f3efdf;\n font-size: 0.9rem;\n border-left: 5px solid #c9a87b;\n }\n .next-btn, .restart-btn {\n background: #846c3e;\n border: none;\n color: white;\n font-weight: bold;\n padding: 10px;\n border-radius: 40px;\n font-size: 1rem;\n cursor: pointer;\n margin-top: 10px;\n width: 100%;\n }\n .next-btn:hover, .restart-btn:hover {\n background: #5f4a2a;\n }\n .game-status {\n font-size: 0.75rem;\n text-align: center;\n background: #e2d5bd;\n padding: 6px;\n border-radius: 50px;\n margin-top: 8px;\n }\n footer {\n text-align: center;\n padding: 1rem;\n background: #dfd2b6;\n font-size: 0.7rem;\n color: #4a3a22;\n }\n .disclaimer {\n font-size: 0.65rem;\n text-align: center;\n margin-top: 8px;\n color: #6b5a3e;\n }\n @media (max-width: 780px) {\n .hero h1 { font-size: 1.3rem; }\n .hero-portrait { flex-basis: 70px; }\n .hero-portrait i { font-size: 2.2rem; }\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"museum-container\">\n <div class=\"hero\">\n <div class=\"hero-text\">\n <h1><i class=\"fas fa-balance-scale\"><\/i> Bao Zheng <span class=\"app-badge\"><i class=\"fas fa-mobile-alt\"><\/i> Museum Test Prep App<\/span><\/h1>\n <p><i class=\"fas fa-gavel\"><\/i> Northern Song dynasty judge \u2014 \u201cBao Qingtian\u201d (Blue Sky Bao), symbol of incorruptibility and impartial justice<\/p>\n <\/div>\n <div class=\"hero-portrait\">\n <i class=\"fas fa-crown\"><\/i>\n <p><i class=\"fas fa-shield-alt\"><\/i> Righteousness Hall<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex-main\">\n <div class=\"article-panel\">\n <h2><i class=\"fas fa-scroll\"><\/i> Bao Zheng \u2014 China (999\u20131062)<\/h2>\n <p>Bao Zheng was a distinguished judge, government official, and statesman of the Northern Song dynasty. Renowned for his incorruptibility and commitment to justice, he became one of the most enduring symbols of righteous governance in Chinese history. Serving in various administrative and judicial positions, Bao Zheng gained a reputation for impartial judgment and fearless integrity. He was known for applying the law equally to all individuals, regardless of social status or political influence. Bao Zheng earned the nickname \u201cBao Qingtian\u201d (\u5305\u9752\u5929), meaning \u201cBlue Sky Bao,\u201d symbolizing his impartiality and moral uprightness. Over time, his reputation grew beyond historical records, and he became a legendary figure in Chinese culture, widely known as \u201cBao Gong\u201d (Lord Bao)\u2014a model of moral courage and judicial fairness.<\/p>\n \n <div class=\"inset-quote\">\n <i class=\"fas fa-quote-left\"><\/i> \u201cBao Zheng believed that the law must apply equally to everyone, regardless of rank. His strict sense of justice made him both respected and feared within the bureaucracy.\u201d\n <\/div>\n\n <h3><i class=\"fas fa-microscope\"><\/i> Historical Context & Leadership<\/h3>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-calendar-alt\"><\/i> Northern Song Dynasty<\/span>\n <p>Bao Zheng served during a period of administrative reform, economic development, and a strong civil service system based on Confucian examination merit.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-gavel\"><\/i> Judicial Integrity<\/span>\n <p>He became famous for applying the law equally, protecting ordinary citizens, and resisting pressure from powerful elites.<\/p>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\"><i class=\"fas fa-star-of-life\"><\/i> \u201cBao Qingtian\u201d (Blue Sky Bao)<\/span>\n <p>His nickname symbolized impartiality, moral uprightness, and the clarity of justice \u2014 as vast and fair as the blue sky.<\/p>\n <\/div>\n\n <h3><i class=\"fas fa-church\"><\/i> Righteous Act: Justice Without Favor<\/h3>\n <p>Bao Zheng’s righteousness was built on uncompromising commitment to impartial justice. He investigated and punished corruption among powerful officials, even those connected to influential families. According to historical accounts and later traditions, Bao Zheng refused to accept bribes or political pressure, ensuring that legal judgments were based solely on evidence and fairness. His dedication to justice often placed him in conflict with powerful political figures, yet he continued to uphold legal fairness and administrative integrity, demonstrating that true righteousness requires moral courage in the face of authority and pressure.<\/p>\n\n <h3><i class=\"fas fa-comment-dots\"><\/i> Legacy: Symbol of Ethical Governance<\/h3>\n <p>Bao Zheng remains one of the most celebrated figures of justice and integrity in Chinese history. His reputation inspired centuries of literature, theater, and folklore, especially in traditional Chinese opera and storytelling, where he is portrayed as the ideal judge who protects the innocent and punishes wrongdoing. Today, Bao Zheng is remembered not only as a historical official but also as a lasting symbol of ethical governance, judicial fairness, and unwavering righteousness \u2014 a model of moral courage that transcends time.<\/p>\n\n <div class=\"reference-list\">\n <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> Huang (1981), McKnight (1992), Twitchett & Smith (2009), Zhang (2015).\n <\/div>\n <\/div>\n\n <div class=\"game-sat-panel\">\n <div class=\"mode-selector\">\n <i class=\"fas fa-graduation-cap\"><\/i> <strong>Choose Your Exam<\/strong>\n <div class=\"mode-buttons\">\n <button id=\"modeSAT\" class=\"mode-btn sat\"><i class=\"fab fa-sat\"><\/i> SAT<\/button>\n <button id=\"modePSAT\" class=\"mode-btn psat\"><i class=\"fas fa-pen-fancy\"><\/i> PSAT<\/button>\n <button id=\"modeACT\" class=\"mode-btn act\"><i class=\"fas fa-bolt\"><\/i> ACT<\/button>\n <\/div>\n <\/div>\n <div class=\"quiz-header\">\n <h3 id=\"modeTitle\"><i class=\"fas fa-brain\"><\/i> SAT \u2726 Judicial Righteousness Prep<\/h3>\n <div class=\"score-area\"><i class=\"fas fa-star\"><\/i> Score: <span id=\"scoreValue\">0<\/span> \/ 600<\/div>\n <\/div>\n <div class=\"question-card\" id=\"quizContainer\">\n <div id=\"dynamicQuestionArea\"><\/div>\n <div id=\"feedbackArea\" class=\"feedback\"><i class=\"fas fa-info-circle\"><\/i> Select an exam mode above to begin.<\/div>\n <button id=\"nextButton\" class=\"next-btn\" style=\"display: none;\"><i class=\"fas fa-arrow-right\"><\/i> Next Question<\/button>\n <button id=\"restartButton\" class=\"restart-btn\"><i class=\"fas fa-undo-alt\"><\/i> Restart Quiz<\/button>\n <div class=\"game-status\"><i class=\"fas fa-hourglass-half\"><\/i> 6 questions per exam \u2022 Bao Zheng: incorruptible judge, \u201cBlue Sky Bao,\u201d impartial justice<\/div>\n <\/div>\n <\/div>\n <\/div>\n <footer>\n <i class=\"fas fa-balance-scale\"><\/i> Museum Test Prep App | SAT \u2022 PSAT \u2022 ACT modes | Bao Zheng \u2014 Righteous Act: Justice Without Favor\n <div class=\"disclaimer\">\n <i class=\"fas fa-balance-scale\"><\/i> SAT, PSAT, and ACT are registered trademarks of their respective owners. This educational tool is not affiliated with or endorsed by College Board or ACT Inc. All questions are original and based on historical content.\n <\/div>\n <\/footer>\n<\/div>\n\n<script>\n \/\/ ========== BAO ZHENG QUESTION BANKS ==========\n \/\/ Themes: Northern Song dynasty, judicial impartiality, incorruptibility, \u201cBao Qingtian\u201d (Blue Sky Bao), Confucian examination system, resistance to bribery and political pressure\n \n const SAT_QUESTIONS = [\n { topic: \"Judicial Principle\", text: \"Bao Zheng's most famous judicial principle was:\", options: [\"Applying the law only to the poor\", \"Applying the law equally to all individuals, regardless of social status or political influence\", \"Punishing only those who confessed\", \"Selling judicial decisions\"], correct: 1, explanation: \"Bao Zheng believed the law must apply equally to everyone, from commoners to powerful officials \u2014 a radical idea in his time.\" },\n { topic: \"Nickname Meaning\", text: \"Bao Zheng earned the nickname 'Bao Qingtian' (Blue Sky Bao). This name symbolizes:\", options: [\"His love of astronomy\", \"His impartiality and moral uprightness \u2014 as clear and fair as the blue sky\", \"His political ambition\", \"His military achievements\"], correct: 1, explanation: \"The 'blue sky' represents clarity, fairness, and all\u2011seeing justice \u2014 qualities for which Bao Zheng was renowned.\" },\n { topic: \"Corruption Enforcement\", text: \"Bao Zheng was known for:\", options: [\"Ignoring corruption among elites\", \"Investigating and punishing corruption among powerful officials, even those connected to influential families\", \"Accepting bribes discreetly\", \"Favoring the wealthy in court\"], correct: 1, explanation: \"He fearlessly pursued corrupt officials regardless of their connections, which made him both respected and feared.\" },\n { topic: \"Bribery Resistance\", text: \"In historical accounts, Bao Zheng famously:\", options: [\"Accepted bribes from the rich\", \"Refused to accept bribes or political pressure, ensuring judgments were based on evidence and fairness\", \"Sold judgeships\", \"Avoided difficult cases\"], correct: 1, explanation: \"His incorruptibility was legendary \u2014 he would not be swayed by money or influence.\" },\n { topic: \"Confucian Ideal\", text: \"Bao Zheng's leadership embodied the Confucian ideal that officials must act with:\", options: [\"Wealth and privilege\", \"Integrity, impartiality, and loyalty to justice\", \"Military force\", \"Secrecy\"], correct: 1, explanation: \"Confucian governance emphasized moral virtue and impartiality, which Bao Zheng exemplified.\" },\n { topic: \"Cultural Legacy\", text: \"Over centuries, Bao Zheng's reputation inspired:\", options: [\"Military textbooks\", \"Centuries of literature, theater, and folklore \u2014 especially traditional Chinese opera portraying the ideal judge\", \"Scientific treatises\", \"Economic policies\"], correct: 1, explanation: \"Bao Gong (Lord Bao) became a central figure in Chinese opera and storytelling, representing the triumph of justice.\" }\n ];\n\n const PSAT_QUESTIONS = [\n { topic: \"Historical Period\", text: \"Bao Zheng served as a judge and official during which Chinese dynasty?\", options: [\"Tang\", \"Song\", \"Ming\", \"Qing\"], correct: 1, explanation: \"He served during the Northern Song dynasty (960\u20131127).\" },\n { topic: \"Alternate Name\", text: \"Bao Zheng is also widely known as:\", options: [\"Bao Gong (Lord Bao)\", \"Bao Long\", \"Bao Xi\", \"Bao Li\"], correct: 0, explanation: \"Bao Gong (Lord Bao) is his legendary title, symbolizing judicial fairness.\" },\n { topic: \"Meaning of Qingtian\", text: \"The term 'Qingtian' (\u9752\u5929) in Bao Zheng's nickname literally means:\", options: [\"Green earth\", \"Blue sky\", \"Black robe\", \"Golden gavel\"], correct: 1, explanation: \"Qingtian means 'blue sky' \u2014 a metaphor for clarity, openness, and impartial justice.\" },\n { topic: \"Judicial Equality\", text: \"Bao Zheng's approach to justice demanded that the law be applied:\", options: [\"Only to commoners\", \"Equally to everyone, regardless of rank\", \"Only to officials\", \"Only in capital cases\"], correct: 1, explanation: \"He insisted that the law should not favor the powerful.\" },\n { topic: \"Corruption Stance\", text: \"Bao Zheng is remembered for his:\", options: [\"Wealth accumulation\", \"Incorruptibility and refusal to accept bribes\", \"Nepotism\", \"Avoidance of difficult cases\"], correct: 1, explanation: \"His integrity was legendary; he would not be bribed.\" },\n { topic: \"Protector Role\", text: \"Ordinary citizens saw Bao Zheng as:\", options: [\"A threat\", \"A protector against corruption and injustice\", \"A tax collector\", \"A military commander\"], correct: 1, explanation: \"He defended the rights of common people against powerful abusers.\" }\n ];\n\n const ACT_QUESTIONS = [\n { topic: \"Birth Year\", text: \"Bao Zheng was born in which year?\", options: [\"960\", \"989\", \"999\", \"1010\"], correct: 2, explanation: \"He was born in 999 CE during the Northern Song dynasty.\" },\n { topic: \"Death Year\", text: \"Bao Zheng died in which year?\", options: [\"1050\", \"1062\", \"1075\", \"1088\"], correct: 1, explanation: \"He passed away in 1062 CE, leaving a legacy of judicial integrity.\" },\n { topic: \"Examination System\", text: \"Bao Zheng entered government service by passing:\", options: [\"Military exams\", \"The Confucian imperial examinations\", \"Noble appointment\", \"Royal decree\"], correct: 1, explanation: \"He succeeded through the merit\u2011based civil service examination system.\" },\n { topic: \"Regional Popularity\", text: \"Bao Zheng's reputation was especially strong among:\", options: [\"Nobles and elites\", \"Ordinary citizens and common people\", \"Foreign merchants\", \"Military officers\"], correct: 1, explanation: \"He was beloved by the common people for protecting them against powerful abusers.\" },\n { topic: \"Judicial Principle\", text: \"Bao Zheng insisted that legal judgments should be based on:\", options: [\"Social connections\", \"Evidence and fairness, not influence or bribery\", \"The wealth of the parties\", \"Confession only\"], correct: 1, explanation: \"He prioritized evidence and impartiality over personal connections.\" },\n { topic: \"Literary Depiction\", text: \"Bao Zheng is often portrayed in traditional Chinese opera as:\", options: [\"A corrupt official\", \"The ideal judge who protects the innocent and punishes wrongdoing\", \"A military hero\", \"A merchant\"], correct: 1, explanation: \"In countless plays, Lord Bao solves mysteries and delivers justice, often defying powerful villains.\" }\n ];\n\n let currentMode = \"SAT\";\n let currentQuestions = [...SAT_QUESTIONS];\n let currentIndex = 0;\n let playerScore = 0;\n let quizAnswered = false;\n let selectedOptIdx = null;\n let totalPerMode = 6;\n\n const dynamicArea = document.getElementById(\"dynamicQuestionArea\");\n const feedbackDiv = document.getElementById(\"feedbackArea\");\n const nextBtn = document.getElementById(\"nextButton\");\n const restartBtn = document.getElementById(\"restartButton\");\n const scoreSpan = document.getElementById(\"scoreValue\");\n const modeTitle = document.getElementById(\"modeTitle\");\n\n function updateScoreUI() {\n scoreSpan.innerText = playerScore;\n }\n\n function loadMode(mode) {\n currentMode = mode;\n if (mode === \"SAT\") currentQuestions = [...SAT_QUESTIONS];\n else if (mode === \"PSAT\") currentQuestions = [...PSAT_QUESTIONS];\n else currentQuestions = [...ACT_QUESTIONS];\n \n let icon = mode === \"SAT\" ? '<i class=\"fab fa-sat\"><\/i>' : (mode === \"PSAT\" ? '<i class=\"fas fa-pen-fancy\"><\/i>' : '<i class=\"fas fa-bolt\"><\/i>');\n modeTitle.innerHTML = `${icon} ${mode} \u2726 Judicial Righteousness Prep`;\n \n currentIndex = 0;\n playerScore = 0;\n quizAnswered = false;\n selectedOptIdx = null;\n updateScoreUI();\n nextBtn.style.display = \"none\";\n feedbackDiv.innerHTML = `<i class=\"fas fa-check-circle\"><\/i> ${mode} mode activated. Answer 6 questions about Bao Zheng, the Blue Sky Judge, and impartial justice.`;\n renderQuestion();\n \n document.querySelectorAll('.mode-btn').forEach(btn => btn.classList.remove('active'));\n if (mode === \"SAT\") document.getElementById(\"modeSAT\").classList.add('active');\n if (mode === \"PSAT\") document.getElementById(\"modePSAT\").classList.add('active');\n if (mode === \"ACT\") document.getElementById(\"modeACT\").classList.add('active');\n }\n\n function renderQuestion() {\n if (currentIndex >= totalPerMode) {\n dynamicArea.innerHTML = `\n <div style=\"text-align:center; padding:20px;\">\n <i class=\"fas fa-trophy\" style=\"font-size:3rem; color:#c9a87b;\"><\/i>\n <h3>${currentMode} Complete!<\/h3>\n <p>Your score: ${playerScore} \/ ${totalPerMode*100}<\/p>\n <p><i class=\"fas fa-medal\"><\/i> ${getFinalMessage()}<\/p>\n <i class=\"fas fa-sync-alt\"><\/i> Switch exam mode or press Restart.\n <\/div>\n `;\n nextBtn.style.display = \"none\";\n quizAnswered = true;\n return;\n }\n\n const q = currentQuestions[currentIndex];\n let optionsHtml = '';\n const letters = ['A', 'B', 'C', 'D'];\n q.options.forEach((opt, idx) => {\n let disabledAttr = quizAnswered ? 'disabled' : '';\n let extraClass = '';\n if (quizAnswered) {\n if (idx === q.correct) extraClass = 'correct-highlight';\n else if (idx === selectedOptIdx && idx !== q.correct) extraClass = 'wrong-highlight';\n }\n optionsHtml += `\n <button class=\"opt-btn ${extraClass}\" data-opt-index=\"${idx}\" ${disabledAttr}>\n <i class=\"fas ${idx === 0 ? 'fa-circle' : (idx === 1 ? 'fa-dot-circle' : (idx === 2 ? 'fa-record-vinyl' : 'fa-stop'))}\"><\/i>\n <strong>${letters[idx]}.<\/strong> ${escapeHtml(opt)}\n <\/button>\n `;\n });\n\n const progressHtml = `<div class=\"game-status\" style=\"margin-bottom:12px;\"><i class=\"fas fa-balance-scale\"><\/i> Question ${currentIndex+1} of ${totalPerMode} (${currentMode}) \u2022 <i class=\"fas fa-crown\"><\/i> ${q.topic}<\/div>`;\n const questionHtml = `\n ${progressHtml}\n <div class=\"question-text\"><i class=\"fas fa-gavel\"><\/i> ${escapeHtml(q.text)}<\/div>\n <div class=\"options-list\" id=\"optionsList\">${optionsHtml}<\/div>\n `;\n dynamicArea.innerHTML = questionHtml;\n\n if (!quizAnswered) {\n document.querySelectorAll('.opt-btn').forEach(btn => {\n btn.addEventListener('click', (e) => {\n if (quizAnswered) return;\n const chosenIdx = parseInt(btn.getAttribute('data-opt-index'));\n handleAnswer(chosenIdx);\n });\n });\n }\n }\n\n function handleAnswer(chosenIdx) {\n if (quizAnswered) return;\n const q = currentQuestions[currentIndex];\n const isCorrect = (chosenIdx === q.correct);\n selectedOptIdx = chosenIdx;\n if (isCorrect) {\n playerScore += 100;\n updateScoreUI();\n feedbackDiv.innerHTML = `<i class=\"fas fa-check-circle\" style=\"color:#2e7d32;\"><\/i> \u2705 ${q.explanation} <i class=\"fas fa-award\"><\/i> +100 points (${q.topic})`;\n } else {\n const correctLetter = String.fromCharCode(65 + q.correct);\n const correctText = q.options[q.correct];\n feedbackDiv.innerHTML = `<i class=\"fas fa-times-circle\" style=\"color:#b71c1c;\"><\/i> Incorrect. Correct answer: ${correctLetter}: ${escapeHtml(correctText)}.<br>\ud83d\udcd6 ${q.explanation} (${q.topic})`;\n }\n quizAnswered = true;\n renderQuestion();\n nextBtn.style.display = \"block\";\n }\n\n function nextQuestion() {\n if (!quizAnswered && currentIndex < totalPerMode) {\n feedbackDiv.innerHTML = `<i class=\"fas fa-exclamation-triangle\"><\/i> Please answer before continuing.`;\n return;\n }\n if (currentIndex + 1 <= totalPerMode) {\n currentIndex++;\n quizAnswered = false;\n selectedOptIdx = null;\n nextBtn.style.display = \"none\";\n if (currentIndex < totalPerMode) {\n feedbackDiv.innerHTML = `<i class=\"fas fa-lightbulb\"><\/i> Read the article carefully, then choose the best answer.`;\n renderQuestion();\n } else {\n renderQuestion();\n nextBtn.style.display = \"none\";\n }\n }\n }\n\n function restartQuiz() {\n loadMode(currentMode);\n }\n\n function getFinalMessage() {\n let maxScore = totalPerMode * 100;\n if (playerScore === maxScore) return `\ud83c\udfc6 Perfect ${currentMode} score! You understand Bao Zheng's unwavering commitment to impartial justice and moral courage.`;\n if (playerScore >= 400) return `\ud83c\udf96\ufe0f Strong ${currentMode} readiness! \u201cBlue Sky Bao\u201d \u2014 justice without favor, incorruptible and fair.`;\n return `\ud83d\udcdc Review the exhibit about the Northern Song dynasty, Bao Zheng's judicial principles, and his legacy as a symbol of ethical governance.`;\n }\n\n function escapeHtml(str) {\n return str.replace(\/[&<>]\/g, function(m) {\n if (m === '&') return '&';\n if (m === '<') return '<';\n if (m === '>') return '>';\n return m;\n });\n }\n\n document.getElementById(\"modeSAT\").addEventListener(\"click\", () => loadMode(\"SAT\"));\n document.getElementById(\"modePSAT\").addEventListener(\"click\", () => loadMode(\"PSAT\"));\n document.getElementById(\"modeACT\").addEventListener(\"click\", () => loadMode(\"ACT\"));\n nextBtn.addEventListener(\"click\", nextQuestion);\n restartBtn.addEventListener(\"click\", restartQuiz);\n \n loadMode(\"SAT\");\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Museum Test Prep App | Bao Zheng \u2022 SAT \u2022 PSAT \u2022 ACT Bao Zheng Museum Test Prep App Northern Song dynasty judge \u2014 \u201cBao Qingtian\u201d (Blue Sky Bao), symbol of incorruptibility and impartial justice Righteousness Hall Bao Zheng \u2014 China (999\u20131062) Bao Zheng was a distinguished judge, government official, and statesman of the Northern […]<\/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-989","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/989","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/comments?post=989"}],"version-history":[{"count":2,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/989\/revisions"}],"predecessor-version":[{"id":992,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/989\/revisions\/992"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=989"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}