{"id":9303,"date":"2025-05-08T09:23:04","date_gmt":"2025-05-08T01:23:04","guid":{"rendered":"https:\/\/xinliceyan.org\/?p=9303"},"modified":"2025-05-08T19:57:58","modified_gmt":"2025-05-08T11:57:58","slug":"tas1","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/tas1","title":{"rendered":"\u591a\u4f26\u591a\u8ff0\u60c5\u969c\u788d\u91cf\u8868\u7ebf\u4e0a\u514d\u8d39\u6d4b\u9a8c"},"content":{"rendered":"<!-- \u8ff0\u60c5\u969c\u7919\u6e2c\u9a57 - \u81ea\u5305\u542b\u6a21\u7d44\u8a2d\u8a08 -->\n<div id=\"ath-alexithymia-quiz-wrapper\">\n  <!-- \u5f15\u5c0e\u9801 -->\n  <div id=\"ath-intro-page\" class=\"ath-quiz-section\">\n    <h2 class=\"ath-section-title\">\u591a\u4f26\u591a\u8ff0\u60c5\u969c\u788d\u91cf\u8868(Toronto Alexithymia scale)<\/h2>\n    \n    <div class=\"ath-intro-content\">\n      <div class=\"ath-intro-icons\">\n        <div class=\"ath-icon-wrapper\">\n          <div class=\"ath-icon ath-icon-heart\"><i class=\"fas fa-heart-broken\"><\/i><\/div>\n          <p>\u60c5\u611f\u8868\u8fbe\u56f0\u96be<\/p>\n        <\/div>\n        <div class=\"ath-icon-wrapper\">\n          <div class=\"ath-icon ath-icon-brain\"><i class=\"fas fa-brain\"><\/i><\/div>\n          <p>\u5fc3\u7406\u8ba4\u77e5\u8bc4\u4f30<\/p>\n        <\/div>\n        <div class=\"ath-icon-wrapper\">\n          <div class=\"ath-icon ath-icon-comment\"><i class=\"fas fa-comment-slash\"><\/i><\/div>\n          <p>\u60c5\u7eea\u8868\u8fbe\u80fd\u529b<\/p>\n        <\/div>\n      <\/div>\n      \n      <div class=\"ath-intro-text\">\n        <p>\u4f34\u4fa3\u53ef\u80fd\u4f1a\u5e0c\u671b\u548c\u4f60\u5206\u4eab\u60c5\u7eea\u611f\u53d7\u3001\u5e76\u4e14\u5e0c\u671b\u4f60\u80fd\u591f\u655e\u5f00\u5fc3\u6249\uff0c\u4f46\u53ef\u80fd\u5373\u4f7f\u5df2\u7ecf\u5728\u4e00\u8d77\u5f88\u4e45\u4e86\uff0c\u4f60\u53d1\u73b0\u81ea\u5df1\u8fd8\u662f\u5f88\u96be\u653e\u4e0b\u5fc3\u9632\u3001\u6295\u5165\u60c5\u611f\uff0c\u5bf9\u81ea\u5df1\u7684\u300c\u51b7\u6f20\u300d\u611f\u5230\u65e0\u52a9\u75db\u82e6\u3002<\/p>\n        \n        <p>\u8fd9\u5c31\u662f\u5fc3\u7406\u5b66\u5e38\u8bf4\u7684<strong>\u8ff0\u60c5\u969c\u788d(alexithymia)<\/strong>\uff0c\u53c8\u79f0\u300c\u60c5\u611f\u96be\u8a00\u75c7\u300d\u6216\u300c\u60c5\u611f\u8868\u8fbe\u4e0d\u80fd\u300d\uff0c\u9996\u5148\u7531Sifneos\u9610\u8ff0\u5e76\u547d\u540d\uff0c\u4ee5\u4e0d\u80fd\u9002\u5f53\u5730\u8868\u8fbe\u60c5\u7eea\u3001\u7f3a\u5c11\u5e7b\u60f3\u4e0e\u5b9e\u7528\u6027\u601d\u7ef4\u4e3a\u5176\u7279\u5f81\uff0c\u662f\u60c5\u611f\u8ba4\u77e5\u3001\u52a0\u5de5\u548c\u8c03\u8282\u80fd\u529b\u7684\u4e00\u79cd\u53d7\u635f\uff0c\u6d89\u53ca\u5230\u5bf9\u60c5\u7eea\u8868\u8fbe\u7684\u4e0d\u9002\u548c\u5728\u51b2\u7a81\u671f\u95f4\u9000\u7f29\u7684\u503e\u5411\u3002<\/p>\n        \n        <p>\u5b83\u5e76\u975e\u4e00\u79cd\u72ec\u7acb\u7684\u5fc3\u7406\u75be\u75c5\uff0c\u800c\u53ef\u7406\u89e3\u4e3a\u662f\u4e00\u79cd\u4eba\u683c\u7279\u5f81\uff0c\u4e5f\u53ef\u4e3a\u67d0\u4e9b\u8eaf\u4f53\u6216\u7cbe\u795e\u75be\u75c5\u65f6\u8f83\u6613\u53d1\u751f\u7684\u5fc3\u7406\u7279\u70b9\uff0c\u6216\u4e3a\u5176\u7ee7\u53d1\u75c7\u72b6\uff0c\u5e76\u4e0e\u67d0\u4e9b\u75be\u75c5\u7684\u9884\u540e\u548c\u6cbb\u7597\u6709\u5173\uff0c\u56e0\u6b64\u5bf9\u5176\u8bc4\u4f30\u6709\u4e00\u5b9a\u7684\u4e34\u5e8a\u5b9e\u7528\u610f\u4e49\u3002<\/p>\n        \n        <div class=\"ath-what-you-get\">\n          <h3>\u5b8c\u6210\u6d4b\u9a8c\u540e\uff0c\u60a8\u5c06\u83b7\u5f97\uff1a<\/h3>\n          <ul>\n            <li>\u5168\u9762\u7684\u4e2a\u4eba\u8ff0\u60c5\u969c\u788d\u7a0b\u5ea6\u8bc4\u4f30<\/li>\n            <li>\u56db\u4e2a\u5173\u952e\u7ef4\u5ea6\u7684\u8be6\u7ec6\u5206\u6790<\/li>\n            <li>\u89c6\u89c9\u5316\u56fe\u8868\u5c55\u793a\u60a8\u7684\u8868\u73b0<\/li>\n            <li>\u4e13\u4e1a\u7684\u5fc3\u7406\u5b66\u89e3\u6790\u4e0e\u5efa\u8bae<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <button id=\"ath-start-btn\" class=\"ath-action-button\">\u5f00\u59cb\u6d4b\u9a8c<\/button>\n  <\/div>\n\n  <!-- \u6e2c\u9a57\u9801 -->\n  <div id=\"ath-quiz-page\" class=\"ath-quiz-section\" style=\"display:none;\">\n    <h2 class=\"ath-section-title\">\u8ff0\u60c5\u969c\u788d\u8bc4\u4f30\u95ee\u5377<\/h2>\n    \n    <div class=\"ath-progress-container\">\n      <div class=\"ath-progress-bar\">\n        <div id=\"ath-progress-fill\"><\/div>\n      <\/div>\n      <div id=\"ath-progress-text\">\u95ee\u98981\uff0f26<\/div>\n    <\/div>\n    \n    <div class=\"ath-question-container\">\n      <h3 id=\"ath-quiz-question\" class=\"ath-question-text\"><\/h3>\n      <div id=\"ath-quiz-options\" class=\"ath-options-grid\"><\/div>\n    <\/div>\n    \n    <div class=\"ath-navigation-buttons\">\n      <button id=\"ath-prev-btn\" class=\"ath-nav-btn ath-disabled\">\u4e0a\u4e00\u9898<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u7d50\u679c\u9801 -->\n  <div id=\"ath-result-page\" class=\"ath-quiz-section\" style=\"display:none;\">\n    <h2 class=\"ath-section-title\">\u6d4b\u9a8c\u7ed3\u679c\u5206\u6790<\/h2>\n    \n    <div class=\"ath-result-summary\">\n      <div class=\"ath-total-score\">\n        <h3>\u603b\u5206\u8bc4\u4f30<\/h3>\n        <div class=\"ath-score-display\">\n          <span id=\"ath-total-score\">0<\/span>\n          <span class=\"ath-score-max\">\uff0f130<\/span>\n        <\/div>\n        <p class=\"ath-score-interpretation\">\n          <span id=\"ath-level-text\">\u8bc4\u5206\u4e2d\u2026<\/span>\n        <\/p>\n      <\/div>\n      \n      <div class=\"ath-chart-container\">\n        <h3>\u591a\u7ef4\u5ea6\u5206\u6790\u56fe<\/h3>\n        <canvas id=\"ath-radar-chart\"><\/canvas>\n      <\/div>\n    <\/div>\n    \n    <div class=\"ath-factor-details\">\n      <h3>\u5404\u7ef4\u5ea6\u8be6\u7ec6\u5206\u6790<\/h3>\n      <div id=\"ath-factor-reports\"><\/div>\n    <\/div>\n    \n    <div class=\"ath-interpretation\">\n      <h3>\u4e13\u4e1a\u89e3\u6790<\/h3>\n      <p>\u6b64\u6d4b\u9a8c\u8bc4\u4f30\u60a8\u5bf9\u60c5\u611f\u8fa8\u8bc6\u4e0e\u8868\u8fbe\u7684\u7279\u8d28\uff0c\u5176\u7279\u5f81\u8868\u73b0\u4e3a\uff1a<\/p>\n      <ul>\n        <li><strong>\u603b\u5206\u8d8a\u9ad8<\/strong>\uff1a\u8868\u793a\u8d8a\u503e\u5411\u96be\u4ee5\u7cbe\u786e\u63cf\u8ff0\u60c5\u7eea\u4f53\u9a8c<\/li>\n        <li><strong>\u56e0\u5b50I\u504f\u9ad8<\/strong>\uff1a\u663e\u793a\u8bed\u8a00\u5316\u60c5\u611f\u7684\u80fd\u529b\u8f83\u5f31<\/li>\n        <li><strong>\u56e0\u5b50II\u504f\u9ad8<\/strong>\uff1a\u53ef\u80fd\u6df7\u6dc6\u751f\u7406\u53cd\u5e94\u4e0e\u5fc3\u7406\u72b6\u6001<\/li>\n        <li><strong>\u56e0\u5b50III\u504f\u9ad8<\/strong>\uff1a\u53cd\u6620\u60f3\u50cf\u529b\u4e0e\u521b\u9020\u529b\u53d7\u9650<\/li>\n        <li><strong>\u56e0\u5b50IV\u504f\u9ad8<\/strong>\uff1a\u503e\u5411\u5177\u4f53\u5316\u601d\u8003\u800c\u5ffd\u89c6\u5185\u5728\u611f\u53d7<\/li>\n      <\/ul>\n      <p class=\"ath-note\">\u672c\u6d4b\u9a8c\u7ed3\u679c\u5177\u6709\u53c2\u8003\u4ef7\u503c\uff0c\u5982\u9700\u8fdb\u4e00\u6b65\u4e86\u89e3\u76f8\u5173\u8bae\u9898\uff0c\u5efa\u8bae\u54a8\u8be2\u4e34\u5e8a\u5fc3\u7406\u4e13\u4e1a\u4eba\u5458\u3002<\/p>\n    <\/div>\n    \n    <button id=\"ath-restart-btn\" class=\"ath-action-button\">\u91cd\u65b0\u6d4b\u9a8c<\/button>\n  <\/div>\n<\/div>\n\n<!-- \u52a0\u8f09 FontAwesome \u5716\u6a19\u5eab\uff0c\u4f7f\u7528CDN -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\" \/>\n<!-- \u52a0\u8f09 Chart.js\uff0c\u4f7f\u7528CDN -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/3.9.1\/chart.min.js\"><\/script>\n\n<style>\n\/* \u5168\u5c40\u8a2d\u7f6e\u8207\u91cd\u7f6e - \u4f7f\u7528\u552f\u4e00\u524d\u7db4\u9632\u6b62\u885d\u7a81 *\/\n#ath-alexithymia-quiz-wrapper {\n  font-family: 'Microsoft JhengHei', 'PingFang TC', 'Segoe UI', Roboto, sans-serif;\n  max-width: 1000px;\n  margin: 0 auto;\n  color: #333;\n  --primary-color: #7e57c2;\n  --secondary-color: #5c6bc0;\n  --accent-color: #ef5350;\n  --light-bg: #f9f7ff;\n  --hover-color: #673ab7;\n  --text-color: #424242;\n  --shadow: 0 8px 20px rgba(0,0,0,0.1);\n  --border-radius: 12px;\n  --icon-color-1: #7e57c2;\n  --icon-color-2: #5c6bc0;\n  --icon-color-3: #7986cb;\n  box-sizing: border-box;\n}\n\n#ath-alexithymia-quiz-wrapper * {\n  box-sizing: border-box;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-quiz-section {\n  background-color: white;\n  border-radius: var(--border-radius);\n  box-shadow: var(--shadow);\n  padding: 30px;\n  margin: 20px 0;\n  transition: all 0.3s ease;\n}\n\n\/* \u6a19\u984c\u6a23\u5f0f *\/\n#ath-alexithymia-quiz-wrapper .ath-section-title {\n  font-size: 32px;\n  text-align: center;\n  color: var(--primary-color);\n  margin-bottom: 30px;\n  font-weight: 700;\n  position: relative;\n  padding-bottom: 15px;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-section-title:after {\n  content: '';\n  position: absolute;\n  width: 80px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  border-radius: 2px;\n}\n\n\/* \u5f15\u5c0e\u9801\u6a23\u5f0f *\/\n#ath-alexithymia-quiz-wrapper .ath-intro-content {\n  display: flex;\n  flex-direction: column;\n  gap: 30px;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-intro-icons {\n  display: flex;\n  justify-content: center;\n  gap: 40px;\n  margin: 20px 0;\n  flex-wrap: wrap;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-icon-wrapper {\n  text-align: center;\n  width: 120px;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-icon {\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto 15px;\n  box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n  transform: translateY(0);\n  transition: all 0.3s ease;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-icon:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n}\n\n#ath-alexithymia-quiz-wrapper .ath-icon-heart {\n  background: linear-gradient(135deg, #ff7eb3, #ff758c);\n  color: white;\n  font-size: 28px;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-icon-brain {\n  background: linear-gradient(135deg, #7e57c2, #5c6bc0);\n  color: white;\n  font-size: 28px;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-icon-comment {\n  background: linear-gradient(135deg, #5c6bc0, #26c6da);\n  color: white;\n  font-size: 28px;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-icon-wrapper p {\n  font-size: 16px;\n  margin-top: 10px;\n  color: var(--text-color);\n  font-weight: 500;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-intro-text {\n  background-color: var(--light-bg);\n  padding: 25px;\n  border-radius: var(--border-radius);\n  line-height: 1.7;\n  font-size: 18px;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-intro-text p {\n  margin-bottom: 20px;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-what-you-get {\n  background: linear-gradient(135deg, rgba(126, 87, 194, 0.1), rgba(92, 107, 192, 0.1));\n  padding: 20px;\n  border-radius: 8px;\n  margin-top: 20px;\n  border-left: 4px solid var(--primary-color);\n}\n\n#ath-alexithymia-quiz-wrapper .ath-what-you-get h3 {\n  margin-top: 0;\n  color: var(--primary-color);\n  font-size: 20px;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-what-you-get ul {\n  padding-left: 20px;\n  margin-bottom: 10px;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-what-you-get li {\n  margin-bottom: 8px;\n  font-size: 16px;\n}\n\n\/* \u6309\u9215\u6a23\u5f0f *\/\n#ath-alexithymia-quiz-wrapper .ath-action-button {\n  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n  color: white;\n  font-size: 20px;\n  font-weight: bold;\n  padding: 16px 40px;\n  border: none;\n  border-radius: 50px;\n  cursor: pointer;\n  display: block;\n  margin: 30px auto 10px;\n  transition: all 0.3s ease;\n  box-shadow: 0 4px 15px rgba(126, 87, 194, 0.4);\n  min-width: 200px;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-action-button:hover {\n  box-shadow: 0 6px 20px rgba(126, 87, 194, 0.6);\n  transform: translateY(-2px);\n}\n\n#ath-alexithymia-quiz-wrapper .ath-action-button:active {\n  transform: translateY(1px);\n  box-shadow: 0 2px 10px rgba(126, 87, 194, 0.4);\n}\n\n\/* \u6e2c\u9a57\u9801\u6a23\u5f0f *\/\n#ath-alexithymia-quiz-wrapper .ath-progress-container {\n  margin-bottom: 30px;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-progress-bar {\n  height: 12px;\n  background-color: #e0e0e0;\n  border-radius: 6px;\n  margin-bottom: 10px;\n  overflow: hidden;\n}\n\n#ath-alexithymia-quiz-wrapper #ath-progress-fill {\n  height: 100%;\n  background: linear-gradient(to right, var(--primary-color), var(--secondary-color));\n  width: 0%;\n  transition: width 0.3s ease;\n  border-radius: 6px;\n}\n\n#ath-alexithymia-quiz-wrapper #ath-progress-text {\n  text-align: center;\n  font-size: 16px;\n  color: var(--text-color);\n  font-weight: 500;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-question-container {\n  background-color: var(--light-bg);\n  padding: 30px;\n  border-radius: var(--border-radius);\n  margin-bottom: 30px;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-question-text {\n  font-size: 22px;\n  font-weight: 600;\n  color: var(--text-color);\n  margin-top: 0;\n  margin-bottom: 25px;\n  line-height: 1.4;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-options-grid {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-option {\n  background-color: white;\n  border: 2px solid #e0e0e0;\n  border-radius: 8px;\n  padding: 16px 20px;\n  font-size: 18px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  display: flex;\n  align-items: center;\n  min-height: 60px;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-option:hover {\n  border-color: var(--primary-color);\n  background-color: rgba(126, 87, 194, 0.05);\n  transform: translateY(-2px);\n  box-shadow: 0 4px 8px rgba(0,0,0,0.05);\n}\n\n#ath-alexithymia-quiz-wrapper .ath-option.ath-selected {\n  border-color: var(--primary-color);\n  background-color: rgba(126, 87, 194, 0.1);\n  box-shadow: 0 4px 8px rgba(126, 87, 194, 0.2);\n  color: var(--primary-color);\n  font-weight: 600;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-navigation-buttons {\n  display: flex;\n  justify-content: center;\n  gap: 20px;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-nav-btn {\n  background-color: #f5f5f5;\n  color: var(--text-color);\n  border: none;\n  padding: 14px 30px;\n  font-size: 18px;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  min-width: 140px;\n  text-align: center;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-nav-btn:hover:not(.ath-disabled) {\n  background-color: #e0e0e0;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-nav-btn.ath-disabled {\n  background-color: #f0f0f0;\n  color: #bdbdbd;\n  cursor: not-allowed;\n}\n\n\/* \u7d50\u679c\u9801\u6a23\u5f0f *\/\n#ath-alexithymia-quiz-wrapper .ath-result-summary {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 30px;\n  margin-bottom: 40px;\n  justify-content: center;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-total-score {\n  flex: 1;\n  min-width: 250px;\n  background: linear-gradient(135deg, rgba(126, 87, 194, 0.1), rgba(92, 107, 192, 0.1));\n  padding: 25px;\n  border-radius: var(--border-radius);\n  text-align: center;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-total-score h3 {\n  margin-top: 0;\n  font-size: 20px;\n  color: var(--primary-color);\n}\n\n#ath-alexithymia-quiz-wrapper .ath-score-display {\n  font-size: 60px;\n  font-weight: 700;\n  color: var(--primary-color);\n  margin: 20px 0;\n  line-height: 1;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-score-max {\n  font-size: 26px;\n  color: #9e9e9e;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-score-interpretation {\n  font-size: 18px;\n  line-height: 1.6;\n  margin-bottom: 0;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-chart-container {\n  flex: 2;\n  min-width: 300px;\n  background-color: white;\n  padding: 20px;\n  border-radius: var(--border-radius);\n  box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n}\n\n#ath-alexithymia-quiz-wrapper .ath-chart-container h3 {\n  text-align: center;\n  margin-top: 0;\n  margin-bottom: 20px;\n  font-size: 20px;\n  color: var(--text-color);\n}\n\n#ath-alexithymia-quiz-wrapper .ath-factor-details {\n  margin-bottom: 40px;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-factor-details h3 {\n  font-size: 22px;\n  color: var(--text-color);\n  margin-bottom: 20px;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-factor-card {\n  background-color: white;\n  padding: 20px;\n  border-radius: 8px;\n  margin-bottom: 15px;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n}\n\n#ath-alexithymia-quiz-wrapper .ath-factor-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 15px;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-factor-name {\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--text-color);\n}\n\n#ath-alexithymia-quiz-wrapper .ath-factor-score {\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--primary-color);\n}\n\n#ath-alexithymia-quiz-wrapper .ath-factor-progress {\n  height: 10px;\n  background-color: #e0e0e0;\n  border-radius: 5px;\n  overflow: hidden;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-factor-progress-fill {\n  height: 100%;\n  border-radius: 5px;\n  transition: width 1s ease-out;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-interpretation {\n  background-color: var(--light-bg);\n  padding: 30px;\n  border-radius: var(--border-radius);\n  margin-bottom: 30px;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-interpretation h3 {\n  margin-top: 0;\n  color: var(--primary-color);\n  font-size: 22px;\n  margin-bottom: 15px;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-interpretation ul {\n  padding-left: 20px;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-interpretation li {\n  margin-bottom: 12px;\n  font-size: 16px;\n  line-height: 1.6;\n}\n\n#ath-alexithymia-quiz-wrapper .ath-note {\n  font-style: italic;\n  color: #757575;\n  margin-top: 20px;\n  font-size: 15px;\n}\n\n\/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\n@media (max-width: 768px) {\n  #ath-alexithymia-quiz-wrapper .ath-quiz-section {\n    padding: 20px;\n  }\n  \n  #ath-alexithymia-quiz-wrapper .ath-intro-icons {\n    gap: 20px;\n  }\n  \n  #ath-alexithymia-quiz-wrapper .ath-icon {\n    width: 70px;\n    height: 70px;\n  }\n  \n  #ath-alexithymia-quiz-wrapper .ath-icon-wrapper {\n    width: 100px;\n  }\n  \n  #ath-alexithymia-quiz-wrapper .ath-section-title {\n    font-size: 28px;\n  }\n  \n  #ath-alexithymia-quiz-wrapper .ath-question-text {\n    font-size: 20px;\n  }\n  \n  #ath-alexithymia-quiz-wrapper .ath-option {\n    padding: 14px 16px;\n    font-size: 16px;\n  }\n  \n  #ath-alexithymia-quiz-wrapper .ath-score-display {\n    font-size: 50px;\n  }\n  \n  #ath-alexithymia-quiz-wrapper .ath-result-summary {\n    flex-direction: column;\n  }\n}\n\n@media (max-width: 480px) {\n  #ath-alexithymia-quiz-wrapper .ath-quiz-section {\n    padding: 15px;\n  }\n  \n  #ath-alexithymia-quiz-wrapper .ath-section-title {\n    font-size: 24px;\n  }\n  \n  #ath-alexithymia-quiz-wrapper .ath-intro-text {\n    font-size: 16px;\n    padding: 20px;\n  }\n  \n  #ath-alexithymia-quiz-wrapper .ath-action-button {\n    font-size: 18px;\n    padding: 14px 30px;\n  }\n  \n  #ath-alexithymia-quiz-wrapper .ath-option {\n    font-size: 16px;\n    padding: 12px 15px;\n  }\n}\n<\/style>\n\n<script>\n\/\/ \u4f7f\u7528IIFE\u907f\u514d\u5168\u5c40\u6c61\u67d3\n(function() {\n  \/\/ \u7b49\u5f85DOM\u52a0\u8f09\u5b8c\u6210\n  document.addEventListener('DOMContentLoaded', function() {\n    \/\/ \u78ba\u4fdd\u53ea\u6709\u5728\u8a72\u5143\u7d20\u5b58\u5728\u6642\u624d\u57f7\u884c\u4ee3\u78bc\n    if (!document.getElementById('ath-alexithymia-quiz-wrapper')) return;\n    \n    \/\/ \u9801\u9762\u5143\u7d20\n    const introPage = document.getElementById('ath-intro-page');\n    const quizPage = document.getElementById('ath-quiz-page');\n    const resultPage = document.getElementById('ath-result-page');\n    const startBtn = document.getElementById('ath-start-btn');\n    const prevBtn = document.getElementById('ath-prev-btn');\n    const restartBtn = document.getElementById('ath-restart-btn');\n    const questionEl = document.getElementById('ath-quiz-question');\n    const optionsEl = document.getElementById('ath-quiz-options');\n    const progressFill = document.getElementById('ath-progress-fill');\n    const progressText = document.getElementById('ath-progress-text');\n    const totalScoreEl = document.getElementById('ath-total-score');\n    const levelTextEl = document.getElementById('ath-level-text');\n    const factorReportsEl = document.getElementById('ath-factor-reports');\n    \n    \/\/ \u6e2c\u9a57\u72c0\u614b\n    let currentQuestionIndex = 0;\n    let selectedAnswers = {};\n    let radarChart = null;\n    \n    \/\/ \u554f\u984c\u5b9a\u7fa9\n    const questions = [\n      {id:1, text:\"\u7576\u6211\u54ed\u6ce3\u6642\uff0c\u6211\u77e5\u9053\u662f\u4ec0\u9ebc\u539f\u56e0\", reverse:true},\n      {id:2, text:\"\u7a7a\u60f3\u7d14\u7cb9\u662f\u6d6a\u8cbb\u6642\u9593\", reverse:false},\n      {id:3, text:\"\u6211\u5e0c\u671b\u81ea\u5df1\u4e0d\u90a3\u9ebc\u5bb3\u7f9e\", reverse:false},\n      {id:4, text:\"\u6211\u5e38\u641e\u4e0d\u6e05\u81ea\u5df1\u662f\u4ec0\u9ebc\u6a23\u7684\u611f\u53d7\", reverse:false},\n      {id:5, text:\"\u6211\u5e38\u5e7b\u60f3\u8457\u5c07\u4f86\", reverse:true},\n      {id:6, text:\"\u6211\u4f3c\u4e4e\u4ea4\u670b\u53cb\u548c\u5225\u4eba\u4e00\u6a23\u5bb9\u6613\", reverse:false},\n      {id:7, text:\"\u77e5\u9053\u554f\u984c\u7684\u7b54\u6848\u6bd4\u77e5\u9053\u5176\u539f\u56e0\u66f4\u91cd\u8981\", reverse:false},\n      {id:8, text:\"\u6211\u96e3\u4ee5\u7528\u6070\u7576\u7684\u8a5e\u63cf\u8ff0\u81ea\u5df1\u7684\u60c5\u611f\", reverse:false},\n      {id:9, text:\"\u6211\u559c\u6b61\u5225\u4eba\u77e5\u9053\u6211\u5c0d\u4e8b\u7269\u7684\u614b\u5ea6\", reverse:true},\n      {id:10, text:\"\u6709\u4e9b\u8eab\u9ad4\u611f\u89ba\u9023\u91ab\u751f\u4e5f\u4e0d\u7406\u89e3\", reverse:false},\n      {id:11, text:\"\u53ea\u505a\u5de5\u4f5c\u662f\u4e0d\u5920\u7684\uff0c\u6211\u9700\u77e5\u9053\u70ba\u4f55\u505a\u548c\u5982\u4f55\u505a\u597d\", reverse:true},\n      {id:12, text:\"\u6211\u5f88\u5bb9\u6613\u5730\u63cf\u8ff0\u81ea\u5df1\u7684\u611f\u53d7\", reverse:true},\n      {id:13, text:\"\u6211\u66f4\u559c\u6b61\u5206\u6790\u554f\u984c\u800c\u4e0d\u50c5\u50c5\u63cf\u8ff0\u5b83\", reverse:true},\n      {id:14, text:\"\u7576\u6211\u5fc3\u7169\u610f\u4e82\u6642\uff0c\u6211\u4e0d\u77e5\u662f\u50b7\u5fc3\u3001\u5bb3\u6015\u3001\u61a4\u6012\uff1f\", reverse:false},\n      {id:15, text:\"\u6211\u5e38\u597d\u5e7b\u60f3\", reverse:true},\n      {id:16, text:\"\u7576\u6211\u7121\u4e8b\u53ef\u505a\u6642\uff0c\u5e38\u597d\u7a7a\u60f3\", reverse:true},\n      {id:17, text:\"\u6211\u5e38\u70ba\u9ad4\u5167\u7684\u611f\u89ba\u6240\u56f0\u60d1\", reverse:false},\n      {id:18, text:\"\u6211\u6975\u5c11\u505a\u767d\u65e5\u5922\", reverse:false},\n      {id:19, text:\"\u6211\u66f4\u95dc\u5fc3\u4e8b\u60c5\u7684\u767c\u751f\uff0c\u800c\u4e0d\u6ce8\u610f\u70ba\u4f55\u767c\u751f\", reverse:false},\n      {id:20, text:\"\u6211\u6709\u4e9b\u96e3\u4ee5\u8b58\u5225\u7684\u611f\u53d7\", reverse:false},\n      {id:21, text:\"\u60c5\u611f\u7684\u6e9d\u901a\u662f\u5f88\u91cd\u8981\u7684\", reverse:true},\n      {id:22, text:\"\u6211\u89ba\u5f97\u96e3\u4ee5\u63cf\u8ff0\u5c0d\u5225\u4eba\u7684\u60c5\u611f\", reverse:false},\n      {id:23, text:\"\u5225\u4eba\u544a\u8a34\u6211\u8981\u66f4\u591a\u5730\u8868\u9054\u81ea\u5df1\u7684\u611f\u53d7\", reverse:false},\n      {id:24, text:\"\u4e00\u500b\u4eba\u61c9\u5c0b\u6c42\u66f4\u6df1\u523b\u7684\u7406\u89e3\", reverse:true},\n      {id:25, text:\"\u6211\u4e0d\u77e5\u9053\u6211\u7684\u5167\u5fc3\u767c\u751f\u4e86\u4ec0\u9ebc\", reverse:false},\n      {id:26, text:\"\u6211\u5e38\u4e0d\u77e5\u9053\u81ea\u5df1\u70ba\u4ec0\u9ebc\u6c23\u61a4\", reverse:false}\n    ];\n    \n    \/\/ \u56e0\u5b50\u914d\u5c0d\n    const factors = {\n      \"I\": {\n        name: \"\u63cf\u8ff0\u60c5\u611f\u80fd\u529b\",\n        items: [4, 8, 12, 22, 23, 26],\n        max: 30,\n        color: 'rgba(126, 87, 194, 0.8)'\n      },\n      \"II\": {\n        name: \"\u8fa8\u8b58\u8eab\u5fc3\u611f\u53d7\",\n        items: [1, 3, 10, 14, 17, 20, 25],\n        max: 35,\n        color: 'rgba(92, 107, 192, 0.8)'\n      },\n      \"III\": {\n        name: \"\u5e7b\u60f3\u7f3a\u5931\u7a0b\u5ea6\",\n        items: [2, 5, 15, 16, 18],\n        max: 25,\n        color: 'rgba(66, 165, 245, 0.8)'\n      },\n      \"IV\": {\n        name: \"\u5916\u5411\u578b\u601d\u7dad\",\n        items: [6, 7, 9, 11, 13, 19, 21, 24],\n        max: 40,\n        color: 'rgba(38, 198, 218, 0.8)'\n      }\n    };\n    \n    \/\/ \u7d50\u679c\u7b49\u7d1a\u8a55\u4f30\n    const levelAssessment = [\n      { min: 26, max: 51, text: \"\u8f03\u4f4e\uff1a\u60a8\u7684\u60c5\u611f\u8a8d\u77e5\u8207\u8868\u9054\u80fd\u529b\u826f\u597d\uff0c\u80fd\u6709\u6548\u8fa8\u8b58\u548c\u6e9d\u901a\u81ea\u5df1\u7684\u60c5\u7dd2\u9ad4\u9a57\u3002\", color: \"#4caf50\" },\n      { min: 52, max: 77, text: \"\u4e2d\u4f4e\uff1a\u60a8\u5c0d\u60c5\u611f\u7684\u8fa8\u8b58\u8207\u8868\u9054\u57fa\u672c\u9806\u66a2\uff0c\u4f46\u7279\u5b9a\u60c5\u5883\u4e0b\u53ef\u80fd\u9047\u5230\u4e9b\u8a31\u56f0\u96e3\u3002\", color: \"#8bc34a\" },\n      { min: 78, max: 103, text: \"\u4e2d\u9ad8\uff1a\u60a8\u5728\u8a8d\u8b58\u3001\u63cf\u8ff0\u60c5\u611f\u65b9\u9762\u5448\u73fe\u51fa\u4e2d\u7b49\u7a0b\u5ea6\u7684\u56f0\u96e3\uff0c\u5efa\u8b70\u589e\u52a0\u60c5\u611f\u610f\u8b58\u7684\u8a13\u7df4\u3002\", color: \"#ffb74d\" },\n      { min: 104, max: 130, text: \"\u8f03\u9ad8\uff1a\u60a8\u5728\u60c5\u611f\u8fa8\u8b58\u548c\u8868\u9054\u4e0a\u53ef\u80fd\u9762\u81e8\u986f\u8457\u6311\u6230\uff0c\u53ef\u8003\u616e\u5c0b\u6c42\u5c08\u696d\u652f\u6301\u4ee5\u6539\u5584\u60c5\u611f\u9023\u7d50\u80fd\u529b\u3002\", color: \"#f44336\" }\n    ];\n    \n    \/\/ \u9078\u9805\u5b9a\u7fa9\n    const options = [\n      { value: 1, text: \"\u5b8c\u5168\u4e0d\u540c\u610f\" },\n      { value: 2, text: \"\u57fa\u672c\u4e0d\u540c\u610f\" },\n      { value: 3, text: \"\u4e0d\u540c\u610f\u4e5f\u4e0d\u53cd\u5c0d\" },\n      { value: 4, text: \"\u57fa\u672c\u540c\u610f\" },\n      { value: 5, text: \"\u5b8c\u5168\u540c\u610f\" }\n    ];\n    \n    \/\/ \u521d\u59cb\u5316\u65b9\u6cd5\n    function initQuiz() {\n      \/\/ \u7d81\u5b9a\u6309\u9215\u4e8b\u4ef6\n      startBtn.addEventListener('click', startQuiz);\n      prevBtn.addEventListener('click', goToPreviousQuestion);\n      restartBtn.addEventListener('click', restartQuiz);\n      \n      \/\/ \u9810\u5148\u8f09\u5165\u5b57\u9ad4\u548c\u5716\u6a19\uff0c\u78ba\u4fdd\u986f\u793a\u6b63\u5e38\n      preloadResources();\n    }\n    \n    \/\/ \u9810\u52a0\u8f09\u8cc7\u6e90\n    function preloadResources() {\n      \/\/ \u6aa2\u67e5\u5b57\u9ad4\u548c\u5716\u6a19\u662f\u5426\u52a0\u8f09\u5b8c\u6210\n      const fontAwesome = document.querySelector('link[href*=\"font-awesome\"]');\n      if (fontAwesome) {\n        fontAwesome.addEventListener('load', function() {\n          console.log('FontAwesome loaded successfully');\n        });\n      }\n    }\n    \n    \/\/ \u958b\u59cb\u6e2c\u9a57\n    function startQuiz() {\n      introPage.style.display = 'none';\n      quizPage.style.display = 'block';\n      \n      \/\/ \u91cd\u7f6e\u6e2c\u9a57\u72c0\u614b\n      currentQuestionIndex = 0;\n      selectedAnswers = {};\n      \n      \/\/ \u6e32\u67d3\u7b2c\u4e00\u500b\u554f\u984c\n      renderQuestion();\n      updateProgress();\n      \n      \/\/ \u5e73\u6ed1\u6efe\u52d5\u5230\u6e2c\u9a57\u9801\u9762\u9802\u90e8\n      scrollToElement(quizPage);\n    }\n    \n    \/\/ \u6e32\u67d3\u7576\u524d\u554f\u984c\n    function renderQuestion() {\n      const question = questions[currentQuestionIndex];\n      \n      \/\/ \u8a2d\u7f6e\u554f\u984c\u6587\u672c\n      questionEl.textContent = `${question.text}`;\n      \n      \/\/ \u6e05\u7a7a\u9078\u9805\u5bb9\u5668\n      optionsEl.innerHTML = '';\n      \n      \/\/ \u5275\u5efa\u9078\u9805\u6309\u9215\n      options.forEach(option => {\n        const optionBtn = document.createElement('div');\n        optionBtn.className = 'ath-option';\n        optionBtn.textContent = option.text;\n        optionBtn.dataset.value = option.value;\n        \n        \/\/ \u5982\u679c\u5df2\u7d93\u9078\u64c7\u4e86\u8a72\u9078\u9805\uff0c\u6dfb\u52a0\u9078\u4e2d\u6a23\u5f0f\n        if (selectedAnswers[currentQuestionIndex] === option.value) {\n          optionBtn.classList.add('ath-selected');\n        }\n        \n        \/\/ \u6dfb\u52a0\u9ede\u64ca\u4e8b\u4ef6\n        optionBtn.addEventListener('click', function() {\n          selectOption(option.value);\n        });\n        \n        optionsEl.appendChild(optionBtn);\n      });\n      \n      \/\/ \u66f4\u65b0\u5c0e\u822a\u6309\u9215\u72c0\u614b\n      updateNavigationButtons();\n    }\n    \n    \/\/ \u9078\u64c7\u9078\u9805\n    function selectOption(value) {\n      \/\/ \u4fdd\u5b58\u9078\u64c7\u7684\u7b54\u6848\n      selectedAnswers[currentQuestionIndex] = value;\n      \n      \/\/ \u66f4\u65b0\u9078\u9805\u6a23\u5f0f\n      const options = optionsEl.querySelectorAll('.ath-option');\n      options.forEach(option => {\n        option.classList.toggle('ath-selected', parseInt(option.dataset.value) === value);\n      });\n      \n      \/\/ \u81ea\u52d5\u9032\u5165\u4e0b\u4e00\u984c\u6216\u63d0\u4ea4\u7d50\u679c\n      setTimeout(() => {\n        if (currentQuestionIndex < questions.length - 1) {\n          goToNextQuestion();\n        } else {\n          submitQuiz();\n        }\n      }, 300);\n    }\n    \n    \/\/ \u524d\u5f80\u4e0a\u4e00\u984c\n    function goToPreviousQuestion() {\n      if (currentQuestionIndex > 0) {\n        currentQuestionIndex--;\n        renderQuestion();\n        updateProgress();\n      }\n    }\n    \n    \/\/ \u524d\u5f80\u4e0b\u4e00\u984c\n    function goToNextQuestion() {\n      if (currentQuestionIndex < questions.length - 1) {\n        currentQuestionIndex++;\n        renderQuestion();\n        updateProgress();\n        \n        \/\/ \u5e73\u6ed1\u6efe\u52d5\u5230\u554f\u984c\u9802\u90e8\n        scrollToElement(document.querySelector('.ath-question-container'));\n      }\n    }\n    \n    \/\/ \u66f4\u65b0\u5c0e\u822a\u6309\u9215\u72c0\u614b\n    function updateNavigationButtons() {\n      \/\/ \u4e0a\u4e00\u984c\u6309\u9215\n      prevBtn.disabled = currentQuestionIndex === 0;\n      prevBtn.classList.toggle('ath-disabled', currentQuestionIndex === 0);\n    }\n    \n    \/\/ \u66f4\u65b0\u9032\u5ea6\u689d\n    function updateProgress() {\n      const progress = ((currentQuestionIndex + 1) \/ questions.length) * 100;\n      progressFill.style.width = `${progress}%`;\n      progressText.textContent = `\u554f\u984c ${currentQuestionIndex + 1}\uff0f${questions.length}`;\n    }\n    \n    \/\/ \u63d0\u4ea4\u6e2c\u9a57\u4e26\u8a08\u7b97\u7d50\u679c\n    function submitQuiz() {\n      \/\/ \u8a08\u7b97\u5206\u6578\n      const scores = calculateScores();\n      \n      \/\/ \u986f\u793a\u7d50\u679c\u9801\u9762\n      showResults(scores);\n      \n      \/\/ \u5e73\u6ed1\u6efe\u52d5\u5230\u7d50\u679c\u9801\u9762\u9802\u90e8\n      scrollToElement(resultPage);\n    }\n    \n    \/\/ \u8a08\u7b97\u5206\u6578\n    function calculateScores() {\n      \/\/ \u521d\u59cb\u5316\u5206\u6578\n      const scores = {\n        total: 0,\n        factors: {}\n      };\n      \n      \/\/ \u521d\u59cb\u5316\u6bcf\u500b\u56e0\u5b50\u7684\u5206\u6578\n      Object.keys(factors).forEach(key => {\n        scores.factors[key] = 0;\n      });\n      \n      \/\/ \u8a08\u7b97\u6bcf\u500b\u554f\u984c\u7684\u5f97\u5206\u4e26\u7d2f\u52a0\u5230\u76f8\u61c9\u7684\u56e0\u5b50\u4e2d\n      questions.forEach((question, index) => {\n        const answer = selectedAnswers[index] || 3; \/\/ \u9ed8\u8a8d\u70ba\u4e2d\u9593\u503c\n        const score = question.reverse ? (6 - answer) : answer;\n        \n        \/\/ \u6dfb\u52a0\u5230\u7e3d\u5206\n        scores.total += score;\n        \n        \/\/ \u6dfb\u52a0\u5230\u5c0d\u61c9\u7684\u56e0\u5b50\n        Object.keys(factors).forEach(key => {\n          if (factors[key].items.includes(question.id)) {\n            scores.factors[key] += score;\n          }\n        });\n      });\n      \n      return scores;\n    }\n    \n    \/\/ \u986f\u793a\u7d50\u679c\n    function showResults(scores) {\n      \/\/ \u96b1\u85cf\u6e2c\u9a57\u9801\u9762\uff0c\u986f\u793a\u7d50\u679c\u9801\u9762\n      quizPage.style.display = 'none';\n      resultPage.style.display = 'block';\n      \n      \/\/ \u8a2d\u7f6e\u7e3d\u5206\n      totalScoreEl.textContent = scores.total;\n      \n      \/\/ \u8a2d\u7f6e\u8a55\u4f30\u7b49\u7d1a\n      const level = levelAssessment.find(level => \n        scores.total >= level.min && scores.total <= level.max\n      );\n      \n      if (level) {\n        levelTextEl.textContent = level.text;\n        levelTextEl.style.color = level.color;\n      }\n      \n      \/\/ \u986f\u793a\u56e0\u5b50\u5831\u544a\n      renderFactorReports(scores);\n      \n      \/\/ \u5275\u5efa\u96f7\u9054\u5716\n      createRadarChart(scores);\n    }\n    \n    \/\/ \u6e32\u67d3\u56e0\u5b50\u5831\u544a\n    function renderFactorReports(scores) {\n      factorReportsEl.innerHTML = '';\n      \n      Object.keys(factors).forEach(key => {\n        const factor = factors[key];\n        const score = scores.factors[key];\n        const minPossible = factor.items.length; \/\/ \u6700\u4f4e\u53ef\u80fd\u5206\u6578\n        const normalizedPercentage = ((score - minPossible) \/ (factor.max - minPossible)) * 100;\n        \n        const factorCard = document.createElement('div');\n        factorCard.className = 'ath-factor-card';\n        factorCard.innerHTML = `\n          <div class=\"ath-factor-header\">\n            <div class=\"ath-factor-name\">\u56e0\u5b50${key}: ${factor.name}<\/div>\n            <div class=\"ath-factor-score\">${score}\/${factor.max}<\/div>\n          <\/div>\n          <div class=\"ath-factor-progress\">\n            <div class=\"ath-factor-progress-fill\" style=\"width: ${normalizedPercentage}%; background-color: ${factor.color};\"><\/div>\n          <\/div>\n        `;\n        \n        factorReportsEl.appendChild(factorCard);\n      });\n      \n      \/\/ \u5ef6\u9072\u52d5\u756b\u4ee5\u78ba\u4fddDOM\u5df2\u66f4\u65b0\n      setTimeout(() => {\n        const fills = document.querySelectorAll('.ath-factor-progress-fill');\n        fills.forEach(fill => {\n          fill.style.width = fill.style.width;\n        });\n      }, 100);\n    }\n    \n    \/\/ \u5275\u5efa\u96f7\u9054\u5716\n    function createRadarChart(scores) {\n      const ctx = document.getElementById('ath-radar-chart').getContext('2d');\n      \n      \/\/ \u5982\u679c\u5df2\u5b58\u5728\u5716\u8868\uff0c\u5247\u92b7\u6bc0\n      if (radarChart !== null) {\n        radarChart.destroy();\n      }\n      \n      \/\/ \u6e96\u5099\u6578\u64da\n      const labels = [];\n      const data = [];\n      const normalizedData = [];\n      const maxValues = [];\n      const backgroundColors = [];\n      \n      Object.keys(factors).forEach(key => {\n        const factor = factors[key];\n        const score = scores.factors[key];\n        const minPossible = factor.items.length;\n        \n        labels.push(`\u56e0\u5b50${key}: ${factor.name}`);\n        data.push(score);\n        normalizedData.push(((score - minPossible) \/ (factor.max - minPossible)) * 100);\n        maxValues.push(factor.max);\n        backgroundColors.push(factor.color);\n      });\n      \n      \/\/ \u5275\u5efa\u96f7\u9054\u5716\n      radarChart = new Chart(ctx, {\n        type: 'radar',\n        data: {\n          labels: labels,\n          datasets: [{\n            label: '\u60a8\u7684\u5f97\u5206',\n            data: normalizedData,\n            backgroundColor: 'rgba(126, 87, 194, 0.2)',\n            borderColor: 'rgba(126, 87, 194, 0.8)',\n            pointBackgroundColor: backgroundColors,\n            pointBorderColor: '#fff',\n            pointHoverBackgroundColor: '#fff',\n            pointHoverBorderColor: 'rgba(126, 87, 194, 1)',\n            borderWidth: 2\n          }]\n        },\n        options: {\n          scales: {\n            r: {\n              angleLines: {\n                color: 'rgba(0, 0, 0, 0.1)'\n              },\n              grid: {\n                color: 'rgba(0, 0, 0, 0.05)'\n              },\n              pointLabels: {\n                font: {\n                  size: 12\n                }\n              },\n              suggestedMin: 0,\n              suggestedMax: 100,\n              ticks: {\n                stepSize: 20,\n              }\n            }\n          },\n          plugins: {\n            tooltip: {\n              callbacks: {\n                label: function(context) {\n                  const index = context.dataIndex || context.index;\n                  const value = data[index];\n                  return `\u5f97\u5206: ${value}\/${maxValues[index]} (${normalizedData[index].toFixed(1)}%)`;\n                }\n              }\n            },\n            legend: {\n              display: false\n            }\n          },\n          responsive: true,\n          maintainAspectRatio: true\n        }\n      });\n    }\n    \n    \/\/ \u91cd\u65b0\u958b\u59cb\u6e2c\u9a57\n    function restartQuiz() {\n      resultPage.style.display = 'none';\n      introPage.style.display = 'block';\n      \n      \/\/ \u92b7\u6bc0\u96f7\u9054\u5716\n      if (radarChart !== null) {\n        radarChart.destroy();\n        radarChart = null;\n      }\n      \n      \/\/ \u5e73\u6ed1\u6efe\u52d5\u5230\u9802\u90e8\n      scrollToElement(introPage);\n    }\n    \n    \/\/ \u5e73\u6ed1\u6efe\u52d5\u5230\u6307\u5b9a\u5143\u7d20\n    function scrollToElement(element) {\n      if (!element) return;\n      \n      const offset = element.getBoundingClientRect().top + window.pageYOffset - 50;\n      window.scrollTo({\n        top: offset,\n        behavior: 'smooth'\n      });\n    }\n    \n    \/\/ \u521d\u59cb\u5316\u6e2c\u9a57\n    initQuiz();\n  });\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>\u8ff0\u60c5\u969c\u788d(alexithymia)\uff0c\u53c8\u79f0\u300c\u60c5\u611f\u96be\u8a00\u75c7\u300d\u6216\u300c\u60c5\u611f\u8868\u8fbe\u4e0d\u80fd\u300d\uff0c\u9996\u5148\u7531Sifneos\u9610\u8ff0\u5e76\u547d\u540d\uff0c\u4ee5\u4e0d\u80fd\u9002\u5f53\u5730\u8868\u8fbe\u60c5\u7eea\u3001\u7f3a\u5c11\u5e7b\u60f3\u4e0e\u5b9e\u7528\u6027\u601d\u7ef4\u4e3a\u5176\u7279\u5f81\uff0c\u662f\u60c5\u611f\u8ba4\u77e5\u3001\u52a0\u5de5\u548c\u8c03\u8282\u80fd\u529b\u7684\u4e00\u79cd\u53d7\u635f\uff0c\u6d89\u53ca\u5230\u5bf9\u60c5\u7eea\u8868\u8fbe\u7684\u4e0d\u9002\u548c\u5728\u51b2\u7a81\u671f\u95f4\u9000\u7f29\u7684\u503e\u5411\u3002<\/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":[167,165,162],"tags":[],"class_list":["post-9303","post","type-post","status-publish","format-standard","hentry","category-personality","category-neuropsychological","category-clinical"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/9303","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=9303"}],"version-history":[{"count":10,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/9303\/revisions"}],"predecessor-version":[{"id":9739,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/9303\/revisions\/9739"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=9303"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=9303"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=9303"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}