{"id":5761,"date":"2024-01-01T23:08:08","date_gmt":"2024-01-01T15:08:08","guid":{"rendered":"https:\/\/bookmark.tw\/?p=5761"},"modified":"2025-05-05T17:57:45","modified_gmt":"2025-05-05T09:57:45","slug":"bdi-ii","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/bdi-ii","title":{"rendered":"\u8d1d\u514b\u5fe7\u90c1\u91cf\u8868\u7b2c\u4e8c\u7248\uff08BDI-II\uff09\u7ebf\u4e0a\u514d\u8d39\u6d4b\u9a8c\uff0821\u9898\uff09"},"content":{"rendered":"<div id=\"bdi-test-container\" class=\"bdi-test-wrapper\">\n  <!-- \u5f15\u5c0e\u9801 -->\n  <div id=\"bdi-intro-page\" class=\"bdi-page active\">\n    <div class=\"bdi-container\">\n      <h2 class=\"bdi-title\">\u8d1d\u514b\u5fe7\u90c1\u91cf\u8868\u7b2c\u4e8c\u7248\uff08BDI-II\uff09\u7ebf\u4e0a\u6d4b\u9a8c<\/h2>\n      <div class=\"bdi-intro-content\">\n        <p>\u8d1d\u514b\u6291\u90c1\u91cf\u8868\uff08\u82f1\u8bed\uff1aBDI, Beck Depression Inventory\uff09\uff0c\u662f\u4e00\u6b3e\u666e\u904d\u7528\u4e8e\u6d4b\u91cf\u6291\u90c1\u7a0b\u5ea6\u7684\u91cf\u8868\uff0c\u7531\u7f8e\u56fd\u5fc3\u7406\u5b66\u5bb6\u4e9a\u4f26\u00b7\u8d1d\u514b\uff08Aaron T. Beck\uff09\u53d1\u5c55\u3002<\/p>\n        <p>\u8d1d\u514b\u6291\u90c1\u91cf\u8868\u59cb\u521b\u4e8e1961\u5e74\uff0c\u540e\u6765\u7ecf\u4e24\u5ea6\u4fee\u6539\uff0c\u7ec8\u6210\u4e3a\u4eca\u65e5\u666e\u904d\u6240\u7528\u7684BDI-II\u3002 \u300c\u8d1d\u514b\u5fe7\u90c1\u91cf\u8868\u300d(Beck&#039;s Depression Inventory) \u901a\u8fc721\u4e2a\u5c0f\u95ee\u9898\uff0c\u5e2e\u52a9\u60a8\u8fdb\u884c\u5feb\u901f\u6d4b\u8bd5\uff0c\u68c0\u6d4b\u81ea\u5df1\u60a3\u4e0a\u6291\u90c1\u75c7\u7684\u98ce\u9669\uff0c\u4ece\u800c\u4f5c\u51fa\u8ddf\u8fdb\u53ca\u6cbb\u7597\u3002\u91cf\u8868\u603b\u5206\u4e3a63\u5206\uff0c14-19\u5206\u4e3a\u8f7b\u5ea6\u6291\u90c1\uff0c20-28\u4e3a\u4e2d\u5ea6\u6291\u90c1\uff0c29\u5206\u4ee5\u4e0a\u662f\u4e25\u91cd\u6291\u90c1\u3002<\/p>\n        <p><strong>\u7528\u9014\uff1a<\/strong><\/p>\n        <ul>\n          <li>\u6d4b\u91cf\u9752\u5c11\u5e74\u53ca\u6210\u4eba\u4e4b\u5fe7\u90c1\u4e25\u91cd\u7a0b\u5ea6<\/li>\n          <li>\u533a\u8fa8\u6709\u5fe7\u90c1\u75c7\u72b6\u548c\u6ca1\u6709\u5fe7\u90c1\u75c7\u72b6\u4e4b\u7cbe\u795e\u75c5\u60a3<\/li>\n          <li>\u4f5c\u4e3a\u4e34\u5e8a\u7814\u7a76\u7684\u5de5\u5177<\/li>\n        <\/ul>\n        <p class=\"bdi-note\"><strong>\u6ce8\u610f\uff1a<\/strong>\u672c\u6d4b\u9a8c\u7ed3\u679c\u4ec5\u4f9b\u53c2\u8003\uff0c\u4e0d\u80fd\u4f5c\u4e3a\u6b63\u5f0f\u4e34\u5e8a\u8bca\u65ad\u3002\u5982\u6709\u4efb\u4f55\u7591\u95ee\uff0c\u8bf7\u5bfb\u6c42\u4e13\u4e1a\u533b\u5e08\u534f\u52a9\u3002<\/p>\n      <\/div>\n      <button id=\"bdi-start-btn\" class=\"bdi-btn\">\u5f00\u59cb\u6d4b\u9a8c<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u6e2c\u9a57\u9801 -->\n  <div id=\"bdi-quiz-page\" class=\"bdi-page\">\n    <div class=\"bdi-container\">\n      <div class=\"bdi-progress-container\" id=\"bdi-progress-container\">\n        <div class=\"bdi-progress-bar\">\n          <div class=\"bdi-progress-fill\" id=\"bdi-progress-fill\"><\/div>\n        <\/div>\n        <div class=\"bdi-question-counter\" id=\"bdi-question-counter\">\u95ee\u9898 <span id=\"bdi-current-question\">1<\/span>\/<span id=\"bdi-total-questions\">21<\/span><\/div>\n      <\/div>\n      \n      <div id=\"bdi-question-container\">\n        <!-- \u554f\u984c\u6703\u52d5\u614b\u63d2\u5165\u9019\u88e1 -->\n      <\/div>\n      \n      <div class=\"bdi-navigation\">\n        <button id=\"bdi-prev-btn\" class=\"bdi-btn bdi-secondary-btn\" disabled>\u4e0a\u4e00\u9898<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u7d50\u679c\u9801 -->\n  <div id=\"bdi-result-page\" class=\"bdi-page\">\n    <div class=\"bdi-container\">\n      <h2 class=\"bdi-title\">\u6d4b\u9a8c\u7ed3\u679c<\/h2>\n      <div class=\"bdi-result-container\">\n        <div class=\"bdi-score-summary\">\n          <div class=\"bdi-score-container\">\n            <div class=\"bdi-score-animation\">\n              <canvas id=\"bdi-score-chart\" width=\"200\" height=\"200\"><\/canvas>\n            <\/div>\n            <div class=\"bdi-score-text\">\n              <div class=\"bdi-total-score\">\u603b\u5206\uff1a<span id=\"bdi-score\">0<\/span>\/63<\/div>\n              <div class=\"bdi-level\">\u7a0b\u5ea6\uff1a<span id=\"bdi-level\">\u6b63\u5e38\u8303\u56f4<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <div class=\"bdi-detailed-results\">\n          <h3>\u5404\u7ef4\u5ea6\u5206\u6790<\/h3>\n          <div class=\"bdi-dimensions-container\">\n            <div class=\"bdi-radar-chart-container\">\n              <canvas id=\"bdi-radar-chart\"><\/canvas>\n            <\/div>\n            <div class=\"bdi-dimension-scores\" id=\"bdi-dimension-scores\">\n              <!-- \u5404\u7dad\u5ea6\u5206\u6578\u5c07\u52d5\u614b\u63d2\u5165\u9019\u88e1 -->\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <div class=\"bdi-result-explanation\">\n          <h3>\u7ed3\u679c\u89e3\u6790<\/h3>\n          <div id=\"bdi-result-detail\"><\/div>\n        <\/div>\n        \n        <div class=\"bdi-symptom-analysis\">\n          <h3>\u75c7\u72b6\u5206\u6790<\/h3>\n          <div id=\"bdi-symptom-analysis\"><\/div>\n        <\/div>\n        \n        <div class=\"bdi-recommendations\">\n          <h3>\u5efa\u8bae\u4e0e\u6307\u5bfc<\/h3>\n          <div id=\"bdi-recommendations\"><\/div>\n        <\/div>\n        \n        <div class=\"bdi-disclaimer\">\n          <p>\u4ee5\u4e0a\u7684\u8bc4\u4f30\u662f\u636e\u8d1d\u514b\u5fe7\u90c1\u91cf\u8868\u4f5c\u51fa\u8bc4\u6838\uff0c\u95ee\u5377\u4e4b\u7ed3\u679c\u53ea\u53ef\u7528\u4f5c\u521d\u6b65\u8bc4\u4f30\u548c\u53c2\u8003\u4e4b\u7528\uff0c\u5e76\u4e0d\u80fd\u4f5c\u4e3a\u6b63\u5f0f\u4e34\u5e8a\u8bca\u65ad\u3002\u5982\u5bf9\u7ed3\u679c\u6709\u4efb\u4f55\u7591\u95ee\uff0c\u8bf7\u8054\u7edc\u76f8\u5173\u533b\u751f\u4f5c\u54a8\u8be2\u548c\u8be6\u7ec6\u68c0\u67e5\u3002<\/p>\n        <\/div>\n        \n        <div class=\"bdi-restart-container\">\n          <button id=\"bdi-restart-btn\" class=\"bdi-btn\">\u91cd\u65b0\u6d4b\u8bd5<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* \u57fa\u672c\u6a23\u5f0f\u8a2d\u5b9a *\/\n.bdi-test-wrapper * {\n  box-sizing: border-box;\n  font-family: \"Microsoft JhengHei\", \"\u5fae\u8edf\u6b63\u9ed1\u9ad4\", \"Segoe UI\", \"Roboto\", sans-serif;\n}\n\n.bdi-test-wrapper {\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 20px;\n  background-color: #f8f9fa;\n  border-radius: 12px;\n  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);\n}\n\n.bdi-container {\n  padding: 20px;\n  min-height: 400px;\n  display: flex;\n  flex-direction: column;\n}\n\n.bdi-title {\n  font-size: 28px;\n  font-weight: bold;\n  color: #2c5282;\n  margin-bottom: 30px;\n  text-align: center;\n  position: relative;\n  padding-bottom: 15px;\n}\n\n.bdi-title:after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 80px;\n  height: 3px;\n  background: linear-gradient(to right, #4a90e2, #805ad5);\n  border-radius: 3px;\n}\n\n.bdi-page {\n  display: none;\n  width: 100%;\n  transition: opacity 0.5s ease;\n  opacity: 0;\n  height: 0;\n  overflow: hidden;\n}\n\n.bdi-page.active {\n  display: block;\n  opacity: 1;\n  height: auto;\n  overflow: visible;\n  animation: fadeIn 0.5s ease-in-out;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(10px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* \u5f15\u5c0e\u9801\u6a23\u5f0f *\/\n.bdi-intro-content {\n  margin-bottom: 30px;\n  line-height: 1.6;\n  font-size: 18px;\n}\n\n.bdi-intro-content p {\n  margin-bottom: 16px;\n}\n\n.bdi-intro-content ul {\n  margin-left: 24px;\n  margin-bottom: 16px;\n}\n\n.bdi-note {\n  background-color: #ebf4ff;\n  padding: 18px;\n  border-left: 4px solid #4299e1;\n  border-radius: 6px;\n  margin-top: 24px;\n  box-shadow: 0 2px 6px rgba(66, 153, 225, 0.1);\n}\n\n\/* \u6e2c\u9a57\u9801\u6a23\u5f0f *\/\n.bdi-progress-container {\n  margin-bottom: 30px;\n}\n\n.bdi-progress-bar {\n  width: 100%;\n  height: 12px;\n  background-color: #e2e8f0;\n  border-radius: 6px;\n  overflow: hidden;\n  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n.bdi-progress-fill {\n  height: 100%;\n  background: linear-gradient(to right, #4a90e2, #805ad5);\n  width: 0%;\n  transition: width 0.4s ease;\n  border-radius: 6px;\n}\n\n.bdi-question-counter {\n  text-align: right;\n  margin-top: 8px;\n  color: #4a5568;\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.bdi-question {\n  margin-bottom: 30px;\n  padding: 24px;\n  background-color: #fff;\n  border-radius: 12px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n}\n\n.bdi-question h3 {\n  font-size: 22px;\n  font-weight: bold;\n  margin-bottom: 24px;\n  color: #2c5282;\n  line-height: 1.4;\n}\n\n.bdi-options {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  margin-bottom: 20px;\n}\n\n.bdi-option {\n  padding: 18px 20px;\n  background-color: #fff;\n  border: 2px solid #e2e8f0;\n  border-radius: 10px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  font-size: 18px;\n  min-height: 64px;\n  display: flex;\n  align-items: center;\n  line-height: 1.5;\n  position: relative;\n  overflow: hidden;\n}\n\n.bdi-option:hover {\n  border-color: #4a90e2;\n  transform: translateY(-2px);\n  box-shadow: 0 4px 12px rgba(74, 144, 226, 0.15);\n}\n\n.bdi-option:before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 4px;\n  height: 100%;\n  background-color: transparent;\n  transition: background-color 0.2s ease;\n}\n\n.bdi-option:hover:before {\n  background-color: #4a90e2;\n}\n\n.bdi-option.selected {\n  background-color: #ebf8ff;\n  border-color: #4a90e2;\n  font-weight: bold;\n}\n\n.bdi-option.selected:before {\n  background-color: #4a90e2;\n}\n\n.bdi-navigation {\n  display: flex;\n  justify-content: center;\n  margin-top: 30px;\n  padding-top: 20px;\n  border-top: 1px solid #e2e8f0;\n}\n\n\/* \u7d50\u679c\u9801\u6a23\u5f0f *\/\n.bdi-result-container {\n  background-color: #fff;\n  border-radius: 12px;\n  padding: 30px;\n  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);\n}\n\n.bdi-score-summary {\n  margin-bottom: 40px;\n}\n\n.bdi-score-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  gap: 40px;\n  background-color: #f8fafc;\n  border-radius: 12px;\n  padding: 30px;\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);\n}\n\n.bdi-score-animation {\n  width: 200px;\n  height: 200px;\n}\n\n.bdi-score-text {\n  font-size: 24px;\n  font-weight: bold;\n}\n\n.bdi-total-score {\n  margin-bottom: 10px;\n  color: #2d3748;\n}\n\n.bdi-level {\n  font-size: 26px;\n  margin-top: 14px;\n}\n\n.bdi-detailed-results, \n.bdi-result-explanation, \n.bdi-symptom-analysis, \n.bdi-recommendations {\n  margin-bottom: 40px;\n  padding: 30px;\n  background-color: #f8fafc;\n  border-radius: 12px;\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);\n}\n\n.bdi-detailed-results h3, \n.bdi-result-explanation h3, \n.bdi-symptom-analysis h3, \n.bdi-recommendations h3 {\n  font-size: 22px;\n  font-weight: bold;\n  margin-bottom: 20px;\n  color: #2c5282;\n  padding-bottom: 12px;\n  border-bottom: 2px solid #e2e8f0;\n}\n\n.bdi-dimensions-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 30px;\n}\n\n.bdi-radar-chart-container {\n  width: 100%;\n  max-width: 400px;\n  margin: 0 auto;\n  position: relative;\n}\n\n.bdi-dimension-scores {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n  gap: 16px;\n  width: 100%;\n}\n\n.bdi-dimension-item {\n  background-color: #fff;\n  padding: 14px;\n  border-radius: 8px;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.bdi-dimension-name {\n  font-weight: bold;\n  color: #2d3748;\n  font-size: 16px;\n}\n\n.bdi-dimension-score-bar {\n  height: 8px;\n  background-color: #e2e8f0;\n  border-radius: 4px;\n  overflow: hidden;\n  margin: 8px 0;\n}\n\n.bdi-dimension-score-fill {\n  height: 100%;\n  transition: width 1s ease;\n}\n\n.bdi-dimension-percentage {\n  font-size: 16px;\n  font-weight: bold;\n  text-align: right;\n}\n\n.bdi-result-explanation p, \n.bdi-symptom-analysis p, \n.bdi-recommendations p {\n  line-height: 1.7;\n  font-size: 18px;\n  margin-bottom: 16px;\n  color: #4a5568;\n}\n\n.bdi-symptom-list, \n.bdi-recommendation-list {\n  margin-top: 16px;\n  list-style-type: none;\n  padding: 0;\n}\n\n.bdi-symptom-item, \n.bdi-recommendation-item {\n  padding: 12px 16px;\n  background-color: #fff;\n  margin-bottom: 12px;\n  border-radius: 8px;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);\n  position: relative;\n  padding-left: 36px;\n}\n\n.bdi-symptom-item:before, \n.bdi-recommendation-item:before {\n  content: '';\n  position: absolute;\n  left: 12px;\n  top: 14px;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n\n.bdi-symptom-item:before {\n  background-color: #3182ce;\n}\n\n.bdi-recommendation-item:before {\n  background-color: #48bb78;\n}\n\n.bdi-disclaimer {\n  font-size: 16px;\n  color: #718096;\n  padding: 18px;\n  background-color: #f8fafc;\n  border-radius: 8px;\n  margin-bottom: 30px;\n  border-left: 3px solid #cbd5e0;\n}\n\n.bdi-restart-container {\n  text-align: center;\n  margin-top: 40px;\n  padding-top: 20px;\n  border-top: 1px solid #e2e8f0;\n}\n\n\/* \u6309\u9215\u6a23\u5f0f *\/\n.bdi-btn {\n  padding: 16px 32px;\n  font-size: 18px;\n  font-weight: bold;\n  background: linear-gradient(135deg, #4a90e2, #805ad5);\n  color: white;\n  border: none;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  min-height: 56px;\n  min-width: 180px;\n  display: inline-block;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(66, 153, 225, 0.3);\n}\n\n.bdi-btn:hover {\n  background: linear-gradient(135deg, #3182ce, #6b46c1);\n  transform: translateY(-2px);\n  box-shadow: 0 6px 16px rgba(66, 153, 225, 0.4);\n}\n\n.bdi-btn:active {\n  transform: translateY(0);\n}\n\n.bdi-btn:after {\n  content: '';\n  position: absolute;\n  top: -50%;\n  left: -50%;\n  width: 200%;\n  height: 200%;\n  background: rgba(255, 255, 255, 0.1);\n  transform: rotate(45deg);\n  transition: all 0.3s ease;\n  opacity: 0;\n}\n\n.bdi-btn:hover:after {\n  opacity: 1;\n}\n\n.bdi-secondary-btn {\n  background: linear-gradient(135deg, #cbd5e0, #a0aec0);\n  color: #2d3748;\n  box-shadow: 0 4px 12px rgba(160, 174, 192, 0.3);\n}\n\n.bdi-secondary-btn:hover {\n  background: linear-gradient(135deg, #a0aec0, #718096);\n  box-shadow: 0 6px 16px rgba(160, 174, 192, 0.4);\n}\n\n.bdi-btn:disabled {\n  background: #e2e8f0;\n  color: #a0aec0;\n  cursor: not-allowed;\n  transform: none;\n  box-shadow: none;\n}\n\n.bdi-btn:disabled:after {\n  display: none;\n}\n\n\/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\n@media (max-width: 768px) {\n  .bdi-test-wrapper {\n    padding: 15px;\n  }\n  \n  .bdi-container {\n    padding: 15px;\n  }\n  \n  .bdi-title {\n    font-size: 24px;\n  }\n  \n  .bdi-score-container {\n    flex-direction: column;\n    gap: 20px;\n    padding: 20px;\n  }\n  \n  .bdi-option {\n    padding: 16px;\n  }\n  \n  .bdi-detailed-results, \n  .bdi-result-explanation, \n  .bdi-symptom-analysis, \n  .bdi-recommendations {\n    padding: 20px;\n  }\n  \n  .bdi-dimension-scores {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 480px) {\n  .bdi-title {\n    font-size: 22px;\n  }\n  \n  .bdi-intro-content {\n    font-size: 16px;\n  }\n  \n  .bdi-score-text {\n    font-size: 20px;\n  }\n  \n  .bdi-option {\n    font-size: 16px;\n  }\n  \n  .bdi-btn {\n    padding: 14px 24px;\n    font-size: 16px;\n    min-width: 150px;\n  }\n}\n\n\/* \u5716\u8868\u52d5\u756b *\/\n@keyframes fillChart {\n  from { stroke-dasharray: 0 100; }\n  to { stroke-dasharray: var(--chart-percent) 100; }\n}\n\n.level-normal { color: #38a169; }\n.level-mild { color: #ecc94b; }\n.level-moderate { color: #ed8936; }\n.level-severe { color: #e53e3e; }\n\n\/* \u78ba\u4fdd\u9801\u9762\u904e\u6e21\u81ea\u7136 *\/\n#bdi-question-container {\n  min-height: 300px;\n}\n\n\/* \u96f7\u9054\u5716\u52a0\u8f09\u52d5\u756b *\/\n@keyframes fadeInScale {\n  0% { opacity: 0; transform: scale(0.9); }\n  100% { opacity: 1; transform: scale(1); }\n}\n\n.bdi-radar-chart-container canvas {\n  animation: fadeInScale 0.8s ease-out forwards;\n}\n\n\/* \u7dad\u5ea6\u5206\u6578\u52d5\u756b *\/\n@keyframes scoreBarFill {\n  from { width: 0%; }\n  to { width: var(--score-percent); }\n}\n\n.bdi-dimension-score-fill {\n  animation: scoreBarFill 1s ease-out forwards;\n}\n<\/style>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/3.7.0\/chart.min.js\"><\/script>\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ \u907f\u514d\u985e\u540d\u885d\u7a81\u7684\u524d\u7db4\n  const PREFIX = 'bdi-';\n  \n  \/\/ \u554f\u984c\u548c\u9078\u9805\u6578\u64da\n  const questions = [\n    {\n      question: \"1. \u4f60\u662f\u5426\u7d93\u5e38\u611f\u5230\u4e0d\u958b\u5fc3\uff1f\",\n      options: [\n        \"\u6211\u4e0d\u611f\u5230\u50b7\u5fc3\u3002\",\n        \"\u6211\u89ba\u5f97\u50b7\u5fc3\u3001\u4e0d\u5feb\u6a02\u3002\",\n        \"\u6211\u5e38\u5e38\u611f\u5230\u50b7\u5fc3\u3001\u6291\u9b31\uff0c\u800c\u4e14\u4e0d\u80fd\u64fa\u812b\u9019\u7a2e\u60c5\u7dd2\u3002\",\n        \"\u6211\u611f\u5230\u975e\u5e38\u50b7\u5fc3\u3001\u4e0d\u958b\u5fc3\uff0c\u4ee5\u81f4\u6211\u5feb\u8981\u53d7\u4e0d\u4e86\u3002\"\n      ],\n      dimension: \"\u60c5\u7dd2\"\n    },\n    {\n      question: \"2. \u4f60\u5c0d\u5c07\u4f86\u662f\u5426\u611f\u5230\u60b2\u89c0\uff1f\",\n      options: [\n        \"\u6211\u4e26\u4e0d\u611f\u5230\u60b2\u89c0\uff0c\u5c0d\u5c07\u4f86\u4e5f\u4e0d\u611f\u5230\u6c92\u6709\u5e0c\u671b\u3002\",\n        \"\u6211\u89ba\u5f97\u5c07\u4f86\u6c92\u6709\u5e0c\u671b\u3002\",\n        \"\u6211\u89ba\u5f97\u6211\u5c0d\u5c07\u4f86\u4e00\u9ede\u671f\u671b\u90fd\u6c92\u6709\u3002\",\n        \"\u6211\u89ba\u5f97\u5c07\u4f86\u6c92\u6709\u4ec0\u9ebd\u5e0c\u671b\uff0c\u800c\u4e14\u60c5\u6cc1\u4e5f\u4e0d\u6703\u6539\u5584\u3002\"\n      ],\n      dimension: \"\u60b2\u89c0\"\n    },\n    {\n      question: \"3. \u4f60\u662f\u5426\u6709\u5931\u6557\u7684\u611f\u89ba\u5462\uff1f\",\n      options: [\n        \"\u6211\u4e26\u4e0d\u8a8d\u7232\u6211\u662f\u5931\u6557\u8005\u3002\",\n        \"\u6211\u89ba\u5f97\u6211\u6bd4\u4e00\u822c\u4eba\u5931\u6557\u5f97\u8f03\u591a\u3002\",\n        \"\u7576\u6211\u56de\u671b\u6211\u7684\u4eba\u751f\uff0c\u6211\u53ea\u80fd\u770b\u5230\u6211\u7684\u5931\u6557\u3002\",\n        \"\u6211\u89ba\u5f97\u6211\u662f\u4e00\u500b\u5fb9\u5e95\u5931\u6557\u7684\u4eba\u3002\"\n      ],\n      dimension: \"\u81ea\u6211\u50f9\u503c\"\n    },\n    {\n      question: \"4. \u4f60\u5c0d\u81ea\u5df1\u611f\u5230\u6eff\u8db3\u55ce\uff1f\",\n      options: [\n        \"\u6211\u5728\u6211\u66fe\u7d93\u505a\u904e\u7684\u4e8b\u60c5\u4e0a\u5f97\u5230\u6eff\u8db3\u611f\u3002\",\n        \"\u6211\u4e0d\u50cf\u4ee5\u524d\u90a3\u6a23\u559c\u6b61\u505a\u4e00\u4e9b\u4e8b\u60c5\u3002\",\n        \"\u4e0d\u7ba1\u505a\u4ec0\u9ebd\u4e8b\u60c5\uff0c\u6211\u90fd\u5f88\u5c11\u5f97\u5230\u6eff\u8db3\u611f\u3002\",\n        \"\u5c0d\u6240\u6709\u7684\u4e8b\u60c5\uff0c\u6211\u90fd\u611f\u5230\u7121\u804a\u548c\u6c92\u6709\u6eff\u8db3\u611f\u3002\"\n      ],\n      dimension: \"\u6eff\u8db3\u611f\"\n    },\n    {\n      question: \"5. \u4f60\u662f\u5426\u7d93\u5e38\u611f\u5230\u6127\u759a\u5462\uff1f\",\n      options: [\n        \"\u6211\u6c92\u6709\u611f\u5230\u6127\u759a\u3002\",\n        \"\u6211\u6709\u6642\u6703\u611f\u5230\u6127\u759a\u3002\",\n        \"\u6211\u5927\u90e8\u5206\u6642\u9593\u90fd\u89ba\u5f97\u6127\u759a\u3002\",\n        \"\u6211\u6bcf\u6642\u6bcf\u523b\u90fd\u89ba\u5f97\u6127\u759a\u3002\"\n      ],\n      dimension: \"\u7f6a\u60e1\u611f\"\n    },\n    {\n      question: \"6. \u4f60\u662f\u5426\u89ba\u5f97\u81ea\u5df1\u6709\u88ab\u8655\u7f70\u7684\u611f\u89ba\uff1f\",\n      options: [\n        \"\u6211\u4e0d\u89ba\u5f97\u81ea\u5df1\u6709\u88ab\u8655\u7f70\u3002\",\n        \"\u6211\u89ba\u5f97\u81ea\u5df1\u6703\u6709\u4e00\u4e9b\u5831\u61c9\u3002\",\n        \"\u6211\u5e0c\u671b\u53d7\u5230\u5831\u61c9\u3002\",\n        \"\u6211\u89ba\u5f97\u6211\u6b63\u53d7\u5230\u61c9\u6709\u7684\u8655\u7f70\u3002\"\n      ],\n      dimension: \"\u61f2\u7f70\u611f\"\n    },\n    {\n      question: \"7. \u4f60\u5c0d\u81ea\u5df1\u611f\u5230\u5931\u671b\u55ce\uff1f\",\n      options: [\n        \"\u6211\u5c0d\u81ea\u5df1\u4e0d\u611f\u5230\u5931\u671b\u3002\",\n        \"\u6211\u5c0d\u81ea\u5df1\u611f\u5230\u5931\u671b\u3002\",\n        \"\u6211\u5c0d\u81ea\u5df1\u611f\u5230\u53ad\u60e1\u3002\",\n        \"\u6211\u618e\u6068\u6211\u81ea\u5df1\u3002\"\n      ],\n      dimension: \"\u81ea\u6211\u8a55\u50f9\"\n    },\n    {\n      question: \"8. \u4f60\u6703\u5426\u7d93\u5e38\u8cac\u5099\u81ea\u5df1\u5462\uff1f\",\n      options: [\n        \"\u6211\u4e26\u4e0d\u8a8d\u7232\u81ea\u5df1\u6bd4\u5225\u4eba\u5dee\u3002\",\n        \"\u6211\u6703\u6279\u8a55\u81ea\u5df1\u7684\u5f31\u9ede\u548c\u932f\u8aa4\u3002\",\n        \"\u5c0d\u4efb\u4f55\u6211\u505a\u7684\u4e0d\u597d\u7684\u4e8b\u60c5\uff0c\u6211\u6bcf\u6b21\u90fd\u6703\u8cac\u602a\u81ea\u5df1\u3002\",\n        \"\u53ea\u8981\u6709\u4e8b\u60c5\u767c\u751f\uff0c\u6211\u90fd\u6703\u8cac\u5099\u81ea\u5df1\u3002\"\n      ],\n      dimension: \"\u81ea\u6211\u6279\u8a55\"\n    },\n    {\n      question: \"9. \u4f60\u6709\u4efb\u4f55\u81ea\u6bba\u7684\u60f3\u6cd5\u55ce\uff1f\",\n      options: [\n        \"\u6211\u6c92\u6709\u8981\u81ea\u6bba\u7684\u60f3\u6cd5\u3002\",\n        \"\u6211\u6709\u60f3\u904e\u8981\u81ea\u6bba\uff0c\u53ef\u662f\u6211\u4e0d\u6703\u57f7\u884c\u3002\",\n        \"\u6211\u771f\u7684\u60f3\u81ea\u6bba\u3002\",\n        \"\u5982\u679c\u6709\u6a5f\u6703\uff0c\u6211\u6703\u81ea\u6bba\u3002\"\n      ],\n      dimension: \"\u81ea\u6bba\u60f3\u6cd5\"\n    },\n    {\n      question: \"10. \u4f60\u7d93\u5e38\u54ed\u6ce3\u55ce\uff1f\",\n      options: [\n        \"\u6211\u5e73\u6642\u6bd4\u8f03\uff0c\u6211\u54ed\u7684\u6b21\u6578\u6c92\u6709\u589e\u52a0\u3002\",\n        \"\u6211\u6bd4\u4ee5\u524d\u54ed\u591a\u4e86\u3002\",\n        \"\u6211\u7d93\u5e38\u90fd\u54ed\u6ce3\u3002\",\n        \"\u904e\u53bb\u6211\u80fd\u54ed\uff0c\u53ef\u662f\u73fe\u5728\u6211\u60f3\u54ed\u90fd\u54ed\u4e0d\u51fa\u4f86\u3002\"\n      ],\n      dimension: \"\u54ed\u6ce3\"\n    },\n    {\n      question: \"11. \u4f60\u662f\u5426\u6bd4\u8f03\u6613\u6012\u5462\uff1f\",\n      options: [\n        \"\u6211\u5c0d\u4efb\u4f55\u4e8b\u60c5\u90fd\u4e0d\u6703\u6bd4\u4ee5\u524d\u6613\u6012\u3002\",\n        \"\u6211\u6bd4\u4ee5\u524d\u66f4\u5bb9\u6613\u751f\u6c23\u3002\",\n        \"\u5f88\u591a\u6642\u5019\uff0c\u6211\u90fd\u76f8\u7576\u7169\u8e81\u548c\u82e6\u60f1\u3002\",\n        \"\u6211\u5e38\u5e38\u90fd\u611f\u5230\u751f\u6c23\u7169\u8e81\u3002\"\n      ],\n      dimension: \"\u6613\u6012\"\n    },\n    {\n      question: \"12. \u4f60\u5c0d\u8eab\u908a\u7684\u4e8b\u7269\u611f\u5230\u6709\u8208\u8da3\u55ce\uff1f\",\n      options: [\n        \"\u6211\u5c0d\u793e\u4ea4\u662f\u611f\u8208\u8da3\u7684\u3002\",\n        \"\u548c\u4ee5\u524d\u76f8\u6bd4\uff0c\u6211\u6bd4\u8f03\u4e0d\u559c\u6b61\u548c\u5225\u4eba\u793e\u4ea4\u3002\",\n        \"\u6211\u5c0d\u548c\u4eba\u793e\u4ea4\u6c92\u6709\u4ec0\u9ebd\u8208\u8da3\u3002\",\n        \"\u6211\u5b8c\u5168\u6c92\u6709\u8208\u8da3\u548c\u5225\u4eba\u793e\u4ea4\u3002\"\n      ],\n      dimension: \"\u793e\u4ea4\u8208\u8da3\"\n    },\n    {\n      question: \"13. \u4f60\u662f\u5426\u8b8a\u5f97\u7336\u7591\u4e0d\u6c7a\u5462\uff1f\",\n      options: [\n        \"\u6211\u8ddf\u4ee5\u524d\u4e00\u6a23\u80fd\u505a\u6c7a\u5b9a\u3002\",\n        \"\u6211\u6700\u8fd1\u6bd4\u8f03\u4e0d\u6c7a\u5b9a\u81ea\u5df1\u7684\u60f3\u6cd5\uff0c\u6240\u4ee5\u6703\u62d6\u5ef6\u505a\u6c7a\u5b9a\u7684\u6642\u9593\u3002\",\n        \"\u6211\u505a\u6c7a\u5b9a\u6bd4\u4ee5\u524d\u66f4\u52a0\u56f0\u96e3\u3002\",\n        \"\u6211\u4e0d\u80fd\u505a\u4efb\u4f55\u7684\u6c7a\u5b9a\u3002\"\n      ],\n      dimension: \"\u6c7a\u7b56\u80fd\u529b\"\n    },\n    {\n      question: \"14. \u4f60\u5c0d\u81ea\u5df1\u5916\u8868\u7684\u770b\u6cd5\u662f\u4ec0\u9ebd\u5462\uff1f\",\n      options: [\n        \"\u6211\u4e0d\u89ba\u5f97\u81ea\u5df1\u6bd4\u4ee5\u524d\u5dee\u3002\",\n        \"\u6211\u64d4\u5fc3\u81ea\u5df1\u770b\u8d77\u4f86\u6bd4\u4ee5\u524d\u8001\u548c\u919c\u3002\",\n        \"\u6211\u89ba\u5f97\u81ea\u5df1\u7684\u8eab\u9ad4\u5185\u6709\u4e00\u4e9b\u9577\u671f\u7684\u6539\u8b8a\uff0c\u4ee4\u6211\u8b8a\u919c\u3002\",\n        \"\u6211\u89ba\u5f97\u6211\u5f88\u919c\u3002\"\n      ],\n      dimension: \"\u81ea\u6211\u5f62\u8c61\"\n    },\n    {\n      question: \"15. \u4f60\u662f\u5426\u4e0d\u80fd\u597d\u597d\u5de5\u4f5c\u5462\uff1f\",\n      options: [\n        \"\u6211\u548c\u4ee5\u524d\u4e00\u6a23\u80fd\u6b63\u5e38\u5de5\u4f5c\u3002\",\n        \"\u6211\u9700\u8981\u66f4\u5927\u7684\u529b\u6c23\u548c\u52aa\u529b\u624d\u80fd\u958b\u59cb\u5de5\u4f5c\u3002\",\n        \"\u6211\u5fc5\u9808\u5e38\u5e38\u50ac\u4fc3\u81ea\u5df1\u624d\u80fd\u958b\u59cb\u5de5\u4f5c\u3002\",\n        \"\u6211\u7121\u6cd5\u505a\u4efb\u4f55\u4e8b\u60c5\u3002\"\n      ],\n      dimension: \"\u5de5\u4f5c\u80fd\u529b\"\n    },\n    {\n      question: \"16. \u4f60\u7684\u7761\u7720\u8cea\u7d20\u5982\u4f55\u5462\uff1f\",\n      options: [\n        \"\u6211\u50cf\u4ee5\u524d\u4e00\u6a23\u7761\u5f97\u597d\u3002\",\n        \"\u6211\u7761\u5f97\u6bd4\u4ee5\u524d\u4e0d\u597d\u3002\",\n        \"\u6211\u6bd4\u4ee5\u524d\u65e9\u8d771-2\u5c0f\u6642\uff0c\u800c\u4e14\u9192\u4f86\u5f8c\u5c31\u96e3\u4ee5\u518d\u5165\u7761\u3002\",\n        \"\u6211\u6bd4\u4ee5\u524d\u65e9\u8d77\u5e7e\u5c0f\u6642\uff0c\u800c\u4e14\u9192\u4f86\u5f8c\u5c31\u7121\u6cd5\u518d\u5165\u7761\u3002\"\n      ],\n      dimension: \"\u7761\u7720\"\n    },\n    {\n      question: \"17. \u4f60\u662f\u5426\u611f\u5230\u75b2\u5026\uff1f\",\n      options: [\n        \"\u6211\u548c\u5e73\u5e38\u4e00\u6a23\uff0c\u4e0d\u592a\u6703\u611f\u5230\u75b2\u5026\u3002\",\n        \"\u6211\u6bd4\u4ee5\u524d\u66f4\u5bb9\u6613\u611f\u5230\u7d2f\u3002\",\n        \"\u6211\u5e7e\u4e4e\u505a\u6bcf\u4e00\u4ef6\u4e8b\u60c5\u90fd\u6703\u611f\u5230\u7d2f\u3002\",\n        \"\u6211\u7d2f\u5230\u4ec0\u9ebd\u4e8b\u90fd\u4e0d\u60f3\u505a\u3002\"\n      ],\n      dimension: \"\u75b2\u52de\"\n    },\n    {\n      question: \"18. \u4f60\u7684\u80c3\u53e3\u6700\u8fd1\u6709\u8b8a\u5dee\u55ce\uff1f\",\n      options: [\n        \"\u6211\u7684\u80c3\u53e3\u548c\u4ee5\u524d\u5dee\u4e0d\u591a\u3002\",\n        \"\u6211\u7684\u80c3\u53e3\u6bd4\u4ee5\u524d\u5dee\u3002\",\n        \"\u6211\u7684\u80c3\u53e3\u5f88\u5dee\u3002\",\n        \"\u6211\u5b8c\u5168\u6c92\u6709\u80c3\u53e3\u53bb\u5403\u4efb\u4f55\u6771\u897f\u3002\"\n      ],\n      dimension: \"\u98df\u617e\"\n    },\n    {\n      question: \"19. \u4f60\u7684\u9ad4\u91cd\u6709\u6539\u8b8a\u55ce\uff1f\",\n      options: [\n        \"\u6211\u7684\u9ad4\u91cd\u8ddf\u4ee5\u524d\u5dee\u4e0d\u591a\u3002\",\n        \"\u6211\u6bd4\u4ee5\u524d\u8f15\u4e862\u516c\u65a4\u4ee5\u4e0a\u3002\",\n        \"\u6211\u6bd4\u4ee5\u524d\u8f15\u4e865\u516c\u65a4\u4ee5\u4e0a\u3002\",\n        \"\u6211\u6bd4\u4ee5\u524d\u8f15\u4e867\u516c\u65a4\u4ee5\u4e0a\u3002\"\n      ],\n      dimension: \"\u9ad4\u91cd\u8b8a\u5316\"\n    },\n    {\n      question: \"20. \u4f60\u64d4\u5fc3\u81ea\u5df1\u7684\u5065\u5eb7\u72c0\u6cc1\u55ce\uff1f\",\n      options: [\n        \"\u6211\u5f88\u5f80\u5e38\u4e00\u6a23\uff0c\u4e26\u6c92\u6709\u592a\u64d4\u5fc3\u81ea\u5df1\u7684\u5065\u5eb7\u72c0\u6cc1\u3002\",\n        \"\u6211\u6700\u8fd1\u6bd4\u8f03\u5728\u610f\u81ea\u5df1\u8eab\u9ad4\u7684\u751f\u7406\u554f\u984c\uff0c\u4f8b\u5982\uff1a\u80c3\u75db\u3001\u4fbf\u79d8\u7b49\u3002\",\n        \"\u6211\u5f88\u64d4\u5fc3\u81ea\u5df1\u7684\u8eab\u9ad4\u5065\u5eb7\uff0c\u5c0e\u81f4\u6211\u7121\u6cd5\u9867\u616e\u5176\u4ed6\u7684\u4e8b\u60c5\u3002\",\n        \"\u6211\u975e\u5e38\u64d4\u5fc3\u81ea\u5df1\u7684\u8eab\u9ad4\u5065\u5eb7\uff0c\u5c0e\u81f4\u6211\u5b8c\u5168\u7121\u6cd5\u601d\u8003\u4efb\u4f55\u5176\u4ed6\u7684\u4e8b\u60c5\u3002\"\n      ],\n      dimension: \"\u5065\u5eb7\u6182\u616e\"\n    },\n    {\n      question: \"21. \u4f60\u5c0d\u6027\u7684\u8208\u8da3\u6709\u964d\u4f4e\u55ce\uff1f\",\n      options: [\n        \"\u6211\u5c0d\u6027\u7684\u8208\u8da3\u4e26\u6c92\u6709\u7279\u5225\u7684\u6539\u8b8a\u3002\",\n        \"\u548c\u4ee5\u524d\u76f8\u6bd4\uff0c\u6211\u5c0d\u6027\u7684\u8208\u8da3\u6709\u6240\u4e0b\u964d\u3002\",\n        \"\u6211\u5c0d\u6027\u4e0d\u592a\u611f\u8208\u8da3\u3002\",\n        \"\u6211\u5c0d\u6027\u4e00\u9ede\u8208\u8da3\u90fd\u6c92\u6709\u3002\"\n      ],\n      dimension: \"\u6027\u8208\u8da3\"\n    }\n  ];\n\n  \/\/ \u7d50\u679c\u89e3\u91cb\n  const results = [\n    {\n      range: [0, 13],\n      level: \"\u6b63\u5e38\u7bc4\u570d\",\n      colorClass: \"level-normal\",\n      color: \"#38a169\",\n      description: \"\u60a8\u7684\u60c5\u7dd2\u72c0\u614b\u5927\u81f4\u5e73\u7a69\uff0c\u9019\u662f\u7dad\u6301\u6b63\u5e38\u5fc3\u7406\u5065\u5eb7\u7684\u826f\u597d\u57fa\u790e\u3002\u60a8\u7684\u6e2c\u9a57\u7d50\u679c\u8868\u660e\uff0c\u76ee\u524d\u60a8\u4e26\u6c92\u6709\u660e\u986f\u7684\u6182\u9b31\u75c7\u72c0\uff0c\u9019\u662f\u975e\u5e38\u6b63\u9762\u7684\u4fe1\u865f\u3002\",\n      symptoms: [\n        \"\u60a8\u53ef\u80fd\u5076\u723e\u6703\u6709\u60c5\u7dd2\u6ce2\u52d5\uff0c\u4f46\u9019\u5c6c\u65bc\u6b63\u5e38\u7bc4\u570d\",\n        \"\u60a8\u80fd\u5920\u7dad\u6301\u6b63\u5e38\u7684\u793e\u4ea4\u4e92\u52d5\u548c\u65e5\u5e38\u6d3b\u52d5\",\n        \"\u60a8\u7684\u7761\u7720\u3001\u98df\u617e\u548c\u7cbe\u529b\u6c34\u5e73\u5927\u81f4\u6b63\u5e38\",\n        \"\u60a8\u5c0d\u672a\u4f86\u4fdd\u6301\u9069\u5ea6\u7684\u6a02\u89c0\u614b\u5ea6\"\n      ],\n      recommendations: [\n        \"\u7dad\u6301\u898f\u5f8b\u7684\u751f\u6d3b\u4f5c\u606f\uff0c\u78ba\u4fdd\u5145\u8db3\u7684\u7761\u7720\",\n        \"\u4fdd\u6301\u5747\u8861\u7684\u98f2\u98df\u7fd2\u6163\u548c\u9069\u7576\u7684\u904b\u52d5\",\n        \"\u57f9\u990a\u7a4d\u6975\u7684\u8208\u8da3\u611b\u597d\uff0c\u8c50\u5bcc\u751f\u6d3b\u5167\u5bb9\",\n        \"\u7e7c\u7e8c\u7dad\u6301\u826f\u597d\u7684\u4eba\u969b\u95dc\u4fc2\uff0c\u5b9a\u671f\u8207\u89aa\u53cb\u4ea4\u6d41\",\n        \"\u5b78\u7fd2\u57fa\u672c\u7684\u58d3\u529b\u7ba1\u7406\u6280\u5de7\uff0c\u5982\u51a5\u60f3\u3001\u6df1\u547c\u5438\u7b49\"\n      ]\n    },\n    {\n      range: [14, 19],\n      level: \"\u8f15\u5ea6\u6182\u9b31\",\n      colorClass: \"level-mild\",\n      color: \"#ecc94b\",\n      description: \"\u60a8\u7684\u6e2c\u9a57\u7d50\u679c\u986f\u793a\u6709\u8f15\u5fae\u7684\u60c5\u7dd2\u6ce2\u52d5\u6216\u4f4e\u6f6e\uff0c\u9019\u4e9b\u4f4e\u6f6e\u5c1a\u5728\u60a8\u500b\u4eba\u53ef\u4ee5\u61c9\u4ed8\u7684\u7bc4\u570d\uff0c\u4f46\u5df2\u7d93\u9700\u8981\u9069\u7576\u7684\u95dc\u6ce8\u548c\u652f\u6301\u3002\u8f15\u5ea6\u6182\u9b31\u901a\u5e38\u53ef\u4ee5\u901a\u904e\u751f\u6d3b\u65b9\u5f0f\u7684\u8abf\u6574\u548c\u793e\u6703\u652f\u6301\u4f86\u6709\u6548\u7de9\u89e3\u3002\",\n      symptoms: [\n        \"\u5076\u723e\u6703\u611f\u5230\u60b2\u50b7\u6216\u60c5\u7dd2\u4f4e\u843d\uff0c\u4f46\u4e0d\u6703\u6301\u7e8c\u592a\u4e45\",\n        \"\u5c0d\u5e73\u6642\u559c\u6b61\u7684\u6d3b\u52d5\u8208\u8da3\u7565\u6709\u6e1b\u5c11\",\n        \"\u6709\u6642\u6703\u611f\u5230\u75b2\u5026\u6216\u7f3a\u4e4f\u7cbe\u529b\",\n        \"\u53ef\u80fd\u6709\u8f15\u5fae\u7684\u7761\u7720\u554f\u984c\uff0c\u5982\u5165\u7761\u56f0\u96e3\",\n        \"\u5c0d\u81ea\u6211\u8a55\u50f9\u7a0d\u6709\u4e0b\u964d\uff0c\u5076\u723e\u6703\u81ea\u8cac\"\n      ],\n      recommendations: [\n        \"\u589e\u52a0\u898f\u5f8b\u7684\u8eab\u9ad4\u6d3b\u52d5\uff0c\u6bcf\u5929\u81f3\u5c1130\u5206\u9418\u7684\u4e2d\u7b49\u5f37\u5ea6\u904b\u52d5\",\n        \"\u5b78\u7fd2\u4e26\u5be6\u8e10\u653e\u9b06\u6280\u5de7\uff0c\u5982\u6f38\u9032\u5f0f\u808c\u8089\u653e\u9b06\u6cd5\u3001\u51a5\u60f3\u7b49\",\n        \"\u8207\u89aa\u53cb\u5206\u4eab\u60a8\u7684\u611f\u53d7\uff0c\u5c0b\u6c42\u60c5\u611f\u652f\u6301\",\n        \"\u5617\u8a66\u4fdd\u6301\u898f\u5f8b\u7684\u4f5c\u606f\u6642\u9593\uff0c\u7279\u5225\u662f\u7761\u7720\u6642\u9593\",\n        \"\u6e1b\u5c11\u5496\u5561\u56e0\u548c\u9152\u7cbe\u7684\u651d\u5165\uff0c\u9019\u4e9b\u7269\u8cea\u53ef\u80fd\u52a0\u5287\u60c5\u7dd2\u6ce2\u52d5\",\n        \"\u53ef\u4ee5\u8003\u616e\u5c0b\u6c42\u5c08\u696d\u7684\u5fc3\u7406\u8aee\u8a62\uff0c\u5b78\u7fd2\u61c9\u5c0d\u6280\u5de7\"\n      ]\n    },\n    {\n      range: [20, 28],\n      level: \"\u4e2d\u5ea6\u6182\u9b31\",\n      colorClass: \"level-moderate\",\n      color: \"#ed8936\",\n      description: \"\u60a8\u7684\u6e2c\u9a57\u7d50\u679c\u986f\u793a\u6709\u8f03\u660e\u986f\u7684\u6182\u9b31\u75c7\u72c0\uff0c\u9019\u4e9b\u75c7\u72c0\u5df2\u7d93\u53ef\u80fd\u5f71\u97ff\u5230\u60a8\u7684\u65e5\u5e38\u751f\u6d3b\u548c\u529f\u80fd\u3002\u60a8\u53ef\u80fd\u6b63\u7d93\u6b77\u8457\u8f03\u70ba\u6301\u7e8c\u7684\u60c5\u7dd2\u4f4e\u843d\u3001\u8208\u8da3\u55aa\u5931\u6216\u7cbe\u529b\u4e0d\u8db3\u7b49\u554f\u984c\u3002\u4e2d\u5ea6\u6182\u9b31\u901a\u5e38\u9700\u8981\u5c08\u696d\u7684\u5354\u52a9\u624d\u80fd\u6709\u6548\u7de9\u89e3\u3002\",\n      symptoms: [\n        \"\u6301\u7e8c\u7684\u60c5\u7dd2\u4f4e\u843d\uff0c\u5927\u90e8\u5206\u6642\u9593\u611f\u5230\u60b2\u50b7\u6216\u7a7a\u865b\",\n        \"\u5c0d\u5927\u591a\u6578\u6d3b\u52d5\u5931\u53bb\u8208\u8da3\u6216\u6a02\u8da3\",\n        \"\u7cbe\u529b\u660e\u986f\u4e0d\u8db3\uff0c\u5373\u4f7f\u7c21\u55ae\u7684\u4efb\u52d9\u4e5f\u9700\u8981\u984d\u5916\u7684\u52aa\u529b\",\n        \"\u7761\u7720\u554f\u984c\u52a0\u5287\uff0c\u53ef\u80fd\u51fa\u73fe\u65e9\u9192\u6216\u7761\u7720\u904e\u591a\",\n        \"\u81ea\u6211\u50f9\u503c\u611f\u4e0b\u964d\uff0c\u904e\u5ea6\u81ea\u8cac\",\n        \"\u6ce8\u610f\u529b\u548c\u96c6\u4e2d\u529b\u4e0b\u964d\uff0c\u6c7a\u7b56\u56f0\u96e3\",\n        \"\u98df\u617e\u6539\u8b8a\uff0c\u9ad4\u91cd\u53ef\u80fd\u6709\u6240\u589e\u52a0\u6216\u6e1b\u8f15\"\n      ],\n      recommendations: [\n        \"\u5f37\u70c8\u5efa\u8b70\u5c0b\u6c42\u5c08\u696d\u7684\u5fc3\u7406\u5065\u5eb7\u670d\u52d9\uff0c\u5982\u5fc3\u7406\u8aee\u8a62\u5e2b\u6216\u7cbe\u795e\u79d1\u91ab\u5e2b\u7684\u5354\u52a9\",\n        \"\u8a8d\u77e5\u884c\u70ba\u7642\u6cd5(CBT)\u6216\u5176\u4ed6\u5f62\u5f0f\u7684\u5fc3\u7406\u6cbb\u7642\u5c0d\u4e2d\u5ea6\u6182\u9b31\u975e\u5e38\u6709\u6548\",\n        \"\u8207\u5bb6\u4eba\u548c\u670b\u53cb\u4fdd\u6301\u806f\u7e6b\uff0c\u4e0d\u8981\u793e\u4ea4\u5b64\u7acb\",\n        \"\u5805\u6301\u898f\u5f8b\u7684\u65e5\u7a0b\u5b89\u6392\uff0c\u5373\u4f7f\u5728\u611f\u89ba\u4e0d\u4f73\u7684\u65e5\u5b50\u4e5f\u8981\u5b8c\u6210\u57fa\u672c\u6d3b\u52d5\",\n        \"\u8a2d\u5b9a\u5c0f\u800c\u53ef\u9054\u6210\u7684\u76ee\u6a19\uff0c\u9010\u6b65\u91cd\u5efa\u81ea\u4fe1\u5fc3\",\n        \"\u907f\u514d\u4f7f\u7528\u9152\u7cbe\u6216\u85e5\u7269\u4f86\u61c9\u5c0d\u60c5\u7dd2\u554f\u984c\uff0c\u9019\u53ef\u80fd\u4f7f\u75c7\u72c0\u60e1\u5316\",\n        \"\u5be6\u8e10\u81ea\u6211\u95dc\u61f7\u6d3b\u52d5\uff0c\u5982\u8db3\u5920\u7684\u4f11\u606f\u3001\u5065\u5eb7\u98f2\u98df\u548c\u9069\u5ea6\u904b\u52d5\"\n      ]\n    },\n    {\n      range: [29, 63],\n      level: \"\u91cd\u5ea6\u6182\u9b31\",\n      colorClass: \"level-severe\",\n      color: \"#e53e3e\",\n      description: \"\u60a8\u7684\u6e2c\u9a57\u7d50\u679c\u986f\u793a\u6709\u56b4\u91cd\u7684\u6182\u9b31\u75c7\u72c0\uff0c\u9019\u500b\u7a0b\u5ea6\u7684\u6182\u9b31\u53ef\u80fd\u5df2\u7d93\u56b4\u91cd\u5f71\u97ff\u5230\u60a8\u7684\u65e5\u5e38\u751f\u6d3b\u3001\u5de5\u4f5c\u6216\u5b78\u7fd2\u3001\u4eba\u969b\u95dc\u4fc2\u548c\u6574\u9ad4\u529f\u80fd\u3002\u91cd\u5ea6\u6182\u9b31\u662f\u4e00\u7a2e\u9700\u8981\u8a8d\u771f\u5c0d\u5f85\u7684\u91ab\u7642\u72c0\u6cc1\uff0c\u901a\u5e38\u9700\u8981\u591a\u65b9\u9762\u7684\u5c08\u696d\u6cbb\u7642\u3002\",\n      symptoms: [\n        \"\u6df1\u5ea6\u4e14\u6301\u7e8c\u7684\u60c5\u7dd2\u4f4e\u843d\uff0c\u5e7e\u4e4e\u6574\u5929\u90fd\u611f\u5230\u60b2\u50b7\u6216\u7d55\u671b\",\n        \"\u5c0d\u5e7e\u4e4e\u6240\u6709\u6d3b\u52d5\u90fd\u7121\u6cd5\u9ad4\u9a57\u5230\u6a02\u8da3\u6216\u6eff\u8db3\",\n        \"\u56b4\u91cd\u7684\u75b2\u52de\u548c\u7cbe\u529b\u4e0d\u8db3\uff0c\u65e5\u5e38\u6d3b\u52d5\u8b8a\u5f97\u6975\u70ba\u56f0\u96e3\",\n        \"\u660e\u986f\u7684\u7761\u7720\u969c\u7919\uff0c\u5982\u56b4\u91cd\u7684\u5931\u7720\u6216\u904e\u5ea6\u7761\u7720\",\n        \"\u986f\u8457\u7684\u98df\u617e\u6539\u8b8a\u548c\u9ad4\u91cd\u8b8a\u5316\",\n        \"\u5f37\u70c8\u7684\u7121\u50f9\u503c\u611f\u6216\u4e0d\u9069\u7576\u7684\u7f6a\u60e1\u611f\",\n        \"\u6ce8\u610f\u529b\u9ad8\u5ea6\u5206\u6563\uff0c\u601d\u8003\u6216\u6c7a\u7b56\u80fd\u529b\u660e\u986f\u4e0b\u964d\",\n        \"\u53ef\u80fd\u51fa\u73fe\u81ea\u50b7\u6216\u81ea\u6bba\u7684\u60f3\u6cd5\",\n        \"\u53ef\u80fd\u4f34\u6709\u7cbe\u795e\u904b\u52d5\u6027\u9072\u7de9\u6216\u6fc0\u8d8a\"\n      ],\n      recommendations: [\n        \"\u8acb\u7acb\u5373\u5c0b\u6c42\u5c08\u696d\u7cbe\u795e\u79d1\u91ab\u5e2b\u7684\u8a55\u4f30\u548c\u6cbb\u7642\uff0c\u9019\u662f\u975e\u5e38\u5fc5\u8981\u7684\",\n        \"\u53ef\u80fd\u9700\u8981\u8003\u616e\u85e5\u7269\u6cbb\u7642\u8207\u5fc3\u7406\u6cbb\u7642\u7684\u7d50\u5408\",\n        \"\u82e5\u6709\u81ea\u6bba\u60f3\u6cd5\u6216\u8a08\u5283\uff0c\u8acb\u7acb\u5373\u806f\u7e6b\u7dca\u6025\u5fc3\u7406\u885b\u751f\u670d\u52d9\u6216\u524d\u5f80\u91ab\u9662\u6025\u8a3a\u90e8\u9580\",\n        \"\u5efa\u7acb\u5f37\u5927\u7684\u652f\u6301\u7cfb\u7d71\uff0c\u8207\u5bb6\u4eba\u548c\u670b\u53cb\u4fdd\u6301\u5bc6\u5207\u806f\u7e6b\",\n        \"\u512a\u5148\u8003\u616e\u81ea\u6211\u7167\u9867\uff0c\u78ba\u4fdd\u57fa\u672c\u9700\u6c42\u5f97\u5230\u6eff\u8db3\",\n        \"\u907f\u514d\u505a\u91cd\u5927\u751f\u6d3b\u6c7a\u5b9a\uff0c\u76f4\u5230\u75c7\u72c0\u5f97\u5230\u986f\u8457\u6539\u5584\",\n        \"\u53c3\u8207\u7d50\u69cb\u5316\u7684\u65e5\u5e38\u6d3b\u52d5\uff0c\u5373\u4f7f\u662f\u7c21\u55ae\u7684\u4efb\u52d9\u4e5f\u5f88\u91cd\u8981\",\n        \"\u5b78\u7fd2\u8fa8\u8b58\u4e26\u6311\u6230\u8ca0\u9762\u601d\u7dad\u6a21\u5f0f\",\n        \"\u8010\u5fc3\u5c0d\u5f85\u5eb7\u5fa9\u904e\u7a0b\uff0c\u660e\u767d\u6062\u5fa9\u53ef\u80fd\u9700\u8981\u6642\u9593\"\n      ]\n    }\n  ];\n\n  \/\/ \u7dad\u5ea6\u5206\u985e\n  const dimensions = [\n    { name: \"\u60c5\u7dd2\u72c0\u614b\", items: [\"\u60c5\u7dd2\", \"\u60b2\u89c0\", \"\u54ed\u6ce3\", \"\u6613\u6012\"] },\n    { name: \"\u81ea\u6211\u8a8d\u77e5\", items: [\"\u81ea\u6211\u50f9\u503c\", \"\u81ea\u6211\u8a55\u50f9\", \"\u81ea\u6211\u6279\u8a55\", \"\u81ea\u6211\u5f62\u8c61\"] },\n    { name: \"\u751f\u7406\u75c7\u72c0\", items: [\"\u7761\u7720\", \"\u75b2\u52de\", \"\u98df\u617e\", \"\u9ad4\u91cd\u8b8a\u5316\", \"\u5065\u5eb7\u6182\u616e\"] },\n    { name: \"\u52d5\u6a5f\u8207\u8208\u8da3\", items: [\"\u6eff\u8db3\u611f\", \"\u793e\u4ea4\u8208\u8da3\", \"\u5de5\u4f5c\u80fd\u529b\", \"\u6027\u8208\u8da3\"] },\n    { name: \"\u8a8d\u77e5\u529f\u80fd\", items: [\"\u6c7a\u7b56\u80fd\u529b\", \"\u7f6a\u60e1\u611f\", \"\u61f2\u7f70\u611f\"] },\n    { name: \"\u5371\u96aa\u4fe1\u865f\", items: [\"\u81ea\u6bba\u60f3\u6cd5\"] }\n  ];\n\n  \/\/ \u9801\u9762\u5143\u7d20\n  const introPage = document.getElementById('bdi-intro-page');\n  const quizPage = document.getElementById('bdi-quiz-page');\n  const resultPage = document.getElementById('bdi-result-page');\n  const startBtn = document.getElementById('bdi-start-btn');\n  const prevBtn = document.getElementById('bdi-prev-btn');\n  const questionContainer = document.getElementById('bdi-question-container');\n  const progressFill = document.getElementById('bdi-progress-fill');\n  const currentQuestionEl = document.getElementById('bdi-current-question');\n  const totalQuestionsEl = document.getElementById('bdi-total-questions');\n  const scoreEl = document.getElementById('bdi-score');\n  const levelEl = document.getElementById('bdi-level');\n  const resultDetailEl = document.getElementById('bdi-result-detail');\n  const symptomAnalysisEl = document.getElementById('bdi-symptom-analysis');\n  const recommendationsEl = document.getElementById('bdi-recommendations');\n  const dimensionScoresEl = document.getElementById('bdi-dimension-scores');\n  const restartBtn = document.getElementById('bdi-restart-btn');\n  const progressContainer = document.getElementById('bdi-progress-container');\n\n  \/\/ \u6e2c\u9a57\u72c0\u614b\n  let currentQuestion = 0;\n  let answers = Array(questions.length).fill(null);\n  let scoreChart = null;\n  let radarChart = null;\n\n  \/\/ \u521d\u59cb\u5316\n  function init() {\n    totalQuestionsEl.textContent = questions.length;\n    startBtn.addEventListener('click', startQuiz);\n    prevBtn.addEventListener('click', goToPrevQuestion);\n    restartBtn.addEventListener('click', restartQuiz);\n    \n    \/\/ \u5982\u679c\u53ea\u6709\u4e00\u500b\u554f\u984c\uff0c\u4e0d\u986f\u793a\u9032\u5ea6\u689d\n    if (questions.length <= 1) {\n      progressContainer.style.display = 'none';\n    }\n  }\n\n  \/\/ \u958b\u59cb\u6e2c\u9a57\n  function startQuiz() {\n    showPage(quizPage);\n    renderQuestion();\n  }\n\n  \/\/ \u986f\u793a\u554f\u984c\n  function renderQuestion() {\n    const question = questions[currentQuestion];\n    let html = `\n      <div class=\"bdi-question\">\n        <h3>${question.question}<\/h3>\n        <div class=\"bdi-options\">\n    `;\n    \n    question.options.forEach((option, index) => {\n      const selected = answers[currentQuestion] === index ? 'selected' : '';\n      html += `<div class=\"bdi-option ${selected}\" data-index=\"${index}\">${option}<\/div>`;\n    });\n    \n    html += `<\/div><\/div>`;\n    \n    questionContainer.innerHTML = html;\n    \n    \/\/ \u6dfb\u52a0\u9078\u9805\u9ede\u64ca\u4e8b\u4ef6\n    document.querySelectorAll('.bdi-option').forEach(option => {\n      option.addEventListener('click', selectOption);\n    });\n    \n    \/\/ \u66f4\u65b0\u9032\u5ea6\n    updateProgress();\n    \n    \/\/ \u66f4\u65b0\u6309\u9215\u72c0\u614b\n    prevBtn.disabled = currentQuestion === 0;\n  }\n\n  \/\/ \u9078\u64c7\u9078\u9805\n  function selectOption(e) {\n    const selectedIndex = parseInt(e.currentTarget.dataset.index);\n    answers[currentQuestion] = selectedIndex;\n    \n    \/\/ \u53d6\u6d88\u4e4b\u524d\u9078\u4e2d\u7684\u9078\u9805\n    document.querySelectorAll('.bdi-option').forEach(option => {\n      option.classList.remove('selected');\n    });\n    \n    \/\/ \u9078\u4e2d\u7576\u524d\u9078\u9805\n    e.currentTarget.classList.add('selected');\n    \n    \/\/ \u5ef6\u9072\u4e00\u4e0b\u8df3\u8f49\u5230\u4e0b\u4e00\u984c\uff0c\u8b93\u7528\u6236\u770b\u5230\u9078\u4e2d\u6548\u679c\n    setTimeout(() => {\n      if (currentQuestion < questions.length - 1) {\n        currentQuestion++;\n        renderQuestion();\n      } else {\n        showResults();\n      }\n    }, 300);\n  }\n\n  \/\/ \u4e0a\u4e00\u984c\n  function goToPrevQuestion() {\n    if (currentQuestion > 0) {\n      currentQuestion--;\n      renderQuestion();\n    }\n  }\n\n  \/\/ \u66f4\u65b0\u9032\u5ea6\n  function updateProgress() {\n    const progress = ((currentQuestion + 1) \/ questions.length) * 100;\n    progressFill.style.width = `${progress}%`;\n    currentQuestionEl.textContent = currentQuestion + 1;\n  }\n\n  \/\/ \u8a08\u7b97\u5404\u7dad\u5ea6\u5f97\u5206\n  function calculateDimensionScores() {\n    \/\/ \u6309\u7167\u554f\u984c\u7dad\u5ea6\u8a08\u7b97\u5404\u7dad\u5ea6\u5f97\u5206\n    const dimensionScores = {};\n    \n    questions.forEach((question, index) => {\n      const dimension = question.dimension;\n      const score = answers[index] || 0; \/\/ \u5982\u679c\u672a\u56de\u7b54\uff0c\u9ed8\u8a8d\u70ba0\n      \n      if (!dimensionScores[dimension]) {\n        dimensionScores[dimension] = { total: 0, count: 0 };\n      }\n      \n      dimensionScores[dimension].total += score;\n      dimensionScores[dimension].count += 1;\n    });\n    \n    \/\/ \u8a08\u7b97\u5e73\u5747\u503c\u4e26\u8f49\u70ba\u767e\u5206\u6bd4\n    const result = {};\n    for (const dimension in dimensionScores) {\n      const { total, count } = dimensionScores[dimension];\n      const average = total \/ count;\n      const percentage = (average \/ 3) * 100; \/\/ 3\u662f\u6700\u9ad8\u5206\n      result[dimension] = { \n        average, \n        percentage,\n        severity: getSeverityLevel(percentage)\n      };\n    }\n    \n    return result;\n  }\n  \n  \/\/ \u6839\u64da\u767e\u5206\u6bd4\u7372\u53d6\u56b4\u91cd\u7a0b\u5ea6\n  function getSeverityLevel(percentage) {\n    if (percentage <= 20) return { level: \"\u6b63\u5e38\", color: \"#38a169\" };\n    if (percentage <= 40) return { level: \"\u8f15\u5fae\", color: \"#4299e1\" };\n    if (percentage <= 60) return { level: \"\u4e2d\u7b49\", color: \"#ecc94b\" };\n    if (percentage <= 80) return { level: \"\u8f03\u91cd\", color: \"#ed8936\" };\n    return { level: \"\u56b4\u91cd\", color: \"#e53e3e\" };\n  }\n\n  \/\/ \u8a08\u7b97\u5404\u5206\u985e\u7dad\u5ea6\u5f97\u5206\n  function calculateCategoryScores() {\n    const dimensionScores = calculateDimensionScores();\n    const categoryScores = {};\n    \n    dimensions.forEach(category => {\n      let total = 0;\n      let count = 0;\n      \n      category.items.forEach(item => {\n        if (dimensionScores[item]) {\n          total += dimensionScores[item].percentage;\n          count++;\n        }\n      });\n      \n      const percentage = count > 0 ? total \/ count : 0;\n      categoryScores[category.name] = {\n        percentage,\n        severity: getSeverityLevel(percentage)\n      };\n    });\n    \n    return categoryScores;\n  }\n\n  \/\/ \u986f\u793a\u7d50\u679c\n  function showResults() {\n    const score = calculateScore();\n    const result = getResultByScore(score);\n    const dimensionScores = calculateDimensionScores();\n    const categoryScores = calculateCategoryScores();\n    \n    scoreEl.textContent = score;\n    levelEl.textContent = result.level;\n    levelEl.className = `${result.colorClass}`;\n    \n    resultDetailEl.innerHTML = `<p>${result.description}<\/p>`;\n    \n    \/\/ \u986f\u793a\u75c7\u72c0\u5206\u6790\n    let symptomsHtml = '<p>\u6839\u64da\u60a8\u7684\u56de\u7b54\uff0c\u4ee5\u4e0b\u662f\u60a8\u53ef\u80fd\u7d93\u6b77\u7684\u4e3b\u8981\u75c7\u72c0\uff1a<\/p><ul class=\"bdi-symptom-list\">';\n    result.symptoms.forEach(symptom => {\n      symptomsHtml += `<li class=\"bdi-symptom-item\">${symptom}<\/li>`;\n    });\n    symptomsHtml += '<\/ul>';\n    symptomAnalysisEl.innerHTML = symptomsHtml;\n    \n    \/\/ \u986f\u793a\u5efa\u8b70\n    let recommendationsHtml = '<p>\u4ee5\u4e0b\u662f\u4e00\u4e9b\u53ef\u80fd\u5c0d\u60a8\u6709\u5e6b\u52a9\u7684\u5efa\u8b70\uff1a<\/p><ul class=\"bdi-recommendation-list\">';\n    result.recommendations.forEach(recommendation => {\n      recommendationsHtml += `<li class=\"bdi-recommendation-item\">${recommendation}<\/li>`;\n    });\n    recommendationsHtml += '<\/ul>';\n    recommendationsEl.innerHTML = recommendationsHtml;\n    \n    \/\/ \u986f\u793a\u7dad\u5ea6\u5206\u6578\n    renderDimensionScores(dimensionScores);\n    \n    showPage(resultPage);\n    \n    \/\/ \u7e6a\u88fd\u5716\u8868\n    setTimeout(() => {\n      drawScoreChart(score);\n      drawRadarChart(categoryScores);\n    }, 300);\n  }\n\n  \/\/ \u6e32\u67d3\u7dad\u5ea6\u5206\u6578\n  function renderDimensionScores(dimensionScores) {\n    let html = '';\n    \n    \/\/ \u5206\u985e\u6e32\u67d3\n    dimensions.forEach(category => {\n      html += `<div class=\"bdi-dimension-category\">`;\n      \n      \/\/ \u6e32\u67d3\u5404\u9805\u7dad\u5ea6\n      category.items.forEach(item => {\n        if (dimensionScores[item]) {\n          const score = dimensionScores[item];\n          const color = score.severity.color;\n          \n          html += `\n            <div class=\"bdi-dimension-item\">\n              <div class=\"bdi-dimension-name\">${item}<\/div>\n              <div class=\"bdi-dimension-score-bar\">\n                <div class=\"bdi-dimension-score-fill\" style=\"background-color: ${color}; width: ${score.percentage}%;\"><\/div>\n              <\/div>\n              <div class=\"bdi-dimension-percentage\" style=\"color: ${color};\">${Math.round(score.percentage)}% (${score.severity.level})<\/div>\n            <\/div>\n          `;\n        }\n      });\n      \n      html += `<\/div>`;\n    });\n    \n    dimensionScoresEl.innerHTML = html;\n  }\n\n  \/\/ \u8a08\u7b97\u5f97\u5206\n  function calculateScore() {\n    return answers.reduce((total, answer) => total + answer, 0);\n  }\n\n  \/\/ \u6839\u64da\u5f97\u5206\u7372\u53d6\u7d50\u679c\n  function getResultByScore(score) {\n    return results.find(result => \n      score >= result.range[0] && score <= result.range[1]\n    );\n  }\n\n  \/\/ \u7e6a\u88fd\u5f97\u5206\u5716\u8868\n  function drawScoreChart(score) {\n    const ctx = document.getElementById('bdi-score-chart').getContext('2d');\n    const scorePercent = (score \/ 63) * 100;\n    const result = getResultByScore(score);\n    \n    \/\/ \u5982\u679c\u5df2\u7d93\u5b58\u5728\u5716\u8868\uff0c\u92b7\u6bc0\u5b83\n    if (scoreChart) {\n      scoreChart.destroy();\n    }\n    \n    scoreChart = new Chart(ctx, {\n      type: 'doughnut',\n      data: {\n        datasets: [{\n          data: [score, 63 - score],\n          backgroundColor: [result.color, '#e2e8f0'],\n          borderWidth: 0\n        }]\n      },\n      options: {\n        cutout: '70%',\n        responsive: true,\n        maintainAspectRatio: true,\n        animation: {\n          animateRotate: true,\n          animateScale: true,\n          duration: 1200\n        },\n        plugins: {\n          tooltip: {\n            enabled: false\n          },\n          legend: {\n            display: false\n          }\n        }\n      }\n    });\n    \n    \/\/ \u6dfb\u52a0\u4e2d\u9593\u6587\u5b57\n    const plugin = {\n      id: 'center-text',\n      beforeDraw: function(chart) {\n        const width = chart.width;\n        const height = chart.height;\n        const ctx = chart.ctx;\n        \n        ctx.restore();\n        const fontSize = (height \/ 150).toFixed(2) * 36;\n        ctx.font = `bold ${fontSize}px \"Microsoft JhengHei\", sans-serif`;\n        ctx.textBaseline = 'middle';\n        ctx.textAlign = 'center';\n        \n        const text = `${score}`;\n        const textX = width \/ 2;\n        const textY = height \/ 2;\n        \n        ctx.fillStyle = result.color;\n        ctx.fillText(text, textX, textY);\n        \n        const percentFontSize = (height \/ 150).toFixed(2) * 18;\n        ctx.font = `${percentFontSize}px \"Microsoft JhengHei\", sans-serif`;\n        ctx.fillText(`${Math.round(scorePercent)}%`, textX, textY + fontSize * 0.6);\n        ctx.save();\n      }\n    };\n    \n    Chart.register(plugin);\n  }\n\n  \/\/ \u7e6a\u88fd\u96f7\u9054\u5716\n  function drawRadarChart(categoryScores) {\n    const ctx = document.getElementById('bdi-radar-chart').getContext('2d');\n    \n    \/\/ \u6e96\u5099\u6578\u64da\n    const labels = Object.keys(categoryScores);\n    const data = labels.map(label => categoryScores[label].percentage);\n    const backgroundColor = 'rgba(74, 144, 226, 0.2)';\n    const borderColor = 'rgba(74, 144, 226, 1)';\n    \n    \/\/ \u5982\u679c\u5df2\u7d93\u5b58\u5728\u5716\u8868\uff0c\u92b7\u6bc0\u5b83\n    if (radarChart) {\n      radarChart.destroy();\n    }\n    \n    radarChart = new Chart(ctx, {\n      type: 'radar',\n      data: {\n        labels: labels,\n        datasets: [{\n          label: '\u7dad\u5ea6\u5206\u6578 (%)',\n          data: data,\n          backgroundColor: backgroundColor,\n          borderColor: borderColor,\n          borderWidth: 2,\n          pointBackgroundColor: borderColor,\n          pointBorderColor: '#fff',\n          pointHoverBackgroundColor: '#fff',\n          pointHoverBorderColor: borderColor,\n          pointRadius: 4,\n          pointHoverRadius: 6\n        }]\n      },\n      options: {\n        responsive: true,\n        maintainAspectRatio: true,\n        scales: {\n          r: {\n            beginAtZero: true,\n            max: 100,\n            ticks: {\n              display: false,\n              stepSize: 20\n            },\n            grid: {\n              color: 'rgba(0, 0, 0, 0.1)'\n            },\n            angleLines: {\n              color: 'rgba(0, 0, 0, 0.1)'\n            },\n            pointLabels: {\n              font: {\n                size: 14,\n                family: \"'Microsoft JhengHei', sans-serif\",\n                weight: 'bold'\n              },\n              color: '#4a5568'\n            }\n          }\n        },\n        plugins: {\n          legend: {\n            display: false\n          },\n          tooltip: {\n            backgroundColor: 'rgba(255, 255, 255, 0.9)',\n            titleColor: '#2c5282',\n            bodyColor: '#4a5568',\n            borderColor: '#e2e8f0',\n            borderWidth: 1,\n            cornerRadius: 8,\n            boxPadding: 8,\n            usePointStyle: true,\n            callbacks: {\n              label: function(context) {\n                const value = context.raw;\n                const categoryName = context.label;\n                const severity = categoryScores[categoryName].severity.level;\n                return `${categoryName}: ${value.toFixed(1)}% (${severity})`;\n              }\n            }\n          }\n        },\n        animation: {\n          duration: 1500,\n          easing: 'easeOutQuart'\n        }\n      }\n    });\n  }\n\n  \/\/ \u91cd\u65b0\u6e2c\u8a66\n  function restartQuiz() {\n    currentQuestion = 0;\n    answers = Array(questions.length).fill(null);\n    showPage(introPage);\n  }\n\n  \/\/ \u986f\u793a\u9801\u9762\n  function showPage(page) {\n    \/\/ \u96b1\u85cf\u6240\u6709\u9801\u9762\n    document.querySelectorAll('.bdi-page').forEach(p => {\n      p.classList.remove('active');\n    });\n    \n    \/\/ \u986f\u793a\u6307\u5b9a\u9801\u9762\n    page.classList.add('active');\n    \n    \/\/ \u6efe\u52d5\u5230\u9801\u9762\u9802\u90e8\n    window.scrollTo(0, 0);\n  }\n\n  \/\/ \u521d\u59cb\u5316\n  init();\n});\n<\/script>","protected":false},"excerpt":{"rendered":"<p>\u300c\u8d1d\u514b\u5fe7\u90c1\u91cf\u8868\u300d(Beck&#039;s Depression Inventory) \u901a\u8fc721\u4e2a\u5c0f\u95ee\u9898\uff0c\u5e2e\u52a9\u60a8\u8fdb\u884c\u5feb\u901f\u6d4b\u8bd5\uff0c\u68c0\u6d4b\u81ea\u5df1\u60a3\u4e0a\u6291\u90c1\u75c7\u7684\u98ce\u9669\uff0c\u4ece\u800c\u4f5c\u51fa\u8ddf\u8fdb\u53ca\u6cbb\u7597\u3002<\/p>","protected":false},"author":19,"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":[162,169,165],"tags":[182],"class_list":["post-5761","post","type-post","status-publish","format-standard","hentry","category-clinical","category-psychological-symptom-scales","category-neuropsychological","tag-depression"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/5761","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=5761"}],"version-history":[{"count":14,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/5761\/revisions"}],"predecessor-version":[{"id":10251,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/5761\/revisions\/10251"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=5761"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=5761"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=5761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}