{"id":2885,"date":"2023-10-20T08:36:06","date_gmt":"2023-10-20T00:36:06","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2885"},"modified":"2025-08-26T11:05:50","modified_gmt":"2025-08-26T03:05:50","slug":"interference-resistance","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/interference-resistance","title":{"rendered":"\u5c0f\u6d4b\u9a8c\uff1a\u6297\u5e72\u6270\u80fd\u529b\u6d4b\u9a8c"},"content":{"rendered":"<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap\/5.3.3\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-icons\/1.11.3\/font\/bootstrap-icons.min.css\" rel=\"stylesheet\">\n    <style>\n        \/* \u91cd\u7f6eWordPress\u4e3b\u984c\u53ef\u80fd\u7684\u5e72\u64fe *\/\n        .quiz-container-9 * {\n            box-sizing: border-box !important;\n        }\n        \n        .quiz-container-9 p,\n        .quiz-container-9 span,\n        .quiz-container-9 div {\n            line-height: normal !important;\n        }\n        \n        \/* \u81ea\u5b9a\u7fa9\u6a23\u5f0f - \u8212\u7de9\u7642\u7652\u8272\u7cfb *\/\n        .quiz-container-9 {\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n            max-width: 750px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n        \n        \/* \u5f15\u5c0e\u9801\u6a23\u5f0f *\/\n        .intro-hero-9 {\n            background: linear-gradient(135deg, #84fab0 0%, #8fd3f4 100%);\n            color: #2c5f2d;\n            padding: 3rem 2rem;\n            border-radius: 20px;\n            margin-bottom: 2rem;\n            box-shadow: 0 10px 30px rgba(132, 250, 176, 0.2);\n        }\n        \n        .feature-icon-9 {\n            width: 80px;\n            height: 80px;\n            background: rgba(255, 255, 255, 0.3);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 1rem;\n            backdrop-filter: blur(10px);\n            transition: transform 0.3s ease;\n            box-shadow: 0 4px 15px rgba(132, 250, 176, 0.15);\n        }\n        \n        .feature-icon-9:hover {\n            transform: translateY(-5px);\n        }\n        \n        .start-btn-9 {\n            background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);\n            border: none;\n            padding: 1rem 3rem;\n            font-size: 1.2rem;\n            border-radius: 50px;\n            color: #2c5f2d;\n            font-weight: 600;\n            box-shadow: 0 5px 20px rgba(67, 233, 123, 0.3);\n            transition: all 0.3s ease;\n        }\n        \n        .start-btn-9:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px rgba(67, 233, 123, 0.4);\n            color: #2c5f2d;\n        }\n        \n        \/* \u6e2c\u9a57\u9801\u6a23\u5f0f *\/\n        .progress-container-9 {\n            margin-bottom: 2rem;\n        }\n        \n        .options-container {\n            display: block !important;\n            width: 100% !important;\n        }\n        \n        .options-container > * {\n            margin-bottom: 1rem !important;\n        }\n        \n        .question-title-9 {\n            font-size: 22px;\n            font-weight: bold;\n            margin-bottom: 1.5rem;\n            color: #2c5f2d;\n            line-height: 1.6;\n        }\n        \n        .question-image-9 {\n            max-width: 100%;\n            height: auto;\n            border-radius: 15px;\n            margin-bottom: 1.5rem;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n        }\n        \n        .option-card-9 {\n            border: 2px solid #e8f5e9 !important;\n            border-radius: 15px !important;\n            padding: 1rem 1.5rem !important;\n            margin-bottom: 1rem !important;\n            cursor: pointer !important;\n            transition: all 0.3s ease !important;\n            background: white !important;\n            box-shadow: 0 2px 10px rgba(132, 250, 176, 0.1) !important;\n            display: flex !important;\n            align-items: center !important;\n            flex-direction: row !important;\n            position: relative !important;\n            box-sizing: border-box !important;\n        }\n        \n        .option-card-9:hover {\n            border-color: #84fab0 !important;\n            box-shadow: 0 4px 15px rgba(132, 250, 176, 0.25) !important;\n            transform: translateX(5px) !important;\n        }\n        \n        .option-card-9.selected {\n            background: linear-gradient(135deg, #84fab0 0%, #8fd3f4 100%) !important;\n            color: #2c5f2d !important;\n            border-color: #84fab0 !important;\n        }\n        \n        .option-indicator-9 {\n            width: 24px !important;\n            min-width: 24px !important;\n            height: 24px !important;\n            border: 2px solid #c8e6c9 !important;\n            border-radius: 50% !important;\n            margin: 0 !important;\n            margin-right: 1rem !important;\n            display: inline-flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            flex-shrink: 0 !important;\n            position: relative !important;\n            vertical-align: middle !important;\n            box-sizing: border-box !important;\n            line-height: 1 !important;\n        }\n        \n        .option-card-9:hover .option-indicator-9 {\n            border-color: #84fab0 !important;\n        }\n        \n        .option-card-9.selected .option-indicator-9 {\n            background: white !important;\n            border-color: white !important;\n        }\n        \n        .option-card-9.selected .option-indicator-9::after {\n            content: \"\u2713\";\n            color: #43e97b;\n            font-weight: bold;\n            position: absolute !important;\n            top: 50% !important;\n            left: 50% !important;\n            transform: translate(-50%, -50%) !important;\n            line-height: 1 !important;\n        }\n        \n        .option-text-9 {\n            font-size: 18px !important;\n            margin: 0 !important;\n            padding: 0 !important;\n            color: #2c5f2d !important;\n            flex: 1 !important;\n            display: block !important;\n            line-height: 1.5 !important;\n            vertical-align: middle !important;\n        }\n        \n        .option-card-9.selected .option-text-9 {\n            color: #2c5f2d !important;\n            font-weight: 500 !important;\n        }\n        \n        \/* \u7d50\u679c\u9801\u6a23\u5f0f *\/\n        .result-card-9 {\n            background: linear-gradient(135deg, #84fab0 0%, #8fd3f4 100%);\n            color: #2c5f2d;\n            padding: 2rem;\n            border-radius: 20px;\n            margin-bottom: 2rem;\n            box-shadow: 0 10px 30px rgba(132, 250, 176, 0.2);\n        }\n        \n        .chart-container-9 {\n            background: white;\n            padding: 2rem;\n            border-radius: 15px;\n            box-shadow: 0 5px 20px rgba(132, 250, 176, 0.15);\n            margin: 2rem auto;\n            max-width: 500px;\n        }\n        \n        .analysis-card-9 {\n            background: #f1f8e9;\n            padding: 1.5rem;\n            border-radius: 15px;\n            margin-bottom: 1.5rem;\n            border-left: 4px solid #84fab0;\n            box-shadow: 0 2px 10px rgba(132, 250, 176, 0.1);\n        }\n        \n        \/* \u7b54\u6848\u89e3\u6790\u9801\u6a23\u5f0f *\/\n        .answer-card-9 {\n            background: white;\n            padding: 1.5rem;\n            border-radius: 15px;\n            margin-bottom: 1.5rem;\n            box-shadow: 0 3px 15px rgba(132, 250, 176, 0.15);\n            border-left: 4px solid #84fab0;\n        }\n        \n        .answer-card-9.correct {\n            border-left-color: #43e97b;\n            background: #f1f8e9;\n        }\n        \n        .answer-card-9.incorrect {\n            border-left-color: #ffa726;\n            background: #fff8e1;\n        }\n        \n        .btn-navigation-9 {\n            background: linear-gradient(135deg, #84fab0 0%, #8fd3f4 100%);\n            border: none;\n            padding: 0.8rem 2rem;\n            font-size: 1rem;\n            border-radius: 50px;\n            color: #2c5f2d;\n            font-weight: 600;\n            box-shadow: 0 3px 15px rgba(132, 250, 176, 0.3);\n            transition: all 0.3s ease;\n            margin: 0 0.5rem;\n        }\n        \n        .btn-navigation-9:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 5px 20px rgba(132, 250, 176, 0.4);\n            color: #2c5f2d;\n        }\n        \n        .btn-secondary-9 {\n            background: white;\n            border: 2px solid #84fab0;\n            color: #2c5f2d;\n            box-shadow: 0 2px 10px rgba(132, 250, 176, 0.15);\n        }\n        \n        .btn-secondary-9:hover {\n            background: #f1f8e9;\n            color: #2c5f2d;\n        }\n        \n        \/* \u9032\u5ea6\u689d\u6a23\u5f0f *\/\n        .progress {\n            background-color: #e8f5e9;\n        }\n        \n        .progress-bar {\n            background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);\n        }\n        \n        \/* \u52d5\u756b\u6548\u679c *\/\n        .fade-in-9 {\n            animation: fadeIn 0.5s ease-in;\n        }\n        \n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n        \n        \/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\n        @media (max-width: 768px) {\n            .intro-hero-9 {\n                padding: 2rem 1.5rem;\n            }\n            \n            .start-btn-9, .btn-navigation-9 {\n                width: 100%;\n                padding: 1rem 2rem;\n                margin: 0.5rem 0;\n            }\n            \n            .option-card-9 {\n                padding: 1rem;\n            }\n            \n            .option-text-9 {\n                font-size: 16px;\n            }\n            \n            .chart-container-9 {\n                padding: 1rem;\n            }\n        }\n    <\/style>\n    <div class=\"quiz-container-9\">\n        <!-- \u5f15\u5c0e\u9801 -->\n        <section id=\"quizintro9\" data-page=\"intro9\">\n            <div class=\"intro-hero-9 text-center fade-in-9\">\n                <h2 class=\"display-5 fw-bold mb-3\">\u6297\u5e72\u64fe\u80fd\u529b\u6e2c\u9a57<\/h2>\n                <p class=\"lead mb-4\">\u6e2c\u8a66\u60a8\u7684\u611f\u77e5\u654f\u92b3\u5ea6\u8207\u601d\u7dad\u9748\u6d3b\u6027<\/p>\n            <\/div>\n            \n            <div class=\"container\">\n                <div class=\"row g-4 mb-5\">\n                    <div class=\"col-md-4\">\n                        <div class=\"text-center\">\n                            <div class=\"feature-icon-9\">\n                                <i class=\"bi bi-eye fs-1\" style=\"color: #2c5f2d;\"><\/i>\n                            <\/div>\n                            <h4 class=\"h5 mb-3\" style=\"color: #2c5f2d;\">\u611f\u77e5\u80fd\u529b<\/h4>\n                            <p class=\"text-muted\">\u6e2c\u8a66\u60a8\u5c0d\u7d30\u7bc0\u7684\u6ce8\u610f\u529b\u548c\u89c0\u5bdf\u529b<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"col-md-4\">\n                        <div class=\"text-center\">\n                            <div class=\"feature-icon-9\">\n                                <i class=\"bi bi-lightning fs-1\" style=\"color: #2c5f2d;\"><\/i>\n                            <\/div>\n                            <h4 class=\"h5 mb-3\" style=\"color: #2c5f2d;\">\u601d\u7dad\u654f\u6377<\/h4>\n                            <p class=\"text-muted\">\u8a55\u4f30\u60a8\u7684\u53cd\u61c9\u901f\u5ea6\u548c\u601d\u8003\u9748\u6d3b\u5ea6<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"col-md-4\">\n                        <div class=\"text-center\">\n                            <div class=\"feature-icon-9\">\n                                <i class=\"bi bi-shield-check fs-1\" style=\"color: #2c5f2d;\"><\/i>\n                            <\/div>\n                            <h4 class=\"h5 mb-3\" style=\"color: #2c5f2d;\">\u6297\u5e72\u64fe\u529b<\/h4>\n                            <p class=\"text-muted\">\u6aa2\u6e2c\u60a8\u907f\u514d\u88ab\u8868\u9762\u73fe\u8c61\u8aa4\u5c0e\u7684\u80fd\u529b<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"analysis-card-9\">\n                    <h4 class=\"h5 mb-3\"><i class=\"bi bi-info-circle me-2\" style=\"color: #43e97b;\"><\/i>\u6e2c\u9a57\u8aaa\u660e<\/h4>\n                    <p>\u672c\u6e2c\u9a57\u5305\u542b 8 \u9053\u7cbe\u5fc3\u8a2d\u8a08\u7684\u984c\u76ee\uff0c\u7528\u4f86\u6e2c\u8a66\u60a8\u7684\u611f\u77e5\u80fd\u529b\u3001\u5c0d\u7d30\u7bc0\u7684\u6ce8\u610f\u529b\u3001\u601d\u7dad\u7684\u654f\u6377\u529b\u3001\u6a6b\u5411\u601d\u7dad\u80fd\u529b\uff0c\u4ee5\u53ca\u907f\u514d\u88ab\u8868\u9762\u73fe\u8c61\u8499\u853d\u7684\u80fd\u529b\u3002<\/p>\n                    <p class=\"mb-0\">\u6bcf\u9053\u984c\u90fd\u7d93\u904e\u7cbe\u5fc3\u8a2d\u8a08\uff0c\u4e0d\u50c5\u6709\u8da3\u9084\u80fd\u6709\u6548\u589e\u5f37\u60a8\u7684\u611f\u77e5\u80fd\u529b\u3002\u5b8c\u6210\u5f8c\u60a8\u5c07\u7372\u5f97\u8a73\u7d30\u7684\u80fd\u529b\u5206\u6790\u5831\u544a\u548c\u7b54\u6848\u89e3\u6790\u3002<\/p>\n                <\/div>\n                \n                <div class=\"text-center\">\n                    <button class=\"btn btn-lg start-btn-9\" onclick=\"quizApp9.startQuiz()\">\n                        \u5f00\u59cb\u6d4b\u9a8c <i class=\"bi bi-arrow-right-circle ms-2\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- \u6e2c\u9a57\u9801 -->\n        <section id=\"quizmain9\" data-page=\"quiz9\" style=\"display: none;\">\n            <div class=\"progress-container-9\">\n                <div class=\"d-flex justify-content-between align-items-center mb-2\">\n                    <span class=\"text-muted\">\u95ee\u9898 <span id=\"currentQuestion9\">1<\/span> \/ 8<\/span>\n                    <span class=\"text-muted\" id=\"progressPercent9\">13%<\/span>\n                <\/div>\n                <div class=\"progress\" style=\"height: 8px;\">\n                    <div id=\"progressBar9\" class=\"progress-bar\" role=\"progressbar\" style=\"width: 13%;\"><\/div>\n                <\/div>\n            <\/div>\n            \n            <div id=\"questionContainer9\" class=\"fade-in-9\">\n                <!-- \u984c\u76ee\u5c07\u52d5\u614b\u63d2\u5165 -->\n            <\/div>\n            \n            <div class=\"text-center mt-4\">\n                <button id=\"prevBtn9\" class=\"btn btn-secondary-9\" onclick=\"quizApp9.previousQuestion()\" style=\"display: none;\">\n                    <i class=\"bi bi-arrow-left me-2\"><\/i>\u4e0a\u4e00\u9898\n                <\/button>\n            <\/div>\n        <\/section>\n        \n        <!-- \u7d50\u679c\u9801 -->\n        <section id=\"quizresult9\" data-page=\"result9\" style=\"display: none;\">\n            <div class=\"result-card-9 text-center fade-in-9\">\n                <h2 class=\"display-6 fw-bold mb-3\">\u6e2c\u9a57\u5b8c\u6210\uff01<\/h2>\n                <p class=\"lead mb-0\">\u60a8\u7684\u6297\u5e72\u64fe\u80fd\u529b\u5206\u6790\u5831\u544a<\/p>\n            <\/div>\n            \n            <div class=\"chart-container-9 fade-in-9\">\n                <canvas id=\"resultChart9\"><\/canvas>\n            <\/div>\n            \n            <div id=\"analysisContainer9\" class=\"mt-4\">\n                <!-- \u5206\u6790\u5167\u5bb9\u5c07\u52d5\u614b\u63d2\u5165 -->\n            <\/div>\n            \n            <div class=\"text-center mt-5\">\n                <button class=\"btn btn-lg btn-navigation-9\" onclick=\"quizApp9.showAnswers()\">\n                    <i class=\"bi bi-book me-2\"><\/i>\u67e5\u770b\u7b54\u6848\u89e3\u6790\n                <\/button>\n                <button class=\"btn btn-lg btn-secondary-9\" onclick=\"quizApp9.resetQuiz()\">\n                    <i class=\"bi bi-arrow-clockwise me-2\"><\/i>\u91cd\u65b0\u6d4b\u9a8c\n                <\/button>\n            <\/div>\n        <\/section>\n        \n        <!-- \u7b54\u6848\u89e3\u6790\u9801 -->\n        <section id=\"quizanswers9\" data-page=\"answers9\" style=\"display: none;\">\n            <div class=\"result-card-9 text-center fade-in-9\">\n                <h2 class=\"display-6 fw-bold mb-3\">\u7b54\u6848\u89e3\u6790<\/h2>\n                <p class=\"lead mb-0\">\u8a73\u7d30\u4e86\u89e3\u6bcf\u9053\u984c\u7684\u89e3\u984c\u601d\u8def<\/p>\n            <\/div>\n            \n            <div id=\"answersContainer9\" class=\"mt-4\">\n                <!-- \u7b54\u6848\u89e3\u6790\u5c07\u52d5\u614b\u63d2\u5165 -->\n            <\/div>\n            \n            <div class=\"text-center mt-5\">\n                <button class=\"btn btn-lg btn-navigation-9\" onclick=\"quizApp9.backToResult()\">\n                    <i class=\"bi bi-bar-chart me-2\"><\/i>\u8fd4\u56de\u7d50\u679c\n                <\/button>\n                <button class=\"btn btn-lg btn-secondary-9\" onclick=\"quizApp9.resetQuiz()\">\n                    <i class=\"bi bi-arrow-clockwise me-2\"><\/i>\u91cd\u65b0\u6d4b\u9a8c\n                <\/button>\n            <\/div>\n        <\/section>\n    <\/div>\n    \n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n    <script>\n        const quizApp9 = (function() {\n            let currentQuestionIndex = 0;\n            let userAnswers = [];\n            let chartInstance = null;\n            \n            const questions = [\n                {\n                    question: \"\u4e0b\u9762\u7684\u5716\u4e2d\u6709\u591a\u5c11\u500b\u5713\u3001\u591a\u5c11\u500b\u6b63\u65b9\u5f62\uff1f\",\n                    image: \"https:\/\/xinliceyan.org\/wp-content\/uploads\/2025\/08\/286-300x289-1.jpg\",\n                    options: [\n                        \"4\u500b\u5713\uff0c1\u500b\u6b63\u65b9\u5f62\",\n                        \"4\u500b\u5713\uff0c0\u500b\u6b63\u65b9\u5f62\",\n                        \"0\u500b\u5713\uff0c1\u500b\u6b63\u65b9\u5f62\",\n                        \"0\u500b\u5713\uff0c0\u500b\u6b63\u65b9\u5f62\"\n                    ],\n                    correct: 3,\n                    score: 4,\n                    explanation: \"\u9019\u662f\u4e00\u9053\u8996\u89ba\u932f\u89ba\u984c\u3002\u5716\u4e2d\u770b\u4f3c\u6709\u56db\u500b\u9ed1\u8272\u7684\u5713\uff0c\u5404\u81ea\u6709\u4e00\u500b\u89d2\u88ab\u4e2d\u9593\u767d\u8272\u7684\u6b63\u65b9\u5f62\u64cb\u4f4f\uff0c\u4f46\u5be6\u969b\u4e0a\u5716\u4e2d\u65e2\u6c92\u6709\u5b8c\u6574\u7684\u5713\uff0c\u4e5f\u6c92\u6709\u6b63\u65b9\u5f62\u3002\u5716\u4e2d\u53ea\u6709\u56db\u500b\u9ed1\u5713\u7684\u56db\u5206\u4e4b\u4e09\u90e8\u5206\uff0c\u9019\u7a2e\u6392\u5217\u65b9\u5f0f\u7522\u751f\u4e86\u4e2d\u9593\u6709\u6b63\u65b9\u5f62\u7684\u932f\u89ba\u3002\",\n                    category: \"\u8996\u89ba\u611f\u77e5\"\n                },\n                {\n                    question: \"\u8acb\u8a08\u7b97\u4e0b\u9762\u53e5\u5b50\u4e2d\u5b57\u6bcd\u300cF\u300d\u51fa\u73fe\u7684\u6b21\u6578\uff08\u53ea\u6578\u4e00\u6b21\uff09\uff1a\\n\\nEmphatically, famous frauds are the cause of many hours of frenzied yet fruitful scientific police research, combined with the experience of years.\",\n                    options: [\n                        \"6\u6b21\",\n                        \"7\u6b21\",\n                        \"8\u6b21\",\n                        \"9\u6b21\"\n                    ],\n                    correct: 3,\n                    score: 2,\n                    explanation: \"\u5171\u51fa\u73fe9\u6b21F\u3002\u8a31\u591a\u4eba\u6703\u5ffd\u7565\u55ae\u8a5e\u300cof\u300d\u4e2d\u7684\u300cF\u300d\uff0c\u56e0\u70ba\u5927\u8166\u5728\u5feb\u901f\u95b1\u8b80\u6642\u6703\u5c07\u300cof\u300d\u8b80\u6210\u300cov\u300d\u7684\u97f3\uff0c\u5c0e\u81f4\u5ffd\u7565\u5176\u4e2d\u7684F\u3002\u9019\u9053\u984c\u6e2c\u8a66\u7684\u662f\u6ce8\u610f\u529b\u7684\u96c6\u4e2d\u7a0b\u5ea6\u548c\u5c0d\u7d30\u7bc0\u7684\u89c0\u5bdf\u529b\u3002\",\n                    category: \"\u6ce8\u610f\u529b\"\n                },\n                {\n                    question: \"\u4e0b\u9762\u7684\u9019\u4e9b\u55ae\u8a5e\u70ba\u4ec0\u9ebc\u6309\u9019\u7a2e\u9806\u5e8f\u6392\u5217\uff1f\\n\\nidea, knob, epic, hard, rare, wolf, sing, inch\",\n                    options: [\n                        \"\u6309\u5b57\u6bcd\u9806\u5e8f\u6392\u5217\",\n                        \"\u6309\u97f3\u7bc0\u6578\u91cf\u6392\u5217\",\n                        \"\u6700\u5f8c\u4e00\u500b\u5b57\u6bcd\u4f9d\u6b21\u662fA-H\",\n                        \"\u6309\u8a5e\u983b\u9ad8\u4f4e\u6392\u5217\"\n                    ],\n                    correct: 2,\n                    score: 2,\n                    explanation: \"\u9019\u4e9b\u55ae\u8a5e\u7684\u6700\u5f8c\u4e00\u500b\u5b57\u6bcd\u4f9d\u6b21\u662fA\u3001B\u3001C\u3001D\u3001E\u3001F\u3001G\u3001H\u3002\u9019\u9053\u984c\u8981\u6c42\u60a8\u7684\u77e5\u89ba\u6bd4\u8f03\u654f\u92b3\uff0c\u9700\u8981\u8df3\u51fa\u6163\u6027\u601d\u7dad\uff0c\u4e0d\u53ea\u95dc\u6ce8\u9996\u5b57\u6bcd\u6216\u6574\u9ad4\uff0c\u800c\u662f\u6ce8\u610f\u5230\u6700\u5f8c\u4e00\u500b\u5b57\u6bcd\u7684\u898f\u5f8b\u3002\",\n                    category: \"\u6a21\u5f0f\u8b58\u5225\"\n                },\n                {\n                    question: \"\u5f35\u4e5d\u7684\u6bcd\u89aa\u6709\u4e09\u500b\u5b69\u5b50\uff0c\u7b2c\u4e00\u500b\u53eb\u300c\u5f35\u5927\u300d\uff0c\u7b2c\u4e8c\u500b\u53eb\u300c\u5f35\u4e8c\u300d\u3002\u7b2c\u4e09\u500b\u5b69\u5b50\u53eb\u4ec0\u9ebc\uff1f\",\n                    options: [\n                        \"\u5f35\u4e09\",\n                        \"\u5f35\u5c0f\",\n                        \"\u5f35\u4e5d\",\n                        \"\u7121\u6cd5\u78ba\u5b9a\"\n                    ],\n                    correct: 2,\n                    score: 3,\n                    explanation: \"\u984c\u76ee\u958b\u982d\u5c31\u8aaa\u4e86\u662f\u300c\u5f35\u4e5d\u7684\u6bcd\u89aa\u300d\uff0c\u6240\u4ee5\u7b2c\u4e09\u500b\u5b69\u5b50\u5c31\u662f\u5f35\u4e5d\u672c\u4eba\u3002\u9019\u9053\u984c\u5229\u7528\u4e86\u601d\u7dad\u5b9a\u52e2\uff0c\u300c\u5f35\u5927\u300d\u3001\u300c\u5f35\u4e8c\u300d\u7684\u5e8f\u5217\u8b93\u4eba\u81ea\u7136\u60f3\u5230\u300c\u5f35\u4e09\u300d\uff0c\u4f46\u5ffd\u7565\u4e86\u984c\u76ee\u4e00\u958b\u59cb\u5c31\u7d66\u51fa\u7684\u95dc\u9375\u4fe1\u606f\u3002\",\n                    category: \"\u908f\u8f2f\u63a8\u7406\"\n                },\n                {\n                    question: \"\u5047\u8a2d\u4f60\u662f\u4e00\u4f4d\u516c\u5171\u6c7d\u8eca\u53f8\u6a5f\u3002\u5728\u7b2c\u4e00\u7ad9\uff0c\u6709\u4e09\u4f4d\u5973\u6027\u3001\u56db\u4f4d\u7537\u6027\u548c\u516d\u540d\u5152\u7ae5\u4e0a\u8eca\u3002\u5728\u7b2c\u4e8c\u7ad9\uff0c\u56db\u540d\u5152\u7ae5\u548c\u5169\u4f4d\u5973\u6027\u4e0a\u8eca\uff0c\u4e00\u4f4d\u7537\u6027\u4e0b\u8eca\u3002\u5728\u7b2c\u4e09\u7ad9\uff0c\u4e0a\u4f86\u4e00\u4f4d\u5973\u6027\u3002\u8acb\u554f\u9019\u4f4d\u53f8\u6a5f\u8eab\u9ad8\u662f\u591a\u5c11\uff1f\",\n                    options: [\n                        \"\u7121\u6cd5\u78ba\u5b9a\",\n                        \"175\u516c\u5206\",\n                        \"\u984c\u76ee\u8cc7\u8a0a\u4e0d\u8db3\",\n                        \"\u5c31\u662f\u4f60\u81ea\u5df1\u7684\u8eab\u9ad8\"\n                    ],\n                    correct: 3,\n                    score: 3,\n                    explanation: \"\u984c\u76ee\u958b\u982d\u8aaa\u300c\u5047\u8a2d\u4f60\u662f\u4e00\u4f4d\u516c\u5171\u6c7d\u8eca\u53f8\u6a5f\u300d\uff0c\u6240\u4ee5\u53f8\u6a5f\u7684\u8eab\u9ad8\u5c31\u662f\u4f60\u81ea\u5df1\u7684\u8eab\u9ad8\u3002\u4e2d\u9593\u5927\u91cf\u7684\u4e58\u5ba2\u4e0a\u4e0b\u8eca\u4fe1\u606f\u90fd\u662f\u5e72\u64fe\u9805\uff0c\u7528\u4f86\u5206\u6563\u6ce8\u610f\u529b\uff0c\u8b93\u4eba\u5fd8\u8a18\u6700\u521d\u7684\u8a2d\u5b9a\u3002\",\n                    category: \"\u6297\u5e72\u64fe\"\n                },\n                {\n                    question: \"\u4e00\u4f4d\u8457\u540d\u7684\u7fa9\u5927\u5229\u9b54\u8853\u5e2b\u5ba3\u7a31\uff0c\u4ed6\u7121\u9808\u8b93\u684c\u7403\u5f48\u5728\u4efb\u4f55\u8868\u9762\u6216\u7269\u9ad4\u4e0a\uff0c\u5c31\u53ef\u4ee5\u7528\u81ea\u5df1\u7684\u624b\u8b93\u7403\u904b\u52d5\u4e00\u6bb5\u8f03\u77ed\u7684\u8ddd\u96e2\u4e4b\u5f8c\uff0c\u7403\u81ea\u52d5\u505c\u4e0b\u4f86\uff0c\u7136\u5f8c\u53c8\u56de\u5230\u4ed6\u624b\u4e2d\u3002\u4ed6\u662f\u5982\u4f55\u5b8c\u6210\u9019\u7a2e\u6280\u85dd\u7684\uff1f\",\n                    options: [\n                        \"\u4f7f\u7528\u96b1\u5f62\u7dda\",\n                        \"\u7528\u624b\u5c07\u7403\u76f4\u63a5\u5411\u4e0a\u6254\",\n                        \"\u5229\u7528\u78c1\u529b\",\n                        \"\u7279\u6b8a\u7684\u624b\u6cd5\u6280\u5de7\"\n                    ],\n                    correct: 1,\n                    score: 2,\n                    explanation: \"\u7b54\u6848\u5f88\u7c21\u55ae\uff1a\u4ed6\u53ea\u9700\u8981\u5c07\u684c\u7403\u5782\u76f4\u5411\u4e0a\u62cb\u3002\u7403\u6703\u56e0\u91cd\u529b\u800c\u6e1b\u901f\uff0c\u5728\u6700\u9ad8\u9ede\u505c\u6b62\uff0c\u7136\u5f8c\u843d\u56de\u624b\u4e2d\u3002\u300c\u9b54\u8853\u5e2b\u300d\u548c\u300c\u7fa9\u5927\u5229\u300d\u90fd\u662f\u7121\u95dc\u7684\u5e72\u64fe\u4fe1\u606f\uff0c\u771f\u6b63\u7684\u89e3\u7b54\u9700\u8981\u6a6b\u5411\u601d\u7dad\u3002\",\n                    category: \"\u6a6b\u5411\u601d\u7dad\"\n                },\n                {\n                    question: \"\u4f60\u5c07\u4e00\u584a\u539a\u6728\u677f\u92f8\u6210\u5927\u5c0f\u76f8\u7b49\u768412\u584a\uff0c\u4e26\u4e14\u5c07\u5b83\u5011\u5206\u6210\u5169\u5806\uff0c\u6bcf\u58066\u584a\u3002\u9019\u6642\uff0c\u4f60\u767c\u73fe\u9084\u6709\u7b2c\u4e09\u5806\u6728\u982d\uff0c\u70ba\u4ec0\u9ebc\uff1f\",\n                    options: [\n                        \"\u8a08\u7b97\u932f\u8aa4\",\n                        \"\u6709\u984d\u5916\u7684\u6728\u982d\",\n                        \"\u7b2c\u4e09\u5806\u662f\u92f8\u6728\u5c51\",\n                        \"\u6728\u677f\u4e0d\u5920\u5927\"\n                    ],\n                    correct: 2,\n                    score: 4,\n                    explanation: \"\u92f8\u6728\u982d\u6642\u6703\u7522\u751f\u6728\u5c51\uff0c\u7b2c\u4e09\u5806\u5c31\u662f\u92f8\u6728\u904e\u7a0b\u7522\u751f\u7684\u6728\u5c51\u3002\u9019\u9053\u984c\u9700\u8981\u6a6b\u5411\u601d\u7dad\uff0c\u8df3\u51fa\u984c\u76ee\u8a2d\u5b9a\u7684\u6846\u67b6\uff0c\u60f3\u5230\u92f8\u6728\u904e\u7a0b\u672c\u8eab\u6703\u7522\u751f\u526f\u7522\u54c1\u3002\",\n                    category: \"\u6a6b\u5411\u601d\u7dad\"\n                },\n                {\n                    question: \"\u7121\u8ad6\u5728\u4ec0\u9ebc\u60c5\u6cc1\u4e0b\uff0c\u4e00\u500b\u7537\u4eba\u548c\u4ed6\u7684\u5be1\u5a66\u7684\u5973\u5152\u7d50\u5a5a\uff0c\u9019\u6a23\u505a\u662f\u5426\u5408\u6cd5\uff1f\",\n                    options: [\n                        \"\u5408\u6cd5\",\n                        \"\u4e0d\u5408\u6cd5\",\n                        \"\u8996\u60c5\u6cc1\u800c\u5b9a\",\n                        \"\u4e0d\u53ef\u80fd\u767c\u751f\"\n                    ],\n                    correct: 3,\n                    score: 3,\n                    explanation: \"\u5982\u679c\u4ed6\u6709\u5be1\u5a66\uff0c\u8aaa\u660e\u4ed6\u5df2\u7d93\u6b7b\u4ea1\uff0c\u6b7b\u4eba\u4e0d\u53ef\u80fd\u7d50\u5a5a\u3002\u300c\u5be1\u5a66\u300d\u4e00\u8a5e\u6307\u7684\u662f\u4e08\u592b\u53bb\u4e16\u5f8c\u7684\u59bb\u5b50\uff0c\u6240\u4ee5\u9019\u500b\u5834\u666f\u908f\u8f2f\u4e0a\u5c31\u4e0d\u53ef\u80fd\u767c\u751f\u3002\u984c\u76ee\u4e2d\u300c\u662f\u5426\u5408\u6cd5\u300d\u662f\u5e72\u64fe\u9805\u3002\",\n                    category: \"\u908f\u8f2f\u63a8\u7406\"\n                }\n            ];\n            \n            const DOM = {\n                introSection: null,\n                quizSection: null,\n                resultSection: null,\n                answersSection: null,\n                questionContainer: null,\n                currentQuestionSpan: null,\n                progressBar: null,\n                progressPercent: null,\n                prevBtn: null,\n                analysisContainer: null,\n                answersContainer: null\n            };\n            \n            function initDOM() {\n                DOM.introSection = document.getElementById('quizintro9');\n                DOM.quizSection = document.getElementById('quizmain9');\n                DOM.resultSection = document.getElementById('quizresult9');\n                DOM.answersSection = document.getElementById('quizanswers9');\n                DOM.questionContainer = document.getElementById('questionContainer9');\n                DOM.currentQuestionSpan = document.getElementById('currentQuestion9');\n                DOM.progressBar = document.getElementById('progressBar9');\n                DOM.progressPercent = document.getElementById('progressPercent9');\n                DOM.prevBtn = document.getElementById('prevBtn9');\n                DOM.analysisContainer = document.getElementById('analysisContainer9');\n                DOM.answersContainer = document.getElementById('answersContainer9');\n            }\n            \n            function startQuiz() {\n                initDOM();\n                DOM.introSection.style.display = 'none';\n                DOM.quizSection.style.display = 'block';\n                currentQuestionIndex = 0;\n                userAnswers = [];\n                showQuestion();\n                window.scrollTo({ top: 0, behavior: 'smooth' });\n            }\n            \n            function showQuestion() {\n                const question = questions[currentQuestionIndex];\n                const progress = ((currentQuestionIndex + 1) \/ questions.length) * 100;\n                \n                DOM.currentQuestionSpan.textContent = currentQuestionIndex + 1;\n                DOM.progressBar.style.width = progress + '%';\n                DOM.progressPercent.textContent = Math.round(progress) + '%';\n                DOM.prevBtn.style.display = currentQuestionIndex > 0 ? 'inline-block' : 'none';\n                \n                let imageHTML = '';\n                if (question.image) {\n                    imageHTML = `<img decoding=\"async\" src=\"${question.image}\" alt=\"\u984c\u76ee\u5716\u7247\" class=\"question-image-9\">`;\n                }\n                \n                const questionHTML = `\n                    <h3 class=\"question-title-9\">${question.question.replace(\/\\n\/g, '<br>')}<\/h3>\n                    ${imageHTML}\n                    <div class=\"options-container\">\n                        ${question.options.map((option, index) => `\n                            <div class=\"option-card-9\" data-option=\"${index}\" onclick=\"quizApp9.selectOption(${index})\" style=\"display: flex !important; align-items: center !important;\">\n                                <span class=\"option-indicator-9\" style=\"display: inline-flex !important;\"><\/span>\n                                <span class=\"option-text-9\" style=\"display: inline-block !important;\">${option}<\/span>\n                            <\/div>\n                        `).join('')}\n                    <\/div>\n                `;\n                \n                DOM.questionContainer.innerHTML = questionHTML;\n                DOM.questionContainer.className = 'fade-in-9';\n            }\n            \n            function selectOption(optionIndex) {\n                userAnswers[currentQuestionIndex] = optionIndex;\n                \n                \/\/ \u986f\u793a\u9078\u4e2d\u6548\u679c\n                document.querySelectorAll('.option-card-9').forEach(card => {\n                    card.classList.remove('selected');\n                });\n                document.querySelector(`.option-card-9[data-option=\"${optionIndex}\"]`).classList.add('selected');\n                \n                \/\/ \u5ef6\u9072\u5f8c\u9032\u5165\u4e0b\u4e00\u984c\u6216\u986f\u793a\u7d50\u679c\n                setTimeout(() => {\n                    if (currentQuestionIndex < questions.length - 1) {\n                        currentQuestionIndex++;\n                        showQuestion();\n                    } else {\n                        showResult();\n                    }\n                }, 500);\n            }\n            \n            function previousQuestion() {\n                if (currentQuestionIndex > 0) {\n                    currentQuestionIndex--;\n                    showQuestion();\n                }\n            }\n            \n            function calculateScore() {\n                let totalScore = 0;\n                let correctCount = 0;\n                let categoryScores = {\n                    '\u8996\u89ba\u611f\u77e5': { correct: 0, total: 0 },\n                    '\u6ce8\u610f\u529b': { correct: 0, total: 0 },\n                    '\u6a21\u5f0f\u8b58\u5225': { correct: 0, total: 0 },\n                    '\u908f\u8f2f\u63a8\u7406': { correct: 0, total: 0 },\n                    '\u6297\u5e72\u64fe': { correct: 0, total: 0 },\n                    '\u6a6b\u5411\u601d\u7dad': { correct: 0, total: 0 }\n                };\n                \n                questions.forEach((question, index) => {\n                    categoryScores[question.category].total++;\n                    if (userAnswers[index] === question.correct) {\n                        totalScore += question.score;\n                        correctCount++;\n                        categoryScores[question.category].correct++;\n                    }\n                });\n                \n                return { totalScore, correctCount, categoryScores };\n            }\n            \n            function getLevel(score) {\n                if (score >= 21) {\n                    return { \n                        level: '\u5091\u51fa\u6c34\u6e96', \n                        color: '#43e97b', \n                        description: '\u60a8\u7684\u6297\u5e72\u64fe\u80fd\u529b\u975e\u5e38\u51fa\u8272\uff01\u60a8\u64c1\u6709\u654f\u92b3\u7684\u89c0\u5bdf\u529b\u3001\u9748\u6d3b\u7684\u601d\u7dad\u548c\u512a\u79c0\u7684\u5c08\u6ce8\u529b\u3002' \n                    };\n                } else if (score >= 11) {\n                    return { \n                        level: '\u5e73\u5747\u6c34\u6e96', \n                        color: '#ffa726', \n                        description: '\u60a8\u7684\u6297\u5e72\u64fe\u80fd\u529b\u9054\u5230\u5e73\u5747\u6c34\u6e96\u3002\u6301\u7e8c\u7df4\u7fd2\u53ef\u4ee5\u9032\u4e00\u6b65\u63d0\u5347\u60a8\u7684\u611f\u77e5\u80fd\u529b\u548c\u601d\u7dad\u9748\u6d3b\u6027\u3002' \n                    };\n                } else {\n                    return { \n                        level: '\u5f85\u63d0\u5347', \n                        color: '#ff7043', \n                        description: '\u60a8\u7684\u6297\u5e72\u64fe\u80fd\u529b\u9084\u6709\u5f88\u5927\u63d0\u5347\u7a7a\u9593\u3002\u5efa\u8b70\u591a\u9032\u884c\u5c08\u6ce8\u529b\u8a13\u7df4\u548c\u601d\u7dad\u7df4\u7fd2\u3002' \n                    };\n                }\n            }\n            \n            function getPersonalizedAdvice(categoryScores) {\n                let weaknesses = [];\n                let strengths = [];\n                \n                for (let category in categoryScores) {\n                    const score = categoryScores[category];\n                    if (score.total > 0) {\n                        const percentage = (score.correct \/ score.total) * 100;\n                        if (percentage < 50) {\n                            weaknesses.push(category);\n                        } else if (percentage >= 75) {\n                            strengths.push(category);\n                        }\n                    }\n                }\n                \n                let advice = '<h5 class=\"mb-3\"><i class=\"bi bi-compass me-2\"><\/i>\u500b\u6027\u5316\u5efa\u8b70<\/h5>';\n                \n                if (strengths.length > 0) {\n                    advice += `<p><strong>\u60a8\u7684\u512a\u52e2\u9818\u57df\uff1a<\/strong>${strengths.join('\u3001')}\u3002\u7e7c\u7e8c\u4fdd\u6301\u9019\u4e9b\u65b9\u9762\u7684\u654f\u92b3\u5ea6\uff01<\/p>`;\n                }\n                \n                if (weaknesses.length > 0) {\n                    advice += `<p><strong>\u9700\u8981\u52a0\u5f37\u7684\u9818\u57df\uff1a<\/strong>${weaknesses.join('\u3001')}\u3002<\/p>`;\n                    advice += '<ul class=\"mb-0\">';\n                    \n                    if (weaknesses.includes('\u8996\u89ba\u611f\u77e5')) {\n                        advice += '<li>\u7df4\u7fd2\u89c0\u5bdf\u7d30\u7bc0\uff0c\u5617\u8a66\u8996\u89ba\u8b0e\u984c\u548c\u627e\u4e0d\u540c\u904a\u6232<\/li>';\n                    }\n                    if (weaknesses.includes('\u6ce8\u610f\u529b')) {\n                        advice += '<li>\u9032\u884c\u6b63\u5ff5\u51a5\u60f3\uff0c\u7df4\u7fd2\u5c08\u6ce8\u529b\u8a13\u7df4<\/li>';\n                    }\n                    if (weaknesses.includes('\u6a21\u5f0f\u8b58\u5225')) {\n                        advice += '<li>\u73a9\u6578\u7368\u3001\u62fc\u5716\u7b49\u6a21\u5f0f\u8b58\u5225\u904a\u6232<\/li>';\n                    }\n                    if (weaknesses.includes('\u908f\u8f2f\u63a8\u7406')) {\n                        advice += '<li>\u95b1\u8b80\u63a8\u7406\u5c0f\u8aaa\uff0c\u7df4\u7fd2\u908f\u8f2f\u8b0e\u984c<\/li>';\n                    }\n                    if (weaknesses.includes('\u6297\u5e72\u64fe')) {\n                        advice += '<li>\u5728\u6709\u5e72\u64fe\u7684\u74b0\u5883\u4e2d\u7df4\u7fd2\u5c08\u6ce8\uff0c\u57f9\u990a\u904e\u6ffe\u7121\u95dc\u4fe1\u606f\u7684\u80fd\u529b<\/li>';\n                    }\n                    if (weaknesses.includes('\u6a6b\u5411\u601d\u7dad')) {\n                        advice += '<li>\u5617\u8a66\u8166\u7b4b\u6025\u8f49\u5f4e\uff0c\u7df4\u7fd2\u5f9e\u4e0d\u540c\u89d2\u5ea6\u601d\u8003\u554f\u984c<\/li>';\n                    }\n                    \n                    advice += '<\/ul>';\n                }\n                \n                return advice;\n            }\n            \n            function showResult() {\n                DOM.quizSection.style.display = 'none';\n                DOM.resultSection.style.display = 'block';\n                \n                const { totalScore, correctCount, categoryScores } = calculateScore();\n                const levelInfo = getLevel(totalScore);\n                const accuracy = Math.round((correctCount \/ questions.length) * 100);\n                \n                \/\/ \u92b7\u6bc0\u820a\u7684\u5716\u8868\n                if (chartInstance) {\n                    chartInstance.destroy();\n                }\n                \n                \/\/ \u8a08\u7b97\u5404\u7dad\u5ea6\u5f97\u5206\n                const dimensions = {\n                    '\u611f\u77e5\u654f\u92b3\u5ea6': 0,\n                    '\u601d\u7dad\u9748\u6d3b\u6027': 0,\n                    '\u5c08\u6ce8\u529b': 0,\n                    '\u908f\u8f2f\u63a8\u7406': 0,\n                    '\u6297\u5e72\u64fe\u529b': 0\n                };\n                \n                \/\/ \u6839\u64da\u5404\u985e\u5225\u8868\u73fe\u8a08\u7b97\u7dad\u5ea6\u5f97\u5206\n                dimensions['\u611f\u77e5\u654f\u92b3\u5ea6'] = Math.min(100, \n                    ((categoryScores['\u8996\u89ba\u611f\u77e5'].correct \/ Math.max(1, categoryScores['\u8996\u89ba\u611f\u77e5'].total)) * 100));\n                dimensions['\u5c08\u6ce8\u529b'] = Math.min(100, \n                    ((categoryScores['\u6ce8\u610f\u529b'].correct \/ Math.max(1, categoryScores['\u6ce8\u610f\u529b'].total)) * 100));\n                dimensions['\u908f\u8f2f\u63a8\u7406'] = Math.min(100, \n                    ((categoryScores['\u908f\u8f2f\u63a8\u7406'].correct \/ Math.max(1, categoryScores['\u908f\u8f2f\u63a8\u7406'].total)) * 100));\n                dimensions['\u6297\u5e72\u64fe\u529b'] = Math.min(100, \n                    ((categoryScores['\u6297\u5e72\u64fe'].correct \/ Math.max(1, categoryScores['\u6297\u5e72\u64fe'].total)) * 100));\n                dimensions['\u601d\u7dad\u9748\u6d3b\u6027'] = Math.min(100, \n                    (((categoryScores['\u6a6b\u5411\u601d\u7dad'].correct + categoryScores['\u6a21\u5f0f\u8b58\u5225'].correct) \/ \n                    Math.max(1, categoryScores['\u6a6b\u5411\u601d\u7dad'].total + categoryScores['\u6a21\u5f0f\u8b58\u5225'].total)) * 100));\n                \n                \/\/ \u5275\u5efa\u96f7\u9054\u5716\n                const ctx = document.getElementById('resultChart9').getContext('2d');\n                chartInstance = new Chart(ctx, {\n                    type: 'radar',\n                    data: {\n                        labels: Object.keys(dimensions),\n                        datasets: [{\n                            label: '\u80fd\u529b\u5206\u6790',\n                            data: Object.values(dimensions),\n                            backgroundColor: 'rgba(132, 250, 176, 0.2)',\n                            borderColor: 'rgba(67, 233, 123, 1)',\n                            borderWidth: 2,\n                            pointBackgroundColor: 'rgba(67, 233, 123, 1)',\n                            pointBorderColor: '#fff',\n                            pointHoverBackgroundColor: '#fff',\n                            pointHoverBorderColor: 'rgba(67, 233, 123, 1)'\n                        }]\n                    },\n                    options: {\n                        responsive: true,\n                        maintainAspectRatio: true,\n                        plugins: {\n                            legend: {\n                                display: false\n                            },\n                            tooltip: {\n                                callbacks: {\n                                    label: function(context) {\n                                        return context.label + ': ' + Math.round(context.raw) + '%';\n                                    }\n                                }\n                            }\n                        },\n                        scales: {\n                            r: {\n                                beginAtZero: true,\n                                max: 100,\n                                ticks: {\n                                    stepSize: 20,\n                                    font: {\n                                        size: 14\n                                    }\n                                },\n                                pointLabels: {\n                                    font: {\n                                        size: 18\n                                    }\n                                }\n                            }\n                        }\n                    }\n                });\n                \n                \/\/ \u751f\u6210\u5206\u6790\u5831\u544a\n                const analysisHTML = `\n                    <div class=\"analysis-card-9\">\n                        <h4 class=\"h5 mb-3\"><i class=\"bi bi-trophy-fill me-2\" style=\"color: ${levelInfo.color};\"><\/i>\u6e2c\u9a57\u7d50\u679c<\/h4>\n                        <div class=\"row\">\n                            <div class=\"col-6\">\n                                <p class=\"mb-1\"><strong>\u7e3d\u5f97\u5206\uff1a<\/strong>${totalScore} \/ 24 \u5206<\/p>\n                                <p class=\"mb-0\"><strong>\u7b54\u5c0d\u984c\u6578\uff1a<\/strong>${correctCount} \/ 8 \u984c<\/p>\n                            <\/div>\n                            <div class=\"col-6\">\n                                <p class=\"mb-1\"><strong>\u6b63\u78ba\u7387\uff1a<\/strong>${accuracy}%<\/p>\n                                <p class=\"mb-0\"><strong>\u80fd\u529b\u7b49\u7d1a\uff1a<\/strong><span style=\"color: ${levelInfo.color};\">${levelInfo.level}<\/span><\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"analysis-card-9\">\n                        <h4 class=\"h5 mb-3\"><i class=\"bi bi-chat-square-text me-2\"><\/i>\u80fd\u529b\u8a55\u4f30<\/h4>\n                        <p class=\"mb-0\">${levelInfo.description}<\/p>\n                    <\/div>\n                    \n                    <div class=\"analysis-card-9\">\n                        ${getPersonalizedAdvice(categoryScores)}\n                    <\/div>\n                    \n                    <div class=\"analysis-card-9\">\n                        <h4 class=\"h5 mb-3\"><i class=\"bi bi-lightbulb me-2\"><\/i>\u63d0\u5347\u5efa\u8b70<\/h4>\n                        <ul class=\"mb-0\">\n                            <li>\u6bcf\u5929\u7df4\u7fd210\u5206\u9418\u51a5\u60f3\uff0c\u63d0\u9ad8\u5c08\u6ce8\u529b<\/li>\n                            <li>\u5617\u8a66\u4e0d\u540c\u985e\u578b\u7684\u76ca\u667a\u904a\u6232\uff0c\u8a13\u7df4\u5927\u8166\u9748\u6d3b\u6027<\/li>\n                            <li>\u95b1\u8b80\u6642\u523b\u610f\u5c0b\u627e\u7d30\u7bc0\uff0c\u57f9\u990a\u89c0\u5bdf\u529b<\/li>\n                            <li>\u5b78\u7fd2\u6279\u5224\u6027\u601d\u7dad\uff0c\u907f\u514d\u88ab\u8868\u8c61\u8ff7\u60d1<\/li>\n                        <\/ul>\n                    <\/div>\n                `;\n                \n                DOM.analysisContainer.innerHTML = analysisHTML;\n                window.scrollTo({ top: 0, behavior: 'smooth' });\n            }\n            \n            function showAnswers() {\n                DOM.resultSection.style.display = 'none';\n                DOM.answersSection.style.display = 'block';\n                \n                let answersHTML = '';\n                questions.forEach((question, index) => {\n                    const userAnswer = userAnswers[index];\n                    const isCorrect = userAnswer === question.correct;\n                    \n                    let imageHTML = '';\n                    if (question.image) {\n                        imageHTML = `<img decoding=\"async\" src=\"${question.image}\" alt=\"\u984c\u76ee\u5716\u7247\" class=\"question-image-9 mb-3\" style=\"max-width: 200px;\">`;\n                    }\n                    \n                    answersHTML += `\n                        <div class=\"answer-card-9 ${isCorrect ? 'correct' : 'incorrect'}\">\n                            <h5 class=\"mb-3\">\n                                <span class=\"badge ${isCorrect ? 'bg-success' : 'bg-warning'} me-2\">\n                                    \u7b2c ${index + 1} \u984c ${isCorrect ? '\u2713' : '\u2717'}\n                                <\/span>\n                                ${question.category}\n                            <\/h5>\n                            <p><strong>\u984c\u76ee\uff1a<\/strong>${question.question}<\/p>\n                            ${imageHTML}\n                            <p><strong>\u60a8\u7684\u7b54\u6848\uff1a<\/strong>${question.options[userAnswer]} ${isCorrect ? '\uff08\u6b63\u78ba\uff09' : '\uff08\u932f\u8aa4\uff09'}<\/p>\n                            ${!isCorrect ? `<p><strong>\u6b63\u78ba\u7b54\u6848\uff1a<\/strong>${question.options[question.correct]}<\/p>` : ''}\n                            <div class=\"mt-3 p-3 bg-white rounded\">\n                                <p class=\"mb-0\"><strong>\u89e3\u6790\uff1a<\/strong>${question.explanation}<\/p>\n                            <\/div>\n                        <\/div>\n                    `;\n                });\n                \n                DOM.answersContainer.innerHTML = answersHTML;\n                window.scrollTo({ top: 0, behavior: 'smooth' });\n            }\n            \n            function backToResult() {\n                DOM.answersSection.style.display = 'none';\n                DOM.resultSection.style.display = 'block';\n                window.scrollTo({ top: 0, behavior: 'smooth' });\n            }\n            \n            function resetQuiz() {\n                currentQuestionIndex = 0;\n                userAnswers = [];\n                DOM.resultSection.style.display = 'none';\n                DOM.answersSection.style.display = 'none';\n                DOM.introSection.style.display = 'block';\n                window.scrollTo({ top: 0, behavior: 'smooth' });\n            }\n            \n            return {\n                startQuiz,\n                selectOption,\n                previousQuestion,\n                showAnswers,\n                backToResult,\n                resetQuiz\n            };\n        })();\n    <\/script>","protected":false},"excerpt":{"rendered":"<p>\u4e0b\u9762\u7684\u6d4b\u8bd5\u4e2d\u5305\u62ec12\u9053\u8bd5\u9898\uff0c\u7528\u6765\u6d4b\u8bd5\u4f60\u7684\u611f\u77e5\u80fd\u529b\u4ee5\u53ca\u5bf9\u7ec6\u8282\u7684\u6ce8\u610f\u529b\u3001\u4f60\u601d\u7ef4\u7684\u654f\u6377\u529b\u3001\u6a2a\u5411\u601d\u7ef4\u80fd\u529b\uff0c\u4ee5\u53ca\u4f60\u907f\u514d\u88ab\u8868\u9762\u73b0\u8c61\u8499\u853d\u7684\u80fd\u529b\u3002<\/p>","protected":false},"author":19,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"narrow-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[159,177],"tags":[],"class_list":["post-2885","post","type-post","status-publish","format-standard","hentry","category-aptitude","category-iq"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2885","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/comments?post=2885"}],"version-history":[{"count":3,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2885\/revisions"}],"predecessor-version":[{"id":10635,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2885\/revisions\/10635"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2885"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2885"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2885"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}