{"id":9013,"date":"2025-02-28T16:47:09","date_gmt":"2025-02-28T08:47:09","guid":{"rendered":"https:\/\/xinliceyan.org\/?p=9013"},"modified":"2025-05-05T23:11:51","modified_gmt":"2025-05-05T15:11:51","slug":"personality-social-test","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/personality-social-test","title":{"rendered":"10\u9898\u6d4b\u51fa\u4f60\u7684\u793e\u4ea4\u6c42\u751f\u672f\uff01\u7206\u51c6\u5fc3\u7406\u6d4b\u9a8c\u63ed\u9732\u4f60\u662f\u8c08\u5224\u4e13\u5bb6\u8fd8\u662f\u5185\u4f24\u8fbe\u4eba"},"content":{"rendered":"<!-- \u793e\u4ea4\u6c42\u751f\u8853\u6e2c\u9a57 -->\n<div id=\"quiz-container\" class=\"quiz-social-skills\">\n  <!-- \u5f15\u5c0e\u9801 -->\n  <div id=\"intro-page\" class=\"quiz-page active\">\n    <div class=\"quiz-content\">\n      <h2 class=\"quiz-title\">10\u9898\u6d4b\u51fa\u4f60\u7684\u793e\u4ea4\u6c42\u751f\u672f\uff01<\/h2>\n      <h3 class=\"quiz-subtitle\">\u7206\u51c6\u5fc3\u7406\u6d4b\u9a8c\u63ed\u9732\u4f60\u662f\u8c08\u5224\u4e13\u5bb6\u8fd8\u662f\u5185\u4f24\u8fbe\u4eba<\/h3>\n      <div class=\"quiz-description\">\n        <p>\u300c\u6709\u6ca1\u6709\u53d1\u73b0\u2026\u4f60\u5f00\u59cb\u5bf9\u4eba\u6027\u5931\u671b\u5374\u5047\u88c5\u6ca1\u4e8b\uff1f\u300d<\/p>\n        <p>\u8fd9\u4efd\u753120\u5e74\u8d44\u5386\u54a8\u5546\u5e08\u8bbe\u8ba1\u7684\u6d4b\u9a8c\uff0c<\/p>\n        <p>\u5c06\u900f\u8fc7\u65e5\u5e3810\u4e2a\u6b8b\u9177\u5c0f\u9009\u62e9\uff0c<\/p>\n        <p>\u63ed\u5f00\u4f60\u85cf\u5728\u300e\u4f5b\u7cfb\u7b11\u5bb9\u300f\u4e0b\u7684\u771f\u5b9e<\/p>\n        <p class=\"quiz-note\">\u2757\u6ce8\u610f\uff1a\u51ed\u76f4\u89c9\u56de\u7b54\uff0c\u8d8a\u6323\u624e\u8d8a\u51c6<\/p>\n      <\/div>\n      <button id=\"start-quiz\" class=\"quiz-btn\">\u5f00\u59cb\u6d4b\u9a8c<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u6e2c\u9a57\u9801 -->\n  <div id=\"quiz-page\" class=\"quiz-page\">\n    <div class=\"quiz-content\">\n      <div id=\"progress-container\" class=\"progress-container\">\n        <div class=\"progress-text\">\u95ee\u9898 <span id=\"current-question\">1<\/span>\/<span id=\"total-questions\">10<\/span><\/div>\n        <div class=\"progress-bar-container\">\n          <div id=\"progress-bar\" class=\"progress-bar\"><\/div>\n        <\/div>\n      <\/div>\n      <div id=\"question-container\"><\/div>\n      <div id=\"options-container\" class=\"options-container\"><\/div>\n      <button id=\"prev-btn\" class=\"quiz-btn secondary-btn\">\u4e0a\u4e00\u9898<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u7d50\u679c\u9801 -->\n  <div id=\"result-page\" class=\"quiz-page\">\n    <div class=\"quiz-content\">\n      <h2 class=\"result-title\">\u4f60\u7684\u793e\u4ea4\u6c42\u751f\u672f<\/h2>\n      <div class=\"result-type\"><\/div>\n      <div class=\"result-summary\"><\/div>\n      <div class=\"chart-container\">\n        <canvas id=\"result-chart\"><\/canvas>\n      <\/div>\n      <div class=\"result-details\"><\/div>\n      <button id=\"restart-quiz\" class=\"quiz-btn\">\u91cd\u65b0\u6d4b\u8bd5<\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* \u9632\u6b62\u6a23\u5f0f\u885d\u7a81\uff0c\u5c07\u6240\u6709\u6a23\u5f0f\u9650\u5b9a\u5728\u7279\u5b9a\u5bb9\u5668\u5167 *\/\n.quiz-social-skills {\n  font-family: \"\u5fae\u8edf\u6b63\u9ed1\u9ad4\", \"Microsoft JhengHei\", \"Segoe UI\", sans-serif;\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  line-height: 1.6;\n  box-sizing: border-box;\n}\n\n.quiz-social-skills * {\n  box-sizing: border-box;\n}\n\n.quiz-social-skills .quiz-page {\n  display: none;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.8s ease, transform 0.8s ease;\n  position: absolute;\n  width: 100%;\n  left: 0;\n  right: 0;\n}\n\n.quiz-social-skills .quiz-page.active {\n  display: block;\n  opacity: 1;\n  transform: translateY(0);\n  position: relative;\n}\n\n.quiz-social-skills .quiz-content {\n  background-color: #fff;\n  border-radius: 12px;\n  padding: 30px;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n  min-height: 450px;\n  display: flex;\n  flex-direction: column;\n}\n\n.quiz-social-skills .quiz-title {\n  color: #6a3093;\n  font-size: 28px;\n  font-weight: bold;\n  text-align: center;\n  margin-bottom: 15px;\n}\n\n.quiz-social-skills .quiz-subtitle {\n  color: #a044ff;\n  font-size: 20px;\n  text-align: center;\n  margin-bottom: 25px;\n}\n\n.quiz-social-skills .quiz-description {\n  text-align: center;\n  margin-bottom: 30px;\n  font-size: 18px;\n}\n\n.quiz-social-skills .quiz-note {\n  color: #ff5252;\n  font-weight: bold;\n  margin-top: 15px;\n}\n\n.quiz-social-skills .quiz-btn {\n  background: linear-gradient(135deg, #a044ff 0%, #6a3093 100%);\n  color: white;\n  border: none;\n  border-radius: 50px;\n  padding: 15px 30px;\n  font-size: 18px;\n  font-weight: bold;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  margin-top: auto;\n  align-self: center;\n  min-width: 200px;\n  min-height: 52px;\n}\n\n.quiz-social-skills .quiz-btn:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 7px 15px rgba(106, 48, 147, 0.3);\n}\n\n.quiz-social-skills .quiz-btn:active {\n  transform: translateY(-1px);\n}\n\n.quiz-social-skills .secondary-btn {\n  background: linear-gradient(135deg, #a044ff 0%, #6a3093 100%);\n  margin-top: 20px;\n}\n\n.quiz-social-skills .progress-container {\n  margin-bottom: 25px;\n}\n\n.quiz-social-skills .progress-text {\n  text-align: center;\n  font-size: 18px;\n  margin-bottom: 10px;\n  color: #6a3093;\n  font-weight: bold;\n}\n\n.quiz-social-skills .progress-bar-container {\n  background-color: #f0e6ff;\n  height: 10px;\n  border-radius: 10px;\n  overflow: hidden;\n}\n\n.quiz-social-skills .progress-bar {\n  height: 100%;\n  background: linear-gradient(135deg, #a044ff 0%, #6a3093 100%);\n  width: 0%;\n  transition: width 0.5s ease;\n}\n\n.quiz-social-skills h3.question-text {\n  font-size: 22px;\n  font-weight: bold;\n  margin-bottom: 25px;\n  line-height: 1.4;\n  color: #333;\n}\n\n.quiz-social-skills .options-container {\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n  margin-bottom: 25px;\n}\n\n.quiz-social-skills .option-btn {\n  background-color: #f7f2ff;\n  border: 2px solid #e2d7f0;\n  border-radius: 10px;\n  padding: 15px 20px;\n  text-align: left;\n  font-size: 18px;\n  font-weight: 500;\n  color: #333;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  min-height: 60px;\n  display: flex;\n  align-items: center;\n  box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n}\n\n.quiz-social-skills .option-btn:hover {\n  background-color: #ede1ff;\n  transform: translateY(-2px);\n  box-shadow: 0 5px 10px rgba(106, 48, 147, 0.1);\n}\n\n.quiz-social-skills .option-btn.selected {\n  background-color: #d4baf9;\n  border-color: #a044ff;\n  font-weight: bold;\n  color: #000;\n}\n\n.quiz-social-skills .result-title {\n  color: #6a3093;\n  font-size: 28px;\n  text-align: center;\n  margin-bottom: 20px;\n}\n\n.quiz-social-skills .result-type {\n  font-size: 24px;\n  font-weight: bold;\n  text-align: center;\n  color: #a044ff;\n  margin-bottom: 15px;\n}\n\n.quiz-social-skills .result-summary {\n  text-align: center;\n  font-size: 18px;\n  margin-bottom: 25px;\n  padding: 15px;\n  background-color: #f7f2ff;\n  border-radius: 10px;\n  border-left: 5px solid #a044ff;\n  font-weight: 500;\n}\n\n.quiz-social-skills .chart-container {\n  max-width: 400px;\n  margin: 0 auto 30px;\n  height: 300px;\n  position: relative;\n}\n\n.quiz-social-skills .result-details {\n  margin-bottom: 30px;\n  font-size: 16px;\n  line-height: 1.6;\n}\n\n.quiz-social-skills .result-details h4 {\n  color: #6a3093;\n  margin-bottom: 10px;\n  font-size: 18px;\n}\n\n.quiz-social-skills .result-details ul {\n  margin-bottom: 15px;\n  padding-left: 20px;\n}\n\n.quiz-social-skills .result-details p {\n  margin-bottom: 15px;\n}\n\n.quiz-social-skills .chart-loading {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: rgba(255, 255, 255, 0.7);\n  z-index: 10;\n}\n\n.quiz-social-skills .spinner {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  border: 4px solid #f3f3f3;\n  border-top: 4px solid #a044ff;\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n.quiz-social-skills .fade-in {\n  animation: fadeIn 1.5s ease forwards;\n}\n\n\/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\n@media (max-width: 600px) {\n  .quiz-social-skills .quiz-content {\n    padding: 20px 15px;\n  }\n  \n  .quiz-social-skills .quiz-title {\n    font-size: 24px;\n  }\n  \n  .quiz-social-skills .quiz-subtitle {\n    font-size: 18px;\n  }\n  \n  .quiz-social-skills .quiz-btn {\n    width: 100%;\n  }\n  \n  .quiz-social-skills .option-btn {\n    padding: 12px 15px;\n  }\n}\n<\/style>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n<script>\n\/\/ \u7acb\u5373\u57f7\u884c\u51fd\u5f0f\uff0c\u9632\u6b62\u547d\u540d\u885d\u7a81\n(function() {\n  \/\/ \u6e2c\u9a57\u6578\u64da\n  const quizData = {\n    questions: [\n      {\n        id: 1,\n        text: \"\u540c\u4e8b\u60f3\u642d\u4fbf\u8eca\u537b\u4e0d\u6524\u6cb9\u9322\uff0c\u4f60\u6703\uff1f\",\n        options: [\n          { text: \"\u76f4\u63a5\u8aaa\u300c\u9806\u8def\u53ef\u4ee5\uff0c\u8cbc\u88dc300\u5c31\u597d\u300d\", nextQuestion: 2, type: \"B\" },\n          { text: \"\u9ed8\u9ed8\u8a18\u5e33\u4e0b\u6b21\u62d2\u7d55\", nextQuestion: 3, type: \"A\" },\n          { text: \"\u7576\u4f5c\u505a\u4eba\u60c5\u7b97\u4e86\", nextQuestion: 4, type: \"C\" }\n        ]\n      },\n      {\n        id: 2,\n        text: \"\u9910\u5ef3\u51fa\u9910\u6162\u5bb3\u4f60\u8d95\u4e0d\u4e0a\u96fb\u5f71\uff0c\u6703\u7206\u6c23\u55ce\uff1f\",\n        options: [\n          { text: \"\u8981\u6c42\u514d\u55ae\u88dc\u511f\", nextQuestion: 3, type: \"B\" },\n          { text: \"\u5feb\u901f\u5403\u5b8c\u4e0b\u6b21\u4e0d\u4f86\", nextQuestion: 4, type: \"D\" },\n          { text: \"\u81ea\u8a8d\u5012\u6963\u770b\u4e0b\u4e00\u5834\", nextQuestion: 5, type: \"C\" }\n        ]\n      },\n      {\n        id: 3,\n        text: \"\u767c\u73fe\u95a8\u871c\u8ddf\u6b7b\u5c0d\u982d\u5403\u98ef\uff0c\u7b2c\u4e00\u53cd\u61c9\u662f\uff1f\",\n        options: [\n          { text: \"\u7acb\u523b\u5c01\u9396\u7b49\u89e3\u91cb\", nextQuestion: 4, type: \"A\" },\n          { text: \"\u6545\u610fPO\u9650\u52d5\u6697\u793a\", nextQuestion: 5, type: \"D\" },\n          { text: \"\u88dd\u6c92\u4e8b\u6697\u4e2d\u89c0\u5bdf\", nextQuestion: 6, type: \"B\" }\n        ]\n      },\n      {\n        id: 4,\n        text: \"\u88ab\u8aaa\u300c\u8b8a\u80d6\u4e86\u300d\u7576\u4e0b\u6703\u56de\u4ec0\u9ebc\uff1f\",\n        options: [\n          { text: \"\u300c\u4f60\u770b\u4eba\u7684\u773c\u5149\u4e5f\u9000\u6b65\u4e86\u300d\", nextQuestion: 5, type: \"B\" },\n          { text: \"\u82e6\u7b11\u8f49\u79fb\u8a71\u984c\", nextQuestion: 6, type: \"C\" },\n          { text: \"\u665a\u4e0a\u6012\u8e29\u8dd1\u6b65\u6a5f\", nextQuestion: 7, type: \"D\" }\n        ]\n      },\n      {\n        id: 5,\n        text: \"\u501f\u9322\u7d66\u670b\u53cb\u537b\u9072\u9072\u6c92\u9084\uff0c\u4f60\u6703\uff1f\",\n        options: [\n          { text: \"\u6bcf\u5929\u50b3\u50ac\u6b3e\u6897\u5716\", nextQuestion: 6, type: \"B\" },\n          { text: \"\u7d04\u898b\u9762\u300c\u4e0d\u5c0f\u5fc3\u300d\u63d0\u8d77\", nextQuestion: 7, type: \"D\" },\n          { text: \"\u7576\u5b78\u8cbb\u8a8d\u8ce0\", nextQuestion: 8, type: \"C\" }\n        ]\n      },\n      {\n        id: 6,\n        text: \"\u770b\u5230\u524d\u4efb\u904e\u5f97\u6bd4\u4f60\u5e78\u798f\uff0c\u5fc3\u60f3\uff1f\",\n        options: [\n          { text: \"\u65e9\u665a\u6703\u5206\u624b\u5566\", nextQuestion: 7, type: \"A\" },\n          { text: \"\u95dc\u6211\u5c41\u4e8b\", nextQuestion: 8, type: \"B\" },\n          { text: \"\u6709\u9ede\u7fa8\u6155\u4f46\u795d\u798f\", nextQuestion: \"A\", type: \"C\" }\n        ]\n      },\n      {\n        id: 7,\n        text: \"\u8001\u95c6\u8981\u6c42\u9031\u672b\u52a0\u73ed\u8655\u7406\u4ed6\u7684\u758f\u5931\uff0c\u4f60\u6703\uff1f\",\n        options: [\n          { text: \"\u958b\u52a0\u73ed\u8cbb\u50f9\u78bc\", nextQuestion: 8, type: \"B\" },\n          { text: \"\u751f\u75c5\u5df2\u8b80\u8853\", nextQuestion: 9, type: \"D\" },\n          { text: \"\u5fcd\u5230\u9031\u4e00\u96e2\u8077\", nextQuestion: 10, type: \"A\" }\n        ]\n      },\n      {\n        id: 8,\n        text: \"\u6700\u8a0e\u53ad\u54ea\u7a2e\u985e\u578b\u7684\u670b\u53cb\uff1f\",\n        options: [\n          { text: \"\u611b\u4f54\u5c0f\u4fbf\u5b9c\", nextQuestion: 9, type: \"B\" },\n          { text: \"\u60c5\u7dd2\u52d2\u7d22\u5927\u738b\", nextQuestion: \"A\", type: \"A\" },\n          { text: \"\u5230\u8655\u50b3\u516b\u5366\", nextQuestion: \"B\", type: \"D\" }\n        ]\n      },\n      {\n        id: 9,\n        text: \"\u7db2\u8cfc\u767c\u73fe\u66f4\u4fbf\u5b9c\u7684\u540c\u6b3e\u6703\u600e\u9ebc\u505a\uff1f\",\n        options: [\n          { text: \"\u76f4\u63a5\u9000\u8ca8\u91cd\u8cb7\", nextQuestion: 10, type: \"B\" },\n          { text: \"\u5beb\u8ca0\u8a55\u8981\u6c42\u50f9\u4fdd\", nextQuestion: \"C\", type: \"A\" },\n          { text: \"\u8aaa\u670d\u81ea\u5df1\u5dee\u4e0d\u591a\", nextQuestion: \"D\", type: \"C\" }\n        ]\n      },\n      {\n        id: 10,\n        text: \"\u88ab\u8aaa\u300c\u958b\u4e0d\u8d77\u73a9\u7b11\u300d\u7576\u4e0b\u53cd\u61c9\uff1f\",\n        options: [\n          { text: \"\u51b7\u7b11\u56de\u55c6\u300c\u4f60\u6bd4\u8f03\u597d\u7b11\u300d\", nextQuestion: \"B\", type: \"A\" },\n          { text: \"\u8f49\u8eab\u627e\u5225\u4eba\u804a\", nextQuestion: \"C\", type: \"B\" },\n          { text: \"\u6aa2\u8a0e\u81ea\u5df1\u654f\u611f\", nextQuestion: \"D\", type: \"C\" }\n        ]\n      }\n    ],\n    results: {\n      \"A\": {\n        title: \"\ud83d\udd25A\u578b\u3010\u9ed1\u5316\u9810\u5099\u8ecd\u3011\",\n        summary: \"\u300c\u8868\u9762\u4f5b\u7cfb\u5be6\u5247\u8a18\u4ec7\u5c0f\u672c\u672c\u5beb\u6eff\u300d\",\n        details: `\n          <h4>\u2727 \u5c08\u5c6c\u751f\u5b58\u91d1\u53e5\uff1a\u300c\u6211\u7684\u5584\u826f\u6709\u914d\u984d\uff0c\u8acb\u5225\u900f\u652f\u300d<\/h4>\n          <p>\u4f60\u662f\u4e00\u500b\u8868\u9762\u6eab\u548c\u4f46\u5167\u5fc3\u5805\u5b9a\u7684\u4eba\uff0c\u5c0d\u65bc\u4eba\u969b\u95dc\u4fc2\u6709\u8457\u6e05\u6670\u7684\u754c\u9650\u611f\u3002\u4f60\u9858\u610f\u4ed8\u51fa\uff0c\u4f46\u7d55\u4e0d\u5141\u8a31\u4ed6\u4eba\u5229\u7528\u4f60\u7684\u5584\u826f\u3002\u7576\u611f\u89ba\u88ab\u5192\u72af\u6642\uff0c\u4f60\u6703\u5728\u5fc3\u4e2d\u9ed8\u9ed8\u8a18\u4e0b\uff0c\u4e26\u5728\u9069\u7576\u6642\u6a5f\u505a\u51fa\u8abf\u6574\u3002<\/p>\n          \n          <h4>\u25b6 \u9069\u5408\u8077\u696d\uff1a\u8ac7\u5224\u5c08\u5bb6\/\u8cc7\u65b9\u4ee3\u8868<\/h4>\n          <p>\u4f60\u64c5\u9577\u6b0a\u8861\u5229\u5f0a\uff0c\u80fd\u5920\u5728\u7dad\u8b77\u81ea\u8eab\u5229\u76ca\u7684\u540c\u6642\u4e0d\u76f4\u63a5\u50b7\u5bb3\u95dc\u4fc2\uff0c\u9019\u4f7f\u4f60\u5728\u9700\u8981\u5354\u5546\u548c\u8ac7\u5224\u7684\u5834\u5408\u7279\u5225\u51fa\u8272\u3002<\/p>\n          \n          <h4>\u26a0\ufe0f \u5730\u96f7\u8b66\u5831\uff1a\u88ab\u8aaa\u300c\u5047\u5927\u65b9\u300d\u6703\u77ac\u9593\u5f15\u7206<\/h4>\n          <p>\u4f60\u6700\u7121\u6cd5\u5fcd\u53d7\u7684\u662f\u4ed6\u4eba\u8cea\u7591\u4f60\u7684\u771f\u8aa0\u3002\u7576\u5225\u4eba\u8aa4\u89e3\u4f60\u7684\u5584\u826f\u6216\u6307\u8cac\u4f60\u865b\u507d\u6642\uff0c\u53ef\u80fd\u6703\u6fc0\u767c\u4f60\u5f37\u70c8\u7684\u9632\u885b\u53cd\u61c9\u3002<\/p>\n          \n          <h4>\ud83d\udca1 \u6210\u9577\u5efa\u8b70\uff1a<\/h4>\n          <ul>\n            <li>\u5b78\u7fd2\u66f4\u76f4\u63a5\u5730\u8868\u9054\u4f60\u7684\u754c\u9650\uff0c\u800c\u4e0d\u662f\u7b49\u5230\u60c5\u7dd2\u7d2f\u7a4d\u5f8c\u624d\u7206\u767c<\/li>\n            <li>\u9069\u7576\u6642\u5019\u5141\u8a31\u81ea\u5df1\u5c55\u73fe\u8106\u5f31\uff0c\u4e0d\u5fc5\u7e3d\u662f\u4fdd\u6301\u5b8c\u7f8e\u5f62\u8c61<\/li>\n            <li>\u5efa\u7acb\u5065\u5eb7\u7684\u60c5\u7dd2\u767c\u6d29\u6e20\u9053\uff0c\u907f\u514d\u9577\u671f\u58d3\u6291<\/li>\n          <\/ul>\n        `,\n        scores: {\n          \"\u754c\u9650\u611f\": 85,\n          \"\u60c5\u7dd2\u63a7\u5236\": 65,\n          \"\u4eba\u969b\u654f\u611f\u5ea6\": 70,\n          \"\u81ea\u6211\u4fdd\u8b77\": 90,\n          \"\u6e9d\u901a\u76f4\u63a5\u6027\": 45\n        }\n      },\n      \"B\": {\n        title: \"\ud83d\udee1\ufe0fB\u578b\u3010\u51b7\u975c\u5236\u88c1\u8005\u3011\",\n        summary: \"\u300c\u7406\u6027\u5230\u88ab\u7f75\u51b7\u8840\uff0c\u5176\u5be6\u662f\u7cbe\u6e96\u6b62\u640d\u5927\u5e2b\u300d\",\n        details: `\n          <h4>\u2727 \u5c08\u5c6c\u751f\u5b58\u91d1\u53e5\uff1a\u300c\u5fc3\u8edf\u662f\u75c5\uff0c\u5f97\u6cbb\u300d<\/h4>\n          <p>\u4f60\u662f\u4e00\u500b\u9ad8\u5ea6\u7406\u6027\u7684\u4eba\uff0c\u64c5\u9577\u5728\u8907\u96dc\u5c40\u52e2\u4e2d\u4fdd\u6301\u6e05\u9192\u3002\u4f60\u4e0d\u6703\u88ab\u60c5\u7dd2\u5de6\u53f3\u6c7a\u7b56\uff0c\u800c\u662f\u57fa\u65bc\u4e8b\u5be6\u548c\u539f\u5247\u884c\u4e8b\u3002\u4f60\u77e5\u9053\u4f55\u6642\u8a72\u679c\u65b7\u653e\u68c4\uff0c\u4f55\u6642\u8a72\u5805\u6301\u7acb\u5834\uff0c\u9019\u4f7f\u4f60\u5728\u8655\u7406\u4eba\u969b\u5371\u6a5f\u6642\u7279\u5225\u6709\u6548\u7387\u3002<\/p>\n          \n          <h4>\u25b6 \u9069\u5408\u8077\u696d\uff1a\u5371\u6a5f\u516c\u95dc\/\u6aa2\u5bdf\u5b98<\/h4>\n          <p>\u4f60\u51b7\u975c\u5ba2\u89c0\u7684\u601d\u8003\u65b9\u5f0f\u548c\u679c\u65b7\u7684\u884c\u52d5\u529b\u4f7f\u4f60\u975e\u5e38\u9069\u5408\u8655\u7406\u8907\u96dc\u7684\u885d\u7a81\u548c\u5371\u6a5f\u60c5\u5883\uff0c\u5c24\u5176\u662f\u90a3\u4e9b\u9700\u8981\u516c\u6b63\u5224\u65b7\u7684\u5834\u5408\u3002<\/p>\n          \n          <h4>\ud83d\udcc8 \u9032\u5316\u5efa\u8b70\uff1a\u5076\u723e\u5141\u8a31\u81ea\u5df1\u5931\u63a7<\/h4>\n          <p>\u904e\u5ea6\u7684\u7406\u6027\u6709\u6642\u6703\u8b93\u4f60\u8207\u81ea\u5df1\u7684\u60c5\u611f\u758f\u96e2\uff0c\u4e5f\u53ef\u80fd\u7d66\u4ed6\u4eba\u7559\u4e0b\u51b7\u6f20\u7684\u5370\u8c61\u3002\u5b78\u7fd2\u9069\u7576\u5c55\u73fe\u60c5\u7dd2\u53ef\u4ee5\u8b93\u4f60\u7684\u4eba\u969b\u95dc\u4fc2\u66f4\u52a0\u8c50\u5bcc\u3002<\/p>\n          \n          <h4>\ud83d\udca1 \u6210\u9577\u65b9\u5411\uff1a<\/h4>\n          <ul>\n            <li>\u5617\u8a66\u5728\u5b89\u5168\u7684\u74b0\u5883\u4e2d\u8868\u9054\u66f4\u591a\u60c5\u611f<\/li>\n            <li>\u57f9\u990a\u540c\u7406\u5fc3\uff0c\u7406\u89e3\u4ed6\u4eba\u770b\u4f3c\u4e0d\u7406\u6027\u7684\u884c\u70ba\u80cc\u5f8c\u7684\u539f\u56e0<\/li>\n            <li>\u767c\u5c55\u4e00\u4e9b\u5275\u9020\u6027\u6d3b\u52d5\u4f5c\u70ba\u60c5\u611f\u51fa\u53e3<\/li>\n          <\/ul>\n        `,\n        scores: {\n          \"\u754c\u9650\u611f\": 95,\n          \"\u60c5\u7dd2\u63a7\u5236\": 90,\n          \"\u4eba\u969b\u654f\u611f\u5ea6\": 50,\n          \"\u81ea\u6211\u4fdd\u8b77\": 85,\n          \"\u6e9d\u901a\u76f4\u63a5\u6027\": 80\n        }\n      },\n      \"C\": {\n        title: \"\ud83d\udc94C\u578b\u3010\u5167\u50b7\u578b\u597d\u4eba\u3011\",\n        summary: \"\u300c\u62d2\u7d55\u5225\u4eba\u6bd4\u8dd1\u99ac\u62c9\u677e\u9084\u7d2f\u300d\",\n        details: `\n          <h4>\u2727 \u5c08\u5c6c\u751f\u5b58\u91d1\u53e5\uff1a\u300c\u6c92\u95dc\u4fc2\u2026\u771f\u7684\u6c92\u95dc\u4fc2\uff08\u624d\u602a\uff09\u300d<\/h4>\n          <p>\u4f60\u662f\u4e00\u500b\u5929\u751f\u7684\u548c\u5e73\u4e3b\u7fa9\u8005\uff0c\u6975\u5ea6\u91cd\u8996\u4eba\u969b\u548c\u8ae7\u3002\u4f60\u7d93\u5e38\u70ba\u4e86\u907f\u514d\u885d\u7a81\u800c\u72a7\u7272\u81ea\u5df1\u7684\u9700\u6c42\uff0c\u5373\u4f7f\u5167\u5fc3\u5df2\u7d93\u4e0d\u8212\u670d\u4e5f\u6703\u5fae\u7b11\u9762\u5c0d\u3002\u4f60\u5c0d\u4ed6\u4eba\u7684\u60c5\u7dd2\u8b8a\u5316\u6975\u5176\u654f\u611f\uff0c\u5e38\u5e38\u80fd\u5920\u5bdf\u89ba\u5230\u5225\u4eba\u6c92\u8aaa\u51fa\u53e3\u7684\u9700\u6c42\u3002<\/p>\n          \n          <h4>\u25b6 \u9069\u5408\u8077\u696d\uff1a\u793e\u5de5\/\u5ba2\u670d\u5c08\u54e1<\/h4>\n          <p>\u4f60\u7684\u9ad8\u5ea6\u5171\u60c5\u80fd\u529b\u548c\u9858\u610f\u50be\u807d\u7684\u7279\u8cea\u4f7f\u4f60\u5728\u9700\u8981\u7406\u89e3\u548c\u5e6b\u52a9\u4ed6\u4eba\u7684\u5de5\u4f5c\u4e2d\u8868\u73fe\u51fa\u8272\uff0c\u4f60\u80fd\u5920\u5275\u9020\u5b89\u5168\u8212\u9069\u7684\u6c1b\u570d\u3002<\/p>\n          \n          <h4>\ud83d\udca1 \u81ea\u6551\u6307\u5357\uff1a\u6bcf\u5929\u7df4\u7fd2\u8aaa1\u6b21\u300c\u6211\u4e0d\u8981\u300d<\/h4>\n          <p>\u5b78\u7fd2\u8a2d\u5b9a\u5065\u5eb7\u7684\u754c\u9650\u5c0d\u4f60\u4f86\u8aaa\u81f3\u95dc\u91cd\u8981\u3002\u7576\u4f60\u4e0d\u65b7\u72a7\u7272\u81ea\u5df1\u4f86\u6eff\u8db3\u4ed6\u4eba\u6642\uff0c\u6700\u7d42\u6703\u5c0e\u81f4\u60c5\u7dd2\u75b2\u618a\u548c\u81ea\u6211\u50f9\u503c\u611f\u4f4e\u843d\u3002<\/p>\n          \n          <h4>\u6210\u9577\u65b9\u5411\uff1a<\/h4>\n          <ul>\n            <li>\u7df4\u7fd2\u8868\u9054\u81ea\u5df1\u7684\u771f\u5be6\u9700\u6c42\u548c\u611f\u53d7<\/li>\n            <li>\u63a5\u53d7\u4e0d\u662f\u6240\u6709\u4eba\u90fd\u6703\u559c\u6b61\u4f60\uff0c\u9019\u5b8c\u5168\u6c92\u95dc\u4fc2<\/li>\n            <li>\u7406\u89e3\u62d2\u7d55\u4ed6\u4eba\u4e0d\u7b49\u65bc\u50b7\u5bb3\u95dc\u4fc2<\/li>\n            <li>\u512a\u5148\u7167\u9867\u81ea\u5df1\u7684\u60c5\u7dd2\u9700\u6c42\uff0c\u624d\u80fd\u771f\u6b63\u6709\u80fd\u529b\u5e6b\u52a9\u4ed6\u4eba<\/li>\n          <\/ul>\n        `,\n        scores: {\n          \"\u754c\u9650\u611f\": 35,\n          \"\u60c5\u7dd2\u63a7\u5236\": 60,\n          \"\u4eba\u969b\u654f\u611f\u5ea6\": 95,\n          \"\u81ea\u6211\u4fdd\u8b77\": 20,\n          \"\u6e9d\u901a\u76f4\u63a5\u6027\": 30\n        }\n      },\n      \"D\": {\n        title: \"\ud83c\udfadD\u578b\u3010\u8b8a\u8272\u9f8d\u751f\u5b58\u5bb6\u3011\",\n        summary: \"\u300c\u80fd\u5c48\u80fd\u4f38\u5230\u61f7\u7591\u81ea\u5df1\u6709\u96d9\u91cd\u4eba\u683c\u300d\",\n        details: `\n          <h4>\u2727 \u5c08\u5c6c\u751f\u5b58\u91d1\u53e5\uff1a\u300c\u7406\u60f3\u4e0d\u80fd\u7576\u98ef\u5403\uff0c\u4f46\u6f14\u6280\u53ef\u4ee5\u300d<\/h4>\n          <p>\u4f60\u662f\u4e00\u500b\u9ad8\u5ea6\u9069\u61c9\u74b0\u5883\u7684\u793e\u4ea4\u9ad8\u624b\uff0c\u80fd\u5920\u6839\u64da\u4e0d\u540c\u5834\u5408\u8fc5\u901f\u8abf\u6574\u81ea\u5df1\u7684\u884c\u70ba\u548c\u8868\u73fe\u3002\u4f60\u64c5\u9577\u89c0\u5bdf\u5f62\u52e2\uff0c\u77e5\u9053\u4ec0\u9ebc\u6642\u5019\u8a72\u5805\u6301\uff0c\u4ec0\u9ebc\u6642\u5019\u8a72\u59a5\u5354\uff0c\u9019\u4f7f\u4f60\u5728\u8907\u96dc\u7684\u793e\u4ea4\u74b0\u5883\u4e2d\u6e38\u5203\u6709\u9918\u3002<\/p>\n          \n          <h4>\u25b6 \u9069\u5408\u8077\u696d\uff1a\u696d\u52d9\u4e3b\u7ba1\/\u653f\u6cbb\u4eba\u7269<\/h4>\n          <p>\u4f60\u7684\u9748\u6d3b\u6027\u548c\u6d1e\u5bdf\u529b\u4f7f\u4f60\u5728\u9700\u8981\u8655\u7406\u591a\u65b9\u95dc\u4fc2\u548c\u5229\u76ca\u7684\u5de5\u4f5c\u4e2d\u7279\u5225\u51fa\u8272\uff0c\u4f60\u80fd\u5920\u5728\u5404\u7a2e\u5834\u5408\u627e\u5230\u6700\u5408\u9069\u7684\u7acb\u5834\u548c\u8868\u73fe\u65b9\u5f0f\u3002<\/p>\n          \n          <h4>\ud83d\udd2e \u96b1\u85cf\u6280\u80fd\uff1a\u7528\u9b54\u6cd5\u6253\u6557\u9b54\u6cd5<\/h4>\n          <p>\u4f60\u6700\u5927\u7684\u512a\u52e2\u662f\u80fd\u5920\u7406\u89e3\u4e26\u904b\u7528\u793e\u4ea4\u904a\u6232\u7684\u898f\u5247\uff0c\u5728\u4e0d\u9055\u80cc\u6838\u5fc3\u539f\u5247\u7684\u524d\u63d0\u4e0b\u9748\u6d3b\u61c9\u5c0d\u5404\u7a2e\u6311\u6230\u3002<\/p>\n          \n          <h4>\ud83d\udca1 \u6210\u9577\u5efa\u8b70\uff1a<\/h4>\n          <ul>\n            <li>\u5b9a\u671f\u53cd\u601d\u81ea\u5df1\u7684\u6838\u5fc3\u50f9\u503c\u89c0\uff0c\u78ba\u4fdd\u4e0d\u5728\u9069\u61c9\u74b0\u5883\u7684\u904e\u7a0b\u4e2d\u8ff7\u5931\u81ea\u6211<\/li>\n            <li>\u5efa\u7acb\u771f\u5be6\u7684\u89aa\u5bc6\u95dc\u4fc2\uff0c\u5728\u5176\u4e2d\u53ef\u4ee5\u5b8c\u5168\u505a\u81ea\u5df1<\/li>\n            <li>\u5b78\u7fd2\u5340\u5206\u4f55\u6642\u9700\u8981\u7b56\u7565\u6027\u61c9\u5c0d\uff0c\u4f55\u6642\u53ef\u4ee5\u771f\u8aa0\u8868\u9054<\/li>\n            <li>\u767c\u5c55\u4e00\u4e9b\u500b\u4eba\u611b\u597d\uff0c\u5e6b\u52a9\u4f60\u5728\u793e\u4ea4\u58d3\u529b\u4e2d\u4fdd\u6301\u81ea\u6211\u8a8d\u540c<\/li>\n          <\/ul>\n        `,\n        scores: {\n          \"\u754c\u9650\u611f\": 50,\n          \"\u60c5\u7dd2\u63a7\u5236\": 75,\n          \"\u4eba\u969b\u654f\u611f\u5ea6\": 85,\n          \"\u81ea\u6211\u4fdd\u8b77\": 70,\n          \"\u6e9d\u901a\u76f4\u63a5\u6027\": 45\n        }\n      }\n    }\n  };\n\n  \/\/ \u5132\u5b58\u6e2c\u9a57\u72c0\u614b\n  let currentState = {\n    currentQuestionId: 1,\n    history: [],\n    typeCount: { \"A\": 0, \"B\": 0, \"C\": 0, \"D\": 0 }\n  };\n\n  \/\/ DOM\u5143\u7d20\n  const introPage = document.getElementById('intro-page');\n  const quizPage = document.getElementById('quiz-page');\n  const resultPage = document.getElementById('result-page');\n  const startButton = document.getElementById('start-quiz');\n  const questionContainer = document.getElementById('question-container');\n  const optionsContainer = document.getElementById('options-container');\n  const progressBar = document.getElementById('progress-bar');\n  const currentQuestionElement = document.getElementById('current-question');\n  const totalQuestionsElement = document.getElementById('total-questions');\n  const progressContainer = document.getElementById('progress-container');\n  const prevButton = document.getElementById('prev-btn');\n  const restartButton = document.getElementById('restart-quiz');\n  const resultTypeElement = document.querySelector('.result-type');\n  const resultSummaryElement = document.querySelector('.result-summary');\n  const resultDetailsElement = document.querySelector('.result-details');\n  \n  \/\/ \u5275\u5efa\u5716\u8868\u5bb9\u5668\u5143\u7d20\n  const chartContainer = document.querySelector('.chart-container');\n  \n  \/\/ \u6dfb\u52a0\u52a0\u8f09\u52d5\u756b\u5143\u7d20\n  function addChartLoading() {\n    const loadingElement = document.createElement('div');\n    loadingElement.className = 'chart-loading';\n    \n    const spinner = document.createElement('div');\n    spinner.className = 'spinner';\n    \n    loadingElement.appendChild(spinner);\n    chartContainer.appendChild(loadingElement);\n    \n    return loadingElement;\n  }\n\n  \/\/ \u521d\u59cb\u5316\u6e2c\u9a57\n  function initQuiz() {\n    \/\/ \u8a2d\u7f6e\u554f\u984c\u7e3d\u6578\n    totalQuestionsElement.textContent = quizData.questions.length;\n    \n    \/\/ \u7d81\u5b9a\u4e8b\u4ef6\u76e3\u807d\u5668\n    startButton.addEventListener('click', startQuiz);\n    prevButton.addEventListener('click', goToPreviousQuestion);\n    restartButton.addEventListener('click', restartQuiz);\n    \n    \/\/ \u96b1\u85cf\u4e0a\u4e00\u984c\u6309\u9215\uff08\u521d\u59cb\uff09\n    prevButton.style.display = 'none';\n    \n    \/\/ \u5982\u679c\u53ea\u6709\u4e00\u500b\u554f\u984c\uff0c\u96b1\u85cf\u9032\u5ea6\u689d\n    if (quizData.questions.length === 1) {\n      progressContainer.style.display = 'none';\n    }\n  }\n\n  \/\/ \u958b\u59cb\u6e2c\u9a57\n  function startQuiz() {\n    switchPage(introPage, quizPage);\n    loadQuestion(currentState.currentQuestionId);\n    updateProgress();\n  }\n\n  \/\/ \u8f09\u5165\u554f\u984c\n  function loadQuestion(questionId) {\n    const question = quizData.questions.find(q => q.id === questionId);\n    \n    if (!question) {\n      console.error('\u627e\u4e0d\u5230\u554f\u984c\uff1a', questionId);\n      return;\n    }\n    \n    \/\/ \u5275\u5efa\u554f\u984c\u6587\u672c\n    questionContainer.innerHTML = `<h3 class=\"question-text\">${question.text}<\/h3>`;\n    \n    \/\/ \u5275\u5efa\u9078\u9805\u6309\u9215\n    optionsContainer.innerHTML = '';\n    question.options.forEach((option, index) => {\n      const optionButton = document.createElement('button');\n      optionButton.className = 'option-btn';\n      optionButton.textContent = option.text;\n      \n      \/\/ \u9ede\u64ca\u9078\u9805\u81ea\u52d5\u9032\u5165\u4e0b\u4e00\u984c\n      optionButton.addEventListener('click', function() {\n        \/\/ \u5148\u6dfb\u52a0\u9078\u4e2d\u6a23\u5f0f\n        optionsContainer.querySelectorAll('.option-btn').forEach(btn => {\n          btn.classList.remove('selected');\n        });\n        this.classList.add('selected');\n        \n        \/\/ \u5ef6\u9072\u4e00\u4e0b\u518d\u8df3\u8f49\uff0c\u8b93\u7528\u6236\u770b\u5230\u9078\u4e2d\u6548\u679c\n        setTimeout(() => {\n          selectOption(questionId, index);\n        }, 300);\n      });\n      \n      optionsContainer.appendChild(optionButton);\n    });\n    \n    \/\/ \u66f4\u65b0\u7576\u524d\u554f\u984c\u865f\u78bc\n    currentQuestionElement.textContent = currentState.history.length + 1;\n    \n    \/\/ \u63a7\u5236\u4e0a\u4e00\u984c\u6309\u9215\u986f\u793a\n    prevButton.style.display = currentState.history.length > 0 ? 'block' : 'none';\n    \n    \/\/ \u66f4\u65b0\u9032\u5ea6\u689d\n    updateProgress();\n  }\n\n  \/\/ \u9078\u64c7\u9078\u9805\n  function selectOption(questionId, optionIndex) {\n    const question = quizData.questions.find(q => q.id === questionId);\n    if (!question) return;\n    \n    const selectedOption = question.options[optionIndex];\n    \n    \/\/ \u4fdd\u5b58\u7576\u524d\u554f\u984c\u548c\u9078\u64c7\u5230\u6b77\u53f2\u8a18\u9304\n    currentState.history.push({\n      questionId: questionId,\n      selectedOptionIndex: optionIndex,\n      type: selectedOption.type\n    });\n    \n    \/\/ \u66f4\u65b0\u985e\u578b\u8a08\u6578\n    currentState.typeCount[selectedOption.type] = (currentState.typeCount[selectedOption.type] || 0) + 1;\n    \n    \/\/ \u5224\u65b7\u4e0b\u4e00\u6b65\n    const nextQuestion = selectedOption.nextQuestion;\n    \n    \/\/ \u5982\u679c\u662f\u5b57\u7b26\u4e32\uff08\u7d50\u679c\u985e\u578b\uff09\uff0c\u986f\u793a\u7d50\u679c\n    if (typeof nextQuestion === 'string') {\n      showResult(nextQuestion);\n    } else {\n      \/\/ \u5426\u5247\u52a0\u8f09\u4e0b\u4e00\u500b\u554f\u984c\n      currentState.currentQuestionId = nextQuestion;\n      loadQuestion(nextQuestion);\n    }\n  }\n\n  \/\/ \u8fd4\u56de\u4e0a\u4e00\u984c\n  function goToPreviousQuestion() {\n    if (currentState.history.length === 0) return;\n    \n    \/\/ \u79fb\u9664\u6700\u5f8c\u4e00\u500b\u9078\u64c7\n    const lastSelection = currentState.history.pop();\n    \n    \/\/ \u91cd\u65b0\u8a08\u7b97\u985e\u578b\u8a08\u6578\n    currentState.typeCount = { \"A\": 0, \"B\": 0, \"C\": 0, \"D\": 0 };\n    currentState.history.forEach(item => {\n      currentState.typeCount[item.type] = (currentState.typeCount[item.type] || 0) + 1;\n    });\n    \n    \/\/ \u8fd4\u56de\u4e0a\u4e00\u500b\u554f\u984c\n    currentState.currentQuestionId = lastSelection.questionId;\n    loadQuestion(lastSelection.questionId);\n  }\n\n  \/\/ \u66f4\u65b0\u9032\u5ea6\u689d\n  function updateProgress() {\n    const progress = (currentState.history.length \/ quizData.questions.length) * 100;\n    progressBar.style.width = `${progress}%`;\n  }\n\n  \/\/ \u986f\u793a\u7d50\u679c\n  function showResult(resultType) {\n    \/\/ \u78ba\u4fdd\u7d50\u679c\u985e\u578b\u6709\u6548\n    if (!quizData.results[resultType]) {\n      console.error('\u627e\u4e0d\u5230\u7d50\u679c\u985e\u578b\uff1a', resultType);\n      resultType = \"A\"; \/\/ \u9ed8\u8a8d\u7d50\u679c\n    }\n    \n    const result = quizData.results[resultType];\n    \n    \/\/ \u5207\u63db\u5230\u7d50\u679c\u9801\n    switchPage(quizPage, resultPage);\n    \n    \/\/ \u6e05\u7a7a\u7d50\u679c\u5167\u5bb9\uff0c\u7b49\u5f85\u52d5\u756b\u6548\u679c\n    resultTypeElement.textContent = '';\n    resultSummaryElement.textContent = '';\n    resultDetailsElement.innerHTML = '';\n    \n    \/\/ \u6dfb\u52a0\u52a0\u8f09\u52d5\u756b\n    const loadingElement = addChartLoading();\n    \n    \/\/ \u4f7f\u7528setTimeout\u6a21\u64ec\u52a0\u8f09\u904e\u7a0b\n    setTimeout(() => {\n      \/\/ \u586b\u5145\u7d50\u679c\u5167\u5bb9\n      resultTypeElement.textContent = result.title;\n      resultTypeElement.classList.add('fade-in');\n      \n      resultSummaryElement.textContent = result.summary;\n      resultSummaryElement.classList.add('fade-in');\n      \n      \/\/ \u5275\u5efa\u96f7\u9054\u5716\n      createChart(result.scores);\n      \n      \/\/ \u79fb\u9664\u52a0\u8f09\u52d5\u756b\n      loadingElement.remove();\n      \n      \/\/ \u5ef6\u9072\u986f\u793a\u8a73\u7d30\u7d50\u679c\n      setTimeout(() => {\n        resultDetailsElement.innerHTML = result.details;\n        resultDetailsElement.classList.add('fade-in');\n      }, 500);\n    }, 1000);\n  }\n\n  \/\/ \u5275\u5efa\u96f7\u9054\u5716\n  function createChart(scores) {\n    const ctx = document.getElementById('result-chart').getContext('2d');\n    \n    \/\/ \u5982\u679c\u5df2\u6709\u5716\u8868\uff0c\u5148\u92b7\u6bc0\n    if (window.resultChart) {\n      window.resultChart.destroy();\n    }\n    \n    \/\/ \u6e96\u5099\u5716\u8868\u6578\u64da\n    const labels = Object.keys(scores);\n    const data = Object.values(scores);\n    \n    \/\/ \u5275\u5efa\u5716\u8868\n    window.resultChart = new Chart(ctx, {\n      type: 'radar',\n      data: {\n        labels: labels,\n        datasets: [{\n          label: '\u80fd\u529b\u5206\u6790',\n          data: data,\n          backgroundColor: 'rgba(106, 48, 147, 0.2)',\n          borderColor: '#a044ff',\n          pointBackgroundColor: '#6a3093',\n          pointBorderColor: '#fff',\n          pointHoverBackgroundColor: '#fff',\n          pointHoverBorderColor: '#6a3093',\n          borderWidth: 2\n        }]\n      },\n      options: {\n        responsive: true,\n        maintainAspectRatio: false,\n        scales: {\n          r: {\n            angleLines: {\n              color: 'rgba(0, 0, 0, 0.1)'\n            },\n            grid: {\n              color: 'rgba(0, 0, 0, 0.1)'\n            },\n            pointLabels: {\n              color: '#333',\n              font: {\n                size: 14,\n                weight: 'bold'\n              }\n            },\n            suggestedMin: 0,\n            suggestedMax: 100,\n            ticks: {\n              stepSize: 20,\n              callback: function(value) {\n                return value + '%';\n              },\n              font: {\n                size: 12\n              },\n              backdropColor: 'rgba(255, 255, 255, 0.8)'\n            }\n          }\n        },\n        plugins: {\n          legend: {\n            display: false\n          },\n          tooltip: {\n            backgroundColor: 'rgba(106, 48, 147, 0.8)',\n            titleFont: {\n              size: 14,\n              weight: 'bold'\n            },\n            bodyFont: {\n              size: 14\n            },\n            callbacks: {\n              label: function(context) {\n                return context.raw + '%';\n              }\n            }\n          }\n        },\n        animation: {\n          duration: 1500\n        }\n      }\n    });\n  }\n\n  \/\/ \u91cd\u65b0\u958b\u59cb\u6e2c\u9a57\n  function restartQuiz() {\n    \/\/ \u91cd\u7f6e\u72c0\u614b\n    currentState = {\n      currentQuestionId: 1,\n      history: [],\n      typeCount: { \"A\": 0, \"B\": 0, \"C\": 0, \"D\": 0 }\n    };\n    \n    \/\/ \u79fb\u9664\u52d5\u756b\u985e\n    resultTypeElement.classList.remove('fade-in');\n    resultSummaryElement.classList.remove('fade-in');\n    resultDetailsElement.classList.remove('fade-in');\n    \n    \/\/ \u8fd4\u56de\u958b\u59cb\u9801\u9762\n    switchPage(resultPage, introPage);\n  }\n\n  \/\/ \u5207\u63db\u9801\u9762\n  function switchPage(fromPage, toPage) {\n    \/\/ \u8a2d\u7f6e\u96e2\u958b\u9801\u9762\u7684\u6a23\u5f0f\n    fromPage.style.opacity = '0';\n    fromPage.style.transform = 'translateY(20px)';\n    \n    \/\/ \u5ef6\u9072\u986f\u793a\u65b0\u9801\u9762\uff0c\u78ba\u4fdd\u904e\u6e21\u52d5\u756b\u9806\u66a2\n    setTimeout(() => {\n      fromPage.classList.remove('active');\n      toPage.classList.add('active');\n      \n      \/\/ \u78ba\u4fdd\u9801\u9762\u6efe\u52d5\u5230\u9802\u90e8\n      window.scrollTo(0, 0);\n      \n      \/\/ \u5f37\u5236\u91cd\u7e6a\u4e26\u8a2d\u7f6e\u65b0\u9801\u9762\u7684\u6a23\u5f0f\n      setTimeout(() => {\n        toPage.style.opacity = '1';\n        toPage.style.transform = 'translateY(0)';\n      }, 50);\n    }, 800);\n  }\n\n  \/\/ \u521d\u59cb\u5316\u6e2c\u9a57\n  initQuiz();\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>\u300c\u540c\u4e8b\u8e6d\u8f66\u3001\u95fa\u871c\u8e29\u96f7\u3001\u8001\u677f\u6316\u5751\u600e\u4e48\u529e\uff1f10\u9053\u8d85\u73b0\u5b9e\u529e\u516c\u5ba4\u60c5\u5883\u9898\uff0c\u7cbe\u51c6\u5b9a\u4f4d\u4f60\u7684\u793e\u4ea4\u6c42\u751f\u98ce\u683c\uff01\u5b8c\u6210\u6d4b\u9a8c\u89e3\u9501\u300e\u804c\u573a\u4fdd\u547d\u91d1\u53e5\u6897\u56fe\u5305\u300f\uff0c\u5206\u4eab\u7ed9\u90a3\u4e2a\u603b\u8981\u4f60\u5e2e\u5fd9\u64e6\u5c41\u80a1\u7684\u732a\u961f\u53cb\u5427\uff01\u300d<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","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":"default","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":[246],"tags":[],"class_list":["post-9013","post","type-post","status-publish","format-standard","hentry","category-fun-test"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/9013","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/comments?post=9013"}],"version-history":[{"count":5,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/9013\/revisions"}],"predecessor-version":[{"id":9630,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/9013\/revisions\/9630"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=9013"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=9013"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=9013"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}