{"id":3178,"date":"2023-10-16T09:01:00","date_gmt":"2023-10-16T01:01:00","guid":{"rendered":"https:\/\/bookmark.tw\/?p=3178"},"modified":"2025-05-31T19:26:23","modified_gmt":"2025-05-31T11:26:23","slug":"your-psychological-age","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/your-psychological-age","title":{"rendered":"\u5fc3\u7406\u5e74\u9f84\u7ebf\u4e0a\u514d\u8d39\u6d4b\u9a8c\uff0820\u9898\uff09"},"content":{"rendered":"<!-- \u5f15\u5165Bootstrap CSS\u548c\u4f9d\u8cf4 -->\n<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<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n\n<div class=\"container-fluid min-vh-100 py-4\">\n    <div class=\"container\">\n        <div class=\"row justify-content-center\">\n            <div class=\"col-lg-8 col-xl-7\">\n                \n                <!-- \u6b61\u8fce\u9801\u9762 -->\n                <div id=\"welcome-page\" class=\"quiz-page\">\n                    <div class=\"card shadow-lg border-0 mb-4\">\n                        <div class=\"card-body p-5 text-center\">\n                            <div class=\"mb-4\">\n                                <i class=\"bi bi-brain text-primary\" style=\"font-size: 4rem;\"><\/i>\n                            <\/div>\n                            <h1 class=\"card-title display-4 fw-bold text-primary mb-3\">\u5fc3\u7406\u5e74\u9f61\u6e2c\u9a57<\/h1>\n                            <p class=\"card-text lead text-muted mb-4\">\u767c\u73fe\u4f60\u5167\u5fc3\u771f\u5be6\u7684\u5e74\u9f61<\/p>\n                            \n                            <div class=\"row g-4 mb-5\">\n                                <div class=\"col-md-4\">\n                                    <div class=\"text-center\">\n                                        <div class=\"bg-primary bg-gradient rounded-circle d-inline-flex align-items-center justify-content-center mb-3\" style=\"width: 80px; height: 80px;\">\n                                            <i class=\"bi bi-graph-up text-white fs-2\"><\/i>\n                                        <\/div>\n                                        <h5 class=\"fw-bold\">\u79d1\u5b78\u5206\u6790<\/h5>\n                                        <p class=\"text-muted small\">\u57fa\u65bc\u5fc3\u7406\u5b78\u7406\u8ad6\u7684\u5c08\u696d\u6e2c\u9a57<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"col-md-4\">\n                                    <div class=\"text-center\">\n                                        <div class=\"bg-success bg-gradient rounded-circle d-inline-flex align-items-center justify-content-center mb-3\" style=\"width: 80px; height: 80px;\">\n                                            <i class=\"bi bi-stopwatch text-white fs-2\"><\/i>\n                                        <\/div>\n                                        <h5 class=\"fw-bold\">\u5feb\u901f\u6e2c\u9a57<\/h5>\n                                        <p class=\"text-muted small\">\u50c5\u97003-5\u5206\u9418\u5b8c\u621020\u9053\u984c\u76ee<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"col-md-4\">\n                                    <div class=\"text-center\">\n                                        <div class=\"bg-info bg-gradient rounded-circle d-inline-flex align-items-center justify-content-center mb-3\" style=\"width: 80px; height: 80px;\">\n                                            <i class=\"bi bi-file-text text-white fs-2\"><\/i>\n                                        <\/div>\n                                        <h5 class=\"fw-bold\">\u8a73\u7d30\u5831\u544a<\/h5>\n                                        <p class=\"text-muted small\">\u7372\u5f97\u5b8c\u6574\u7684\u5fc3\u7406\u5e74\u9f61\u5206\u6790\u5831\u544a<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"card shadow border-0 mb-4\">\n                        <div class=\"card-body p-4\">\n                            <div class=\"border-start border-primary border-4 ps-4\">\n                                <h4 class=\"card-title text-primary\">\u4ec0\u9ebc\u662f\u5fc3\u7406\u5e74\u9f61\uff1f<\/h4>\n                                <p class=\"card-text\">\u5fc3\u7406\u5e74\u9f61\u662f\u6307\u4eba\u7684\u6574\u9ad4\u5fc3\u7406\u7279\u5fb5\u6240\u8868\u9732\u7684\u5e74\u9f61\u7279\u5fb5\uff0c\u8207\u5be6\u969b\u5e74\u9f61\u4e26\u4e0d\u5b8c\u5168\u4e00\u81f4\u3002\u4f60\u7684\u5fc3\u7406\u5e74\u9f61\u662f\u591a\u5c11\uff1f\u5f88\u7d14\u771f\u5f88\u76f4\u7387\uff1f\u9084\u662f\u5920\u6210\u719f\u5920\u6709\u667a\u6167\uff1f<\/p>\n                                <p class=\"card-text mb-0\">\u900f\u904e\u9019\u500b\u7c21\u55ae\u800c\u6709\u8da3\u7684\u6e2c\u9a57\uff0c\u5e6b\u52a9\u4f60\u66f4\u597d\u5730\u8a8d\u8b58\u81ea\u5df1\u7684\u5167\u5fc3\u4e16\u754c\uff01<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"text-center\">\n                        <button class=\"btn btn-primary btn-lg px-5 py-3 rounded-pill\" id=\"start-btn\">\n                            <i class=\"bi bi-play-circle me-2\"><\/i>\n                            \u5f00\u59cb\u6d4b\u9a8c\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- \u6e2c\u9a57\u9801\u9762 -->\n                <div id=\"quiz-page\" class=\"quiz-page d-none\">\n                    <div class=\"card shadow-lg border-0\">\n                        <div class=\"card-header bg-primary text-white p-4\">\n                            <div class=\"d-flex justify-content-between align-items-center mb-3\">\n                                <h5 class=\"mb-0 fw-bold\">\u5fc3\u7406\u5e74\u9f61\u6e2c\u9a57<\/h5>\n                                <span class=\"badge bg-light text-dark fs-6\">\n                                    <span id=\"current-q\">1<\/span> \/ <span id=\"total-q\">20<\/span>\n                                <\/span>\n                            <\/div>\n                            <div class=\"progress\" style=\"height: 8px;\">\n                                <div class=\"progress-bar bg-warning\" id=\"progress-bar\" style=\"width: 5%\"><\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card-body p-5\">\n                            <h3 class=\"card-title mb-4 text-dark fw-bold\" id=\"question-text\"><\/h3>\n                            <div id=\"options-container\" class=\"d-grid gap-3\"><\/div>\n                        <\/div>\n                        <div class=\"card-footer bg-light p-4 text-center\">\n                            <button class=\"btn btn-outline-secondary d-none\" id=\"prev-btn\">\n                                <i class=\"bi bi-arrow-left me-2\"><\/i>\u4e0a\u4e00\u9898\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u7d50\u679c\u9801\u9762 -->\n                <div id=\"result-page\" class=\"quiz-page d-none\">\n                    <div class=\"card shadow-lg border-0 mb-4\">\n                        <div class=\"card-body p-5 text-center\">\n                            <div class=\"mb-4\">\n                                <i class=\"bi bi-trophy-fill text-warning\" style=\"font-size: 4rem;\"><\/i>\n                            <\/div>\n                            <h2 class=\"card-title display-5 fw-bold text-primary mb-3\">\u6e2c\u9a57\u5b8c\u6210\uff01<\/h2>\n                            <div class=\"row justify-content-center\">\n                                <div class=\"col-md-6\">\n                                    <div class=\"bg-primary bg-gradient text-white rounded-4 p-4 mb-4\">\n                                        <div class=\"display-3 fw-bold mb-2\" id=\"final-score\"><\/div>\n                                        <h4 class=\"mb-0\" id=\"score-category\"><\/h4>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u96f7\u9054\u5716 -->\n                    <div class=\"card shadow border-0 mb-4\">\n                        <div class=\"card-header bg-light\">\n                            <h5 class=\"card-title mb-0 text-center\">\n                                <i class=\"bi bi-graph-up me-2\"><\/i>\u5fc3\u7406\u5e74\u9f61\u7dad\u5ea6\u5206\u6790\n                            <\/h5>\n                        <\/div>\n                        <div class=\"card-body p-4\">\n                            <div class=\"text-center\">\n                                <canvas id=\"radar-chart\" width=\"400\" height=\"300\"><\/canvas>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u8a73\u7d30\u5206\u6790 -->\n                    <div class=\"card shadow border-0 mb-4\">\n                        <div class=\"card-header bg-light\">\n                            <h5 class=\"card-title mb-0\">\n                                <i class=\"bi bi-lightbulb me-2\"><\/i>\u8be6\u7ec6\u5206\u6790\u62a5\u544a\n                            <\/h5>\n                        <\/div>\n                        <div class=\"card-body p-4\" id=\"analysis-content\"><\/div>\n                    <\/div>\n\n                    <!-- \u500b\u4eba\u5316\u5efa\u8b70 -->\n                    <div class=\"card shadow border-0 mb-4\">\n                        <div class=\"card-header bg-light\">\n                            <h5 class=\"card-title mb-0\">\n                                <i class=\"bi bi-star me-2\"><\/i>\u4e2a\u4eba\u5316\u5efa\u8bae\n                            <\/h5>\n                        <\/div>\n                        <div class=\"card-body p-4\" id=\"suggestions-content\"><\/div>\n                    <\/div>\n\n                    <div class=\"text-center\">\n                        <button class=\"btn btn-primary btn-lg px-5 py-3 rounded-pill\" id=\"restart-btn\">\n                            <i class=\"bi bi-arrow-clockwise me-2\"><\/i>\n                            \u91cd\u65b0\u6d4b\u9a8c\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\nclass MentalAgeQuiz {\n    constructor() {\n        this.currentQuestion = 0;\n        this.answers = [];\n        this.totalScore = 0;\n        this.dimensions = {\n            social: 0,      \/\/ \u793e\u4ea4\u6210\u719f\u5ea6\n            emotional: 0,   \/\/ \u60c5\u7dd2\u7a69\u5b9a\u6027\n            responsibility: 0, \/\/ \u8cac\u4efb\u611f\n            rational: 0,    \/\/ \u7406\u6027\u601d\u8003\n            planning: 0     \/\/ \u751f\u6d3b\u898f\u5283\n        };\n        \n        this.questions = [\n            {\n                question: \"\u4f60\u7684\u53e3\u982d\u79aa\u662f\uff1a\",\n                options: [\n                    { text: \"\u5c31\u9019\u6a23\u5427\", score: 1, dimensions: { emotional: 2, rational: 3 } },\n                    { text: \"\u6211\u7684\u5abd\u5440\/\u5929\u554a\", score: 3, dimensions: { social: 1, emotional: 1 } },\n                    { text: \"\u8d85\u8b9a\u7684\/\u592a\u68d2\u4e86\", score: 2, dimensions: { social: 3, emotional: 4 } },\n                    { text: \"\u55ef\u54fc\/\u597d\u5566\", score: 4, dimensions: { social: 2, rational: 2 } }\n                ]\n            },\n            {\n                question: \"\u5982\u679c\u6642\u5149\u5012\u6d41\uff0c\u4f60\u56de\u5230\u7ae5\u5e74\uff0c\u63d0\u4f9b\u7d66\u4f60\u4e00\u500b\u6536\u96c6\u7684\u6a5f\u6703\uff0c\u4f60\u6703\u7e7c\u7e8c\u6536\u96c6\uff1a\",\n                options: [\n                    { text: \"\u5c0f\u6642\u5019\u7684\u73a9\u5177\u6216\u516c\u4ed4\", score: 2, dimensions: { emotional: 1, planning: 1 } },\n                    { text: \"\u904a\u6232\u5361\u7247\u6216\u8cbc\u7d19\", score: 1, dimensions: { social: 2, emotional: 1 } },\n                    { text: \"\u670b\u53cb\u7684\u4fe1\u4ef6\u6216LINE\u8a0a\u606f\", score: 3, dimensions: { social: 4, emotional: 3 } },\n                    { text: \"\u660e\u4fe1\u7247\u6216\u7d00\u5ff5\u54c1\", score: 4, dimensions: { rational: 3, planning: 4 } }\n                ]\n            },\n            {\n                question: \"\u5230\u4e00\u500b\u90fd\u662f\u964c\u751f\u4eba\u7684\u805a\u6703\u5834\u5408\uff0c\u4f60\u6703\uff1a\",\n                options: [\n                    { text: \"\u5f88\u602f\u5834\uff0c\u4e0d\u77e5\u9053\u8981\u8aaa\u4ec0\u9ebc\", score: 1, dimensions: { social: 1, emotional: 2 } },\n                    { text: \"\u6709\u9ede\u602f\u5834\uff0c\u4f46\u9084\u80fd\u61c9\u4ed8\", score: 3, dimensions: { social: 3, emotional: 3 } },\n                    { text: \"\u5f88\u81ea\u7136\u5730\u878d\u5165\u5927\u5bb6\", score: 5, dimensions: { social: 5, emotional: 4 } }\n                ]\n            },\n            {\n                question: \"\u4f60\u7761\u89ba\u6642\u7fd2\u6163\uff1a\",\n                options: [\n                    { text: \"\u62b1\u8457\u5a03\u5a03\u6216\u62b1\u6795\", score: 1, dimensions: { emotional: 1, rational: 1 } },\n                    { text: \"\u5c31\u662f\u666e\u901a\u7684\u6795\u982d\u548c\u68c9\u88ab\", score: 3, dimensions: { rational: 3, planning: 2 } }\n                ]\n            },\n            {\n                question: \"\u4e0b\u9762\u7684\u5a1b\u6a02\u5167\u5bb9\uff0c\u4f60\u6703\u9078\u64c7\uff1a\",\n                options: [\n                    { text: \"\u9ad4\u80b2\u8cfd\u4e8b\u6216\u6642\u5c1a\u983b\u9053\", score: 4, dimensions: { social: 4, rational: 3 } },\n                    { text: \"\u52d5\u756b\u7247\u6216\u52d5\u6f2b\", score: 1, dimensions: { emotional: 1, social: 2 } },\n                    { text: \"\u96fb\u8996\u5287\u6216\u7d9c\u85dd\u7bc0\u76ee\", score: 3, dimensions: { social: 3, emotional: 3 } },\n                    { text: \"YouTube\u6216\u6296\u97f3\", score: 2, dimensions: { social: 2, rational: 2 } }\n                ]\n            },\n            {\n                question: \"\u548c\u670b\u53cb\u5728\u4e00\u8d77\uff0c\u4f60\u5011\u7d93\u5e38\u662f\u5728\uff1a\",\n                options: [\n                    { text: \"\u804a\u5929\u6ed1\u624b\u6a5f\", score: 2, dimensions: { social: 2, rational: 2 } },\n                    { text: \"\u901b\u8857\u8cfc\u7269\", score: 1, dimensions: { social: 3, planning: 1 } },\n                    { text: \"\u770b\u96fb\u5f71\u6216\u8ffd\u5287\", score: 3, dimensions: { social: 3, emotional: 3 } },\n                    { text: \"\u5403\u98ef\u6216\u559d\u4e0b\u5348\u8336\", score: 4, dimensions: { social: 4, responsibility: 3 } }\n                ]\n            },\n            {\n                question: \"\u5225\u4eba\u8b1b\u81ea\u5df1\u6bd4\u8f03\u96e2\u5947\u7684\u7d93\u6b77\uff0c\u4f60\u6703\uff1a\",\n                options: [\n                    { text: \"\u89ba\u5f97\u5f88\u6709\u8da3\uff0c\u5b8c\u5168\u76f8\u4fe1\", score: 1, dimensions: { rational: 1, emotional: 4 } },\n                    { text: \"\u4fdd\u6301\u61f7\u7591\u7684\u614b\u5ea6\", score: 3, dimensions: { rational: 4, responsibility: 3 } },\n                    { text: \"\u7121\u6240\u8b02\u5566\uff0c\u8868\u9762\u4e0a\u9644\u548c\u5c31\u597d\", score: 5, dimensions: { social: 4, rational: 3 } }\n                ]\n            },\n            {\n                question: \"\u5982\u679c\u5225\u4eba\u9001\u7d66\u4f60\u4e00\u672c\u66f8\u4f5c\u70ba\u79ae\u7269\uff0c\u4f60\u5e0c\u671b\u662f\uff1a\",\n                options: [\n                    { text: \"\u300a\u54c8\u5229\u6ce2\u7279\u300b\u6216\u6f2b\u756b\u66f8\", score: 1, dimensions: { emotional: 2, rational: 1 } },\n                    { text: \"\u8a00\u60c5\u5c0f\u8aaa\u6216\u8f15\u5c0f\u8aaa\", score: 2, dimensions: { emotional: 3, social: 2 } },\n                    { text: \"\u5fc3\u7406\u52f5\u5fd7\u6216\u6210\u9577\u985e\u66f8\u7c4d\", score: 3, dimensions: { rational: 4, responsibility: 4 } },\n                    { text: \"\u5e7e\u7c73\u7e6a\u672c\u6216\u7642\u7652\u7cfb\u5716\u66f8\", score: 4, dimensions: { emotional: 4, rational: 3 } }\n                ]\n            },\n            {\n                question: \"\u4f60\u77e5\u9053\u5c0d\u65b9\u8aaa\u7684\u662f\u5c0d\u7684\uff0c\u4f46\u662f\u614b\u5ea6\u8b93\u4f60\u5f88\u751f\u6c23\uff0c\u4f60\u6703\uff1a\",\n                options: [\n                    { text: \"\u6c23\u547c\u547c\u5730\u7167\u5c0d\u65b9\u8aaa\u7684\u505a\", score: 2, dimensions: { emotional: 2, responsibility: 3 } },\n                    { text: \"\u611f\u8b1d\u5c0d\u65b9\u63d0\u4f9b\u4e86\u597d\u5efa\u8b70\", score: 3, dimensions: { social: 4, rational: 4 } },\n                    { text: \"\u8868\u9762\u4e0a\u4e0d\u807d\uff0c\u4f46\u79c1\u5e95\u4e0b\u6703\u6539\u6b63\", score: 1, dimensions: { emotional: 2, rational: 3 } }\n                ]\n            },\n            {\n                question: \"\u4f11\u9592\u6642\u5916\u51fa\u6d88\u8cbb\uff0c\u4f60\u4ed8\u6b3e\u6642\u7fd2\u6163\uff1a\",\n                options: [\n                    { text: \"\u624b\u6a5f\u884c\u52d5\u652f\u4ed8\u6216\u60a0\u904a\u5361\", score: 3, dimensions: { rational: 4, planning: 3 } },\n                    { text: \"\u5237\u4fe1\u7528\u5361\u6216\u91d1\u878d\u5361\", score: 5, dimensions: { responsibility: 4, planning: 4 } },\n                    { text: \"\u7528\u73fe\u91d1\uff0c\u9322\u96a8\u4fbf\u653e\u5728\u53e3\u888b\u88e1\", score: 1, dimensions: { planning: 1, responsibility: 1 } }\n                ]\n            },\n            {\n                question: \"\u548c\u670b\u53cb\u7d04\u597d\u898b\u9762\uff0c\u5982\u679c\u4f60\u9072\u5230\u4e86\uff0c\u6703\u662f\u56e0\u70ba\uff1a\",\n                options: [\n                    { text: \"\u8def\u4e0a\u585e\u8eca\u6216\u6377\u904b\u8aa4\u9ede\", score: 2, dimensions: { responsibility: 3, planning: 2 } },\n                    { text: \"\u8def\u4e0a\u88ab\u4ec0\u9ebc\u4e8b\u60c5\u803d\u64f1\u4e86\", score: 3, dimensions: { social: 3, planning: 2 } },\n                    { text: \"\u6642\u9593\u89c0\u5ff5\u4e0d\u5f37\uff0c\u6c92\u6ce8\u610f\u6642\u9593\", score: 1, dimensions: { responsibility: 1, planning: 1 } },\n                    { text: \"\u6211\u5f88\u5c11\u9072\u5230\uff0c\u90fd\u6703\u63d0\u65e9\u5230\", score: 4, dimensions: { responsibility: 5, planning: 5 } }\n                ]\n            },\n            {\n                question: \"\u5927\u5bb6\u4e00\u8d77\u5403\u98ef\u7684\u6642\u5019\uff0c\u4f60\u662f\uff1a\",\n                options: [\n                    { text: \"\u4e3b\u52d5\u9ede\u83dc\u5b89\u6392\u7684\u4eba\", score: 2, dimensions: { social: 4, responsibility: 3 } },\n                    { text: \"\u9ede\u81ea\u5df1\u559c\u6b61\u5403\u7684\u83dc\", score: 2, dimensions: { emotional: 2, rational: 2 } },\n                    { text: \"\u96a8\u4fbf\u5403\u4ec0\u9ebc\u90fd\u53ef\u4ee5\", score: 3, dimensions: { social: 3, emotional: 3 } },\n                    { text: \"\u6703\u8003\u616e\u9810\u7b97\u548c\u5927\u5bb6\u7684\u53e3\u5473\", score: 4, dimensions: { social: 4, responsibility: 5 } }\n                ]\n            },\n            {\n                question: \"\u4f60\u7684\u4e3b\u7ba1\u81e8\u6642\u6709\u4e8b\uff0c\u8b93\u4f60\u8ca0\u8cac\u90e8\u9580\u696d\u52d9\uff0c\u4f60\u7684\u53cd\u61c9\u662f\uff1a\",\n                options: [\n                    { text: \"\u592a\u597d\u4e86\uff0c\u6c92\u4eba\u7ba1\u6211\u4e86\", score: 1, dimensions: { responsibility: 1, rational: 1 } },\n                    { text: \"\u9019\u662f\u500b\u8868\u73fe\u80fd\u529b\u7684\u597d\u6a5f\u6703\", score: 2, dimensions: { responsibility: 3, planning: 4 } },\n                    { text: \"\u8cac\u4efb\u91cd\u5927\uff0c\u5e0c\u671b\u80fd\u6709\u76f8\u5c0d\u61c9\u7684\u6d25\u8cbc\", score: 3, dimensions: { responsibility: 4, rational: 5 } }\n                ]\n            },\n            {\n                question: \"\u7a81\u7136\u4e2d\u4e86\u6a02\u900f\u982d\u734e500\u842c\uff0c\u4f60\u6703\u99ac\u4e0a\uff1a\",\n                options: [\n                    { text: \"\u8cb7\u81ea\u5df1\u60f3\u8981\u7684\u6771\u897f\", score: 1, dimensions: { emotional: 3, planning: 1 } },\n                    { text: \"\u5b58\u4e00\u90e8\u5206\uff0c\u82b1\u4e00\u90e8\u5206\", score: 2, dimensions: { rational: 3, planning: 3 } },\n                    { text: \"\u62ff\u4f86\u6295\u8cc7\u6216\u5275\u696d\", score: 3, dimensions: { rational: 5, planning: 5 } }\n                ]\n            },\n            {\n                question: \"\u4e00\u500b\u4eba\u7368\u8655\u7684\u6642\u5019\uff0c\u4f60\u6703\u89ba\u5f97\uff1a\",\n                options: [\n                    { text: \"\u5f88\u7121\u804a\u5f88\u5b64\u55ae\", score: 2, dimensions: { social: 2, emotional: 2 } },\n                    { text: \"\u4eab\u53d7\u9019\u7a2e\u5b89\u975c\u7684\u6642\u5149\", score: 3, dimensions: { emotional: 4, rational: 4 } },\n                    { text: \"\u5fc3\u88e1\u4e0d\u8e0f\u5be6\", score: 1, dimensions: { emotional: 1, social: 2 } },\n                    { text: \"\u5f88\u6b63\u5e38\uff0c\u4eba\u90fd\u9700\u8981\u7368\u8655\u7a7a\u9593\", score: 4, dimensions: { emotional: 5, rational: 4 } }\n                ]\n            },\n            {\n                question: \"\u770b\u5230\u793e\u6703\u4e0a\u4e0d\u516c\u5e73\u7684\u4e8b\u60c5\uff0c\u4f60\u6703\uff1a\",\n                options: [\n                    { text: \"\u5f88\u61a4\u6012\uff0c\u60f3\u8981\u6539\u8b8a\u73fe\u72c0\", score: 1, dimensions: { emotional: 2, responsibility: 3 } },\n                    { text: \"\u5728\u80fd\u529b\u7bc4\u570d\u5167\u767c\u8072\u6216\u884c\u52d5\", score: 3, dimensions: { responsibility: 4, rational: 4 } },\n                    { text: \"\u898b\u591a\u4e86\uff0c\u5df2\u7d93\u7fd2\u4ee5\u70ba\u5e38\u4e86\", score: 5, dimensions: { rational: 5, emotional: 4 } }\n                ]\n            },\n            {\n                question: \"\u4f60\u89ba\u5f97\uff0c\u990a\u6210\u4e00\u500b\u597d\u7fd2\u6163\uff0c\u6bd4\u5982\u65e9\u8d77\u904b\u52d5\uff0c\u5be6\u5728\u662f\uff1a\",\n                options: [\n                    { text: \"\u4e0d\u7b97\u592a\u56f0\u96e3\u7684\u4e8b\", score: 3, dimensions: { responsibility: 4, planning: 4 } },\n                    { text: \"\u592a\u96e3\u6301\u7e8c\u4e86\", score: 3, dimensions: { emotional: 3, responsibility: 2 } },\n                    { text: \"\u7e3d\u662f\u88ab\u61f6\u6563\u6253\u6557\", score: 1, dimensions: { responsibility: 1, planning: 1 } }\n                ]\n            },\n            {\n                question: \"\u5927\u5bb6\u90fd\u89ba\u5f97\u4f60\u662f\u4e00\u500b\uff1a\",\n                options: [\n                    { text: \"\u5f88\u6709\u8da3\u7684\u4eba\", score: 1, dimensions: { social: 4, emotional: 3 } },\n                    { text: \"\u5f88\u8aa0\u5be6\u7684\u4eba\", score: 3, dimensions: { responsibility: 4, rational: 3 } },\n                    { text: \"\u5f88\u8070\u660e\u7684\u4eba\", score: 2, dimensions: { rational: 4, social: 3 } },\n                    { text: \"\u883b\u666e\u901a\u7684\u4eba\", score: 4, dimensions: { emotional: 3, social: 2 } }\n                ]\n            },\n            {\n                question: \"\u5e7e\u500b\u670b\u53cb\u6b63\u5728\u8a0e\u8ad6\u4e00\u500b\u6050\u6016\u6545\u4e8b\uff0c\u4f60\u6703\uff1a\",\n                options: [\n                    { text: \"\u807d\u5f97\u5f88\u5165\u8ff7\uff0c\u5f77\u5f7f\u8eab\u6b77\u5176\u5883\", score: 2, dimensions: { emotional: 3, social: 3 } },\n                    { text: \"\u5206\u4eab\u4e00\u500b\u81ea\u5df1\u77e5\u9053\u7684\u66f4\u6050\u6016\u6545\u4e8b\", score: 1, dimensions: { social: 4, emotional: 2 } },\n                    { text: \"\u5b89\u6170\u5927\u5bb6\u5176\u5be6\u6c92\u4ec0\u9ebc\u597d\u6015\u7684\", score: 3, dimensions: { social: 4, rational: 4 } },\n                    { text: \"\u89ba\u5f97\u6210\u5e74\u4eba\u9084\u6015\u9019\u4e9b\u5f88\u5e7c\u7a1a\", score: 4, dimensions: { rational: 4, emotional: 3 } }\n                ]\n            },\n            {\n                question: \"\u665a\u4e0a\u8eba\u5e8a\u4e0a\u5f8c\uff0c\u4f60\u4e00\u822c\uff1a\",\n                options: [\n                    { text: \"\u5f88\u5feb\u5c31\u80fd\u5165\u7761\", score: 1, dimensions: { emotional: 4, planning: 2 } },\n                    { text: \"\u6703\u60f3\u4e00\u4e9b\u4e8b\u60c5\uff0c\u4f46\u4e0d\u5f71\u97ff\u7761\u7720\", score: 3, dimensions: { rational: 4, emotional: 3 } },\n                    { text: \"\u6ed1\u624b\u6a5f\u5230\u774f\u4e86\u624d\u7761\", score: 1, dimensions: { responsibility: 1, planning: 1 } }\n                ]\n            }\n        ];\n\n        this.results = {\n            30: {\n                category: \"\u6c38\u9060\u7684\u5927\u5b69\u5b50\",\n                title: \"\u6c38\u9060\u7684\u5927\u5b69\u5b50 \ud83e\uddf8\",\n                description: \"\u5225\u518d\u88dd\u6210\u719f\u4e86\uff0c\u4f60\u672c\u8cea\u4e0a\u9084\u662f\u4e00\u500b\u5929\u771f\u53ef\u611b\u7684\u5927\u5b69\u5b50\u3002\u9019\u500b\u4e16\u754c\u53ef\u80fd\u548c\u4f60\u7684\u7f8e\u597d\u60f3\u50cf\u4e0d\u592a\u4e00\u6a23\uff0c\u4f46\u6c92\u95dc\u4fc2\uff0c\u4fdd\u6301\u6a02\u89c0\u5411\u4e0a\u7684\u5fc3\u614b\uff0c\u4e00\u5207\u90fd\u6703\u597d\u8d77\u4f86\u7684\u3002\",\n                details: \"\u4e0d\u904e\uff0c\u5076\u723e\u4e5f\u8981\u9ad4\u8cbc\u4e00\u4e0b\u5225\u4eba\u7684\u611f\u53d7\uff0c\u4e0d\u8981\u592a\u4efb\u6027\u5594\u3002\u5de5\u4f5c\u4e0a\u5982\u679c\u80fd\u518d\u6210\u719f\u7a69\u91cd\u4e00\u4e9b\uff0c\u5c31\u66f4\u5b8c\u7f8e\u4e86\u3002\u8a18\u4f4f\uff0c\u76f4\u7387\u662f\u512a\u9ede\uff0c\u4f46\u4e5f\u8981\u5b78\u6703\u5bdf\u8a00\u89c0\u8272\uff0c\u907f\u514d\u7121\u610f\u4e2d\u50b7\u5bb3\u5230\u5225\u4eba\u3002\"\n            },\n            55: {\n                category: \"\u7ae5\u5fc3\u672a\u6cef\",\n                title: \"\u7ae5\u5fc3\u672a\u6cef \ud83c\udf1f\",\n                description: \"\u4f60\u5728\u751f\u6d3b\u548c\u5de5\u4f5c\u4e2d\u9084\u4fdd\u7559\u8457\u5e7e\u5206\u7ae5\u5fc3\u548c\u597d\u5947\u5fc3\uff0c\u4f46\u73fe\u5be6\u5df2\u7d93\u8b93\u4f60\u7684\u5929\u771f\u6d88\u78e8\u4e86\u4e0d\u5c11\u3002\u5225\u7e3d\u662f\u90a3\u9ebc\u7dca\u5f35\u516e\u516e\u7684\uff0c\u9069\u7576\u653e\u9b06\u4e00\u4e0b\uff0c\u7d66\u81ea\u5df1\u7559\u9ede\u81ea\u7531\u7684\u7a7a\u9593\u3002\",\n                details: \"\u4f60\u6bd4\u8f03\u64c5\u9577\u96b1\u85cf\u81ea\u5df1\u7684\u5931\u843d\uff0c\u7fd2\u6163\u7368\u81ea\u6d88\u5316\u8ca0\u9762\u60c5\u7dd2\u3002\u5982\u679c\u80fd\u5b78\u6703\u300c\u5f97\u610f\u6642\u4e0d\u5fd8\u5f62\uff0c\u5931\u610f\u6642\u4e0d\u6c23\u9912\u300d\uff0c\u5c31\u6703\u66f4\u52a0\u6210\u719f\u7a69\u91cd\u4e86\u3002\"\n            },\n            70: {\n                category: \"\u6210\u719f\u7a69\u91cd\",\n                title: \"\u6210\u719f\u7a69\u91cd \ud83c\udf33\",\n                description: \"\u4f60\u7684\u5fc3\u7406\u5e74\u9f61\u548c\u751f\u7406\u5e74\u9f61\u57fa\u672c\u76f8\u7b26\uff0c\u751a\u81f3\u7565\u986f\u6210\u719f\u3002\u4f60\u6309\u90e8\u5c31\u73ed\u5730\u8d70\u8457\u4eba\u751f\u7684\u6bcf\u4e00\u6b65\uff0c\u8173\u6b65\u624e\u5be6\u7a69\u91cd\u3002\",\n                details: \"\u96d6\u7136\u5076\u723e\u6703\u61f7\u5ff5\u904e\u53bb\uff0c\u4f46\u4f60\u66f4\u5c08\u6ce8\u65bc\u628a\u63e1\u73fe\u5728\u3002\u670b\u53cb\u5011\u9047\u5230\u554f\u984c\u6642\u9858\u610f\u627e\u4f60\u5546\u91cf\uff0c\u56e0\u70ba\u4f60\u80fd\u7d66\u4eba\u4e00\u7a2e\u53ef\u9760\u7684\u5b89\u5168\u611f\u3002\u76f8\u4fe1\u5728\u8077\u5834\u6216\u670b\u53cb\u5708\u88e1\uff0c\u4f60\u90fd\u662f\u5927\u5bb6\u7684\u7cbe\u795e\u652f\u67f1\u3002\"\n            },\n            100: {\n                category: \"\u4eba\u751f\u667a\u8005\",\n                title: \"\u4eba\u751f\u667a\u8005 \ud83e\udd89\",\n                description: \"\u4f60\u771f\u7684\u5f88\u6210\u719f\u3001\u5f88\u6709\u667a\u6167\u3001\u5f88\u6709\u9060\u898b\uff01\u9762\u5c0d\u8907\u96dc\u7684\u4eba\u969b\u95dc\u4fc2\u548c\u793e\u6703\u554f\u984c\uff0c\u4f60\u90fd\u80fd\u6e38\u5203\u6709\u9918\u5730\u8655\u7406\u3002\",\n                details: \"\u4f60\u5177\u5099\u4e86\u8d85\u8d8a\u540c\u9f61\u4eba\u7684\u6d1e\u5bdf\u529b\u548c\u5224\u65b7\u529b\uff0c\u5728\u91cd\u8981\u6c7a\u7b56\u9762\u524d\u7e3d\u80fd\u4fdd\u6301\u51b7\u975c\u7406\u667a\u3002\u4e0d\u904e\uff0c\u5076\u723e\u4e5f\u8981\u653e\u4e0b\u7406\u6027\u7684\u76d4\u7532\uff0c\u8b93\u81ea\u5df1\u8f15\u9b06\u4e00\u4e0b\uff0c\u4eab\u53d7\u751f\u6d3b\u4e2d\u7c21\u55ae\u7684\u5feb\u6a02\u3002\"\n            }\n        };\n\n        this.init();\n    }\n\n    init() {\n        this.bindEvents();\n        this.showPage('welcome');\n    }\n\n    bindEvents() {\n        document.getElementById('start-btn').addEventListener('click', () => this.startQuiz());\n        document.getElementById('prev-btn').addEventListener('click', () => this.previousQuestion());\n        document.getElementById('restart-btn').addEventListener('click', () => this.restartQuiz());\n    }\n\n    showPage(pageId) {\n        document.querySelectorAll('.quiz-page').forEach(page => {\n            page.classList.add('d-none');\n        });\n        document.getElementById(`${pageId}-page`).classList.remove('d-none');\n        window.scrollTo(0, 0);\n    }\n\n    startQuiz() {\n        this.currentQuestion = 0;\n        this.answers = [];\n        this.totalScore = 0;\n        this.dimensions = { social: 0, emotional: 0, responsibility: 0, rational: 0, planning: 0 };\n        this.showPage('quiz');\n        this.renderQuestion();\n    }\n\n    renderQuestion() {\n        const question = this.questions[this.currentQuestion];\n        \n        \/\/ \u66f4\u65b0\u9032\u5ea6\n        document.getElementById('current-q').textContent = this.currentQuestion + 1;\n        const progress = ((this.currentQuestion + 1) \/ this.questions.length) * 100;\n        document.getElementById('progress-bar').style.width = `${progress}%`;\n        \n        \/\/ \u66f4\u65b0\u554f\u984c\n        document.getElementById('question-text').textContent = question.question;\n        \n        \/\/ \u751f\u6210\u9078\u9805\n        const container = document.getElementById('options-container');\n        container.innerHTML = '';\n        \n        question.options.forEach((option, index) => {\n            const button = document.createElement('button');\n            button.className = 'btn btn-outline-primary btn-lg text-start p-3';\n            button.innerHTML = `<i class=\"bi bi-circle me-3\"><\/i>${option.text}`;\n            button.addEventListener('click', () => this.selectOption(index, button));\n            \n            \/\/ \u5982\u679c\u6709\u5df2\u9078\u7b54\u6848\uff0c\u6062\u5fa9\u9078\u4e2d\u72c0\u614b\n            if (this.answers[this.currentQuestion] === index) {\n                button.className = 'btn btn-primary btn-lg text-start p-3';\n                button.innerHTML = `<i class=\"bi bi-check-circle-fill me-3\"><\/i>${option.text}`;\n            }\n            \n            container.appendChild(button);\n        });\n        \n        \/\/ \u63a7\u5236\u4e0a\u4e00\u984c\u6309\u9215\n        const prevBtn = document.getElementById('prev-btn');\n        if (this.currentQuestion > 0) {\n            prevBtn.classList.remove('d-none');\n        } else {\n            prevBtn.classList.add('d-none');\n        }\n    }\n\n    selectOption(optionIndex, buttonElement) {\n        \/\/ \u66f4\u65b0\u6240\u6709\u6309\u9215\u72c0\u614b\n        const container = document.getElementById('options-container');\n        container.querySelectorAll('button').forEach((btn, index) => {\n            if (index === optionIndex) {\n                btn.className = 'btn btn-primary btn-lg text-start p-3';\n                btn.innerHTML = btn.innerHTML.replace('bi-circle', 'bi-check-circle-fill');\n            } else {\n                btn.className = 'btn btn-outline-primary btn-lg text-start p-3';\n                btn.innerHTML = btn.innerHTML.replace('bi-check-circle-fill', 'bi-circle');\n            }\n        });\n        \n        \/\/ \u8a18\u9304\u7b54\u6848\n        this.answers[this.currentQuestion] = optionIndex;\n        \n        \/\/ \u5ef6\u9072\u9032\u5165\u4e0b\u4e00\u984c\n        setTimeout(() => {\n            this.nextQuestion();\n        }, 600);\n    }\n\n    nextQuestion() {\n        if (this.currentQuestion < this.questions.length - 1) {\n            this.currentQuestion++;\n            this.renderQuestion();\n        } else {\n            this.finishQuiz();\n        }\n    }\n\n    previousQuestion() {\n        if (this.currentQuestion > 0) {\n            this.currentQuestion--;\n            this.renderQuestion();\n        }\n    }\n\n    finishQuiz() {\n        this.calculateScore();\n        this.showResult();\n        this.showPage('result');\n    }\n\n    calculateScore() {\n        this.totalScore = 0;\n        this.dimensions = { social: 0, emotional: 0, responsibility: 0, rational: 0, planning: 0 };\n        \n        this.answers.forEach((answerIndex, questionIndex) => {\n            if (answerIndex !== undefined) {\n                const question = this.questions[questionIndex];\n                const selectedOption = question.options[answerIndex];\n                this.totalScore += selectedOption.score;\n                \n                \/\/ \u7d2f\u8a08\u5404\u7dad\u5ea6\u5206\u6578\n                if (selectedOption.dimensions) {\n                    Object.keys(selectedOption.dimensions).forEach(dim => {\n                        this.dimensions[dim] += selectedOption.dimensions[dim];\n                    });\n                }\n            }\n        });\n        \n        \/\/ \u6a19\u6e96\u5316\u7dad\u5ea6\u5206\u6578\u52300-100\n        Object.keys(this.dimensions).forEach(dim => {\n            this.dimensions[dim] = Math.min(100, Math.max(0, (this.dimensions[dim] \/ this.questions.length) * 20));\n        });\n    }\n\n    getResultCategory() {\n        if (this.totalScore <= 30) {\n            return this.results[30];\n        } else if (this.totalScore <= 55) {\n            return this.results[55];\n        } else if (this.totalScore <= 70) {\n            return this.results[70];\n        } else {\n            return this.results[100];\n        }\n    }\n\n    showResult() {\n        const result = this.getResultCategory();\n        \n        \/\/ \u986f\u793a\u5206\u6578\u548c\u985e\u5225\n        document.getElementById('final-score').textContent = `${this.totalScore}\u5206`;\n        document.getElementById('score-category').textContent = result.category;\n        \n        \/\/ \u986f\u793a\u5206\u6790\u5167\u5bb9\n        const analysisContent = document.getElementById('analysis-content');\n        analysisContent.innerHTML = `\n            <h4 class=\"text-primary\">${result.title}<\/h4>\n            <p class=\"lead\">${result.description}<\/p>\n            <p>${result.details}<\/p>\n        `;\n        \n        \/\/ \u986f\u793a\u500b\u4eba\u5316\u5efa\u8b70\n        this.showPersonalizedSuggestions();\n        \n        \/\/ \u751f\u6210\u96f7\u9054\u5716\n        setTimeout(() => {\n            this.renderRadarChart();\n        }, 100);\n    }\n\n    showPersonalizedSuggestions() {\n        const suggestions = this.generatePersonalizedSuggestions();\n        const container = document.getElementById('suggestions-content');\n        \n        let html = '<div class=\"row g-3\">';\n        suggestions.forEach((suggestion, index) => {\n            const colors = ['primary', 'success', 'info', 'warning', 'danger'];\n            const color = colors[index % colors.length];\n            html += `\n                <div class=\"col-md-6\">\n                    <div class=\"card border-${color} h-100\">\n                        <div class=\"card-body\">\n                            <h6 class=\"card-title text-${color}\">\n                                <i class=\"bi ${suggestion.icon} me-2\"><\/i>${suggestion.title}\n                            <\/h6>\n                            <p class=\"card-text small\">${suggestion.content}<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            `;\n        });\n        html += '<\/div>';\n        \n        container.innerHTML = html;\n    }\n\n    generatePersonalizedSuggestions() {\n        const suggestions = [];\n        \n        \/\/ \u57fa\u65bc\u7dad\u5ea6\u5206\u6578\u7d66\u51fa\u5efa\u8b70\n        if (this.dimensions.social < 50) {\n            suggestions.push({\n                title: \"\u63d0\u5347\u793e\u4ea4\u80fd\u529b\",\n                icon: \"bi-people\",\n                content: \"\u8a66\u8457\u4e3b\u52d5\u53c3\u52a0\u793e\u4ea4\u6d3b\u52d5\uff0c\u591a\u8207\u4ed6\u4eba\u4ea4\u6d41\u3002\u53ef\u4ee5\u5f9e\u5c0f\u7fa4\u9ad4\u958b\u59cb\uff0c\u9010\u6b65\u64f4\u5927\u793e\u4ea4\u5708\u3002\"\n            });\n        }\n        \n        if (this.dimensions.emotional < 50) {\n            suggestions.push({\n                title: \"\u60c5\u7dd2\u7ba1\u7406\",\n                icon: \"bi-heart\",\n                content: \"\u5b78\u7fd2\u6b63\u5ff5\u51a5\u60f3\u6216\u6df1\u547c\u5438\u6280\u5de7\uff0c\u5e6b\u52a9\u81ea\u5df1\u66f4\u597d\u5730\u7ba1\u7406\u60c5\u7dd2\u6ce2\u52d5\u3002\"\n            });\n        }\n        \n        if (this.dimensions.responsibility < 50) {\n            suggestions.push({\n                title: \"\u57f9\u990a\u8cac\u4efb\u611f\",\n                icon: \"bi-shield-check\",\n                content: \"\u5f9e\u5c0f\u4e8b\u505a\u8d77\uff0c\u990a\u6210\u5b88\u6642\u3001\u5b88\u4fe1\u7684\u7fd2\u6163\u3002\u8a2d\u5b9a\u76ee\u6a19\u4e26\u5805\u6301\u5b8c\u6210\u3002\"\n            });\n        }\n        \n        if (this.dimensions.rational < 50) {\n            suggestions.push({\n                title: \"\u7406\u6027\u601d\u8003\",\n                icon: \"bi-lightbulb\",\n                content: \"\u9047\u4e8b\u5148\u51b7\u975c\u601d\u8003\uff0c\u591a\u89d2\u5ea6\u5206\u6790\u554f\u984c\u3002\u53ef\u4ee5\u5617\u8a66\u5beb\u65e5\u8a18\u4f86\u6574\u7406\u601d\u8def\u3002\"\n            });\n        }\n        \n        if (this.dimensions.planning < 50) {\n            suggestions.push({\n                title: \"\u898f\u5283\u80fd\u529b\",\n                icon: \"bi-calendar-check\",\n                content: \"\u5236\u5b9a\u65e5\u7a0b\u8868\u548c\u76ee\u6a19\u6e05\u55ae\uff0c\u57f9\u990a\u63d0\u524d\u898f\u5283\u7684\u7fd2\u6163\u3002\u4f7f\u7528\u6642\u9593\u7ba1\u7406\u5de5\u5177\u3002\"\n            });\n        }\n        \n        \/\/ \u5982\u679c\u6240\u6709\u7dad\u5ea6\u90fd\u4e0d\u932f\uff0c\u7d66\u51fa\u6210\u9577\u5efa\u8b70\n        if (suggestions.length === 0) {\n            suggestions.push(\n                {\n                    title: \"\u4fdd\u6301\u6210\u9577\",\n                    icon: \"bi-graph-up-arrow\",\n                    content: \"\u7e7c\u7e8c\u4fdd\u6301\u76ee\u524d\u7684\u5e73\u8861\u72c0\u614b\uff0c\u53ef\u4ee5\u5617\u8a66\u6311\u6230\u66f4\u9ad8\u7684\u76ee\u6a19\u3002\"\n                },\n                {\n                    title: \"\u5e6b\u52a9\u4ed6\u4eba\",\n                    icon: \"bi-hand-thumbs-up\",\n                    content: \"\u5206\u4eab\u4f60\u7684\u7d93\u9a57\u548c\u667a\u6167\uff0c\u6210\u70ba\u4ed6\u4eba\u7684\u699c\u6a23\u548c\u5c0e\u5e2b\u3002\"\n                }\n            );\n        }\n        \n        return suggestions.slice(0, 4); \/\/ \u6700\u591a\u986f\u793a4\u500b\u5efa\u8b70\n    }\n\n    renderRadarChart() {\n        const ctx = document.getElementById('radar-chart');\n        if (!ctx) return;\n        \n        \/\/ \u92b7\u6bc0\u73fe\u6709\u5716\u8868\n        if (window.radarChart) {\n            window.radarChart.destroy();\n        }\n        \n        const labels = ['\u793e\u4ea4\u6210\u719f\u5ea6', '\u60c5\u7dd2\u7a69\u5b9a\u6027', '\u8cac\u4efb\u611f', '\u7406\u6027\u601d\u8003', '\u751f\u6d3b\u898f\u5283'];\n        const data = [\n            this.dimensions.social,\n            this.dimensions.emotional,\n            this.dimensions.responsibility,\n            this.dimensions.rational,\n            this.dimensions.planning\n        ];\n        \n        window.radarChart = new Chart(ctx, {\n            type: 'radar',\n            data: {\n                labels: labels,\n                datasets: [{\n                    label: '\u5fc3\u7406\u5e74\u9f61\u7dad\u5ea6',\n                    data: data,\n                    fill: true,\n                    backgroundColor: 'rgba(13, 110, 253, 0.2)',\n                    borderColor: 'rgba(13, 110, 253, 1)',\n                    pointBackgroundColor: 'rgba(13, 110, 253, 1)',\n                    pointBorderColor: '#fff',\n                    pointHoverBackgroundColor: '#fff',\n                    pointHoverBorderColor: 'rgba(13, 110, 253, 1)',\n                    pointRadius: 6,\n                    pointHoverRadius: 8,\n                    borderWidth: 3\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.parsed.r)}\u5206`;\n                            }\n                        }\n                    }\n                },\n                scales: {\n                    r: {\n                        angleLines: {\n                            display: true,\n                            color: 'rgba(0, 0, 0, 0.1)'\n                        },\n                        grid: {\n                            color: 'rgba(0, 0, 0, 0.1)'\n                        },\n                        pointLabels: {\n                            font: {\n                                size: 14,\n                                weight: '600'\n                            },\n                            color: '#495057'\n                        },\n                        ticks: {\n                            display: false,\n                            stepSize: 20\n                        },\n                        suggestedMin: 0,\n                        suggestedMax: 100\n                    }\n                }\n            }\n        });\n    }\n\n    restartQuiz() {\n        this.currentQuestion = 0;\n        this.answers = [];\n        this.totalScore = 0;\n        this.dimensions = { social: 0, emotional: 0, responsibility: 0, rational: 0, planning: 0 };\n        \n        \/\/ \u92b7\u6bc0\u5716\u8868\n        if (window.radarChart) {\n            window.radarChart.destroy();\n            window.radarChart = null;\n        }\n        \n        this.showPage('welcome');\n    }\n}\n\n\/\/ \u521d\u59cb\u5316\u6e2c\u9a57\ndocument.addEventListener('DOMContentLoaded', () => {\n    new MentalAgeQuiz();\n});\n<\/script>","protected":false},"excerpt":{"rendered":"<p>\u5fc3\u7406\u5e74\u9f84\u662f\u6307\u4eba\u7684\u6574\u4f53\u5fc3\u7406\u7279\u5f81\u6240\u8868\u9732\u7684\u5e74\u9f84\u7279\u5f81\uff0c\u4e0e\u5b9e\u9645\u5e74\u9f84\u5e76\u4e0d\u5b8c\u5168\u4e00\u81f4\u3002\u4f60\u7684\u5fc3\u7406\u5e74\u9f84\uff1f\u5f88\u50bb\u5f88\u5929\u771f\uff1f\u8fd8\u662f\u591f\u8001\u591f\u6df1\u6c89\uff1f\u7b80\u5355\u7684\u51e0\u4e2a\u95ee\u9898\uff0c\u53ef\u4ee5\u5e2e\u52a9\u4f60\u8ba4\u8bc6\u4f60\u81ea\u5df1\uff01<\/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":"normal-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":"","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":[167],"tags":[],"class_list":["post-3178","post","type-post","status-publish","format-standard","hentry","category-personality"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/3178","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=3178"}],"version-history":[{"count":3,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/3178\/revisions"}],"predecessor-version":[{"id":10142,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/3178\/revisions\/10142"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=3178"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=3178"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=3178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}