{"id":5680,"date":"2025-08-07T15:05:53","date_gmt":"2025-08-07T07:05:53","guid":{"rendered":"https:\/\/bookmark.tw\/?p=5680"},"modified":"2025-08-07T15:07:32","modified_gmt":"2025-08-07T07:07:32","slug":"taiwanese-depression-scale","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/taiwanese-depression-scale","title":{"rendered":"\u53f0\u6e7e\u4eba\u5fe7\u90c1\u75c7\u91cf\u8868\u7ebf\u4e0a\u514d\u8d39\u6d4b\u9a8c\uff0818\u9898\uff09"},"content":{"rendered":"<!-- \u81fa\u7063\u4eba\u6182\u9b31\u75c7\u91cf\u8868\u6e2c\u9a57\u7cfb\u7d71 - WordPress\u5d4c\u5165\u7248\u672c -->\n<div id=\"tds-quiz-container\" class=\"tds-wrapper\">\n  <!-- \u5f15\u5c0e\u9801 -->\n  <section id=\"tds-intro-page\" class=\"tds-page tds-active\">\n    <div class=\"container\">\n      <div class=\"row justify-content-center\">\n        <div class=\"col-12 col-md-10 col-lg-8\">\n          <h2 class=\"tds-title text-center mb-4\">\u81fa\u7063\u4eba\u6182\u9b31\u75c7\u91cf\u8868<\/h2>\n          \n          <div class=\"tds-hero-section text-center mb-5\">\n            <div class=\"tds-icon-wrapper mx-auto mb-4\">\n              <i class=\"bi bi-heart-pulse-fill\"><\/i>\n            <\/div>\n            <h3 class=\"tds-subtitle mb-3\">\u95dc\u5fc3\u60a8\u7684\u5fc3\u7406\u5065\u5eb7<\/h3>\n            <p class=\"tds-lead-text\">\u900f\u904e\u5c08\u696d\u7684\u8a55\u4f30\u5de5\u5177\uff0c\u77ad\u89e3\u60a8\u76ee\u524d\u7684\u60c5\u7dd2\u72c0\u614b<\/p>\n          <\/div>\n\n          <div class=\"tds-features-grid\">\n            <div class=\"tds-feature-card\">\n              <div class=\"tds-feature-icon\">\n                <i class=\"bi bi-clock-fill\"><\/i>\n              <\/div>\n              <h4>\u5feb\u901f\u8bc4\u4f30<\/h4>\n              <p>\u53ea\u97005\u5206\u9418\u5373\u53ef\u5b8c\u621018\u984c\u5c08\u696d\u8a55\u4f30<\/p>\n            <\/div>\n            \n            <div class=\"tds-feature-card\">\n              <div class=\"tds-feature-icon\">\n                <i class=\"bi bi-shield-check\"><\/i>\n              <\/div>\n              <h4>\u5c08\u696d\u53ef\u9760<\/h4>\n              <p>\u7531\u5c08\u696d\u5718\u968a\u958b\u767c\u7684\u6a19\u6e96\u5316\u8a55\u4f30\u5de5\u5177<\/p>\n            <\/div>\n            \n            <div class=\"tds-feature-card\">\n              <div class=\"tds-feature-icon\">\n                <i class=\"bi bi-graph-up\"><\/i>\n              <\/div>\n              <h4>\u5373\u65f6\u7ed3\u679c<\/h4>\n              <p>\u7acb\u5373\u7372\u5f97\u8a55\u4f30\u7d50\u679c\u8207\u5efa\u8b70<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"tds-notice-box mt-5 mb-4\">\n            <i class=\"bi bi-info-circle-fill\"><\/i>\n            <p>\u672c\u91cf\u8868\u50c5\u4f5c\u70ba\u521d\u6b65\u7be9\u9078\u5de5\u5177\uff0c\u5982\u60a8\u611f\u5230\u56f0\u64fe\u6216\u9700\u8981\u5354\u52a9\uff0c\u8acb\u52d9\u5fc5\u5c0b\u6c42\u5c08\u696d\u4eba\u54e1\u8aee\u8a62\u3002\u9664\u4e86\u4f7f\u7528\u672c\u9801\u9762\u7684\u7dda\u4e0a\u514d\u8cbb\u6e2c\u9a57\uff0c\u60a8\u4e5f\u53ef\u4ee5\u4f7f\u7528\u8ca1\u5718\u6cd5\u4eba\u8463\u4e8b\u6c0f\u57fa\u91d1\u6703\u7db2\u7ad9\u53f0\u7063\u4eba\u6182\u9b31\u75c7\u7dda\u4e0a\u91cf\u8868https:\/\/www.jtf.org.tw\/overblue\/taiwan1\/\u3002\u53f0\u7063\u4eba\u6182\u9b31\u554f\u5377\u4e4b\u767c\u5c55\u4fc2\u7531\u674e\u6631\u3001\u694a\u660e\u4ec1\u3001\u8cf4\u5fb7\u4ec1\u3001\u90b1\u5ff5\u9678\u3001\u5468\u9a30\u9054\u7b49\u4e94\u4eba\u9032\u884c\uff1b\u7d93\u8463\u6c0f\u57fa\u91d1\u6703\u9032\u884c\u5927\u898f\u6a21\u5be6\u6e2c\uff0c\u5efa\u7acb\u5177\u4fe1\u6548\u5ea6\u4e4b\u5e38\u6a21\u5206\u6578\uff0c\u7531\u5b8b\u7dad\u6751\u91ab\u5e2b\u3001\u9ec3\u570b\u5f65\u6559\u6388\u3001\u80e1\u7dad\u6046\u9867\u554f\u91ab\u5e2b\u3001\u5f35\u672c\u8056\u526f\u6559\u6388\u5be9\u8a02\u3002\n\n\u6b61\u8fce18\u6b72\u4ee5\u4e0a\u6210\u5e74\u4eba\u4f7f\u7528\uff01\n\n<\/p>\n          <\/div>\n\n          <div class=\"text-center\">\n            <button class=\"tds-btn-primary\" onclick=\"TDSQuiz.startQuiz()\">\n              \u5f00\u59cb\u6d4b\u9a8c\n              <i class=\"bi bi-arrow-right-circle ms-2\"><\/i>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u6e2c\u9a57\u9801 -->\n  <section id=\"tds-quiz-page\" class=\"tds-page\">\n    <div class=\"container\">\n      <div class=\"row justify-content-center\">\n        <div class=\"col-12 col-md-10 col-lg-8\">\n          <h2 class=\"tds-title text-center mb-4\">\u81fa\u7063\u4eba\u6182\u9b31\u75c7\u91cf\u8868\u6e2c\u9a57<\/h2>\n          \n          <div class=\"tds-progress-wrapper mb-4\">\n            <div class=\"tds-progress-info d-flex justify-content-between mb-2\">\n              <span class=\"tds-progress-text\">\u95ee\u9898 <span id=\"tds-current-question\">1<\/span> \/ 18<\/span>\n              <span class=\"tds-progress-percent\">0%<\/span>\n            <\/div>\n            <div class=\"progress tds-progress-bar\">\n              <div class=\"progress-bar\" role=\"progressbar\" style=\"width: 0%\"><\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"tds-quiz-content\">\n            <h3 id=\"tds-question-text\" class=\"tds-question mb-4\"><\/h3>\n            \n            <div id=\"tds-options\" class=\"tds-options-list\">\n              <!-- \u9078\u9805\u5c07\u7531JavaScript\u52d5\u614b\u751f\u6210 -->\n            <\/div>\n\n            <div class=\"text-center mt-4\">\n              <button id=\"tds-prev-btn\" class=\"tds-btn-secondary\" onclick=\"TDSQuiz.prevQuestion()\" style=\"display: none;\">\n                <i class=\"bi bi-arrow-left-circle me-2\"><\/i>\n                \u4e0a\u4e00\u9898\n              <\/button>\n            <\/div>\n          <\/div>\n\n          <p class=\"tds-instruction text-center mt-4\">\u8acb\u6839\u64da\u6700\u8fd1\u4e00\u661f\u671f\u5167\u7684\u771f\u5be6\u611f\u53d7\u9078\u64c7\u6700\u7b26\u5408\u7684\u9078\u9805<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u7d50\u679c\u9801 -->\n  <section id=\"tds-result-page\" class=\"tds-page\">\n    <div class=\"container\">\n      <div class=\"row justify-content-center\">\n        <div class=\"col-12 col-md-10 col-lg-8\">\n          <h2 class=\"tds-title text-center mb-4\">\u8bc4\u4f30\u7ed3\u679c<\/h2>\n          \n          <div class=\"tds-result-hero text-center mb-4\">\n            <div class=\"tds-score-circle mx-auto mb-3\">\n              <span class=\"tds-score-number\" id=\"tds-total-score\">0<\/span>\n              <span class=\"tds-score-label\">\u603b\u5206<\/span>\n            <\/div>\n            <h3 id=\"tds-result-level\" class=\"tds-result-title mb-3\"><\/h3>\n          <\/div>\n\n          <!-- \u6a2a\u5411\u6761\u5f62\u56fe -->\n          <div class=\"tds-bar-chart-container mb-5\">\n            <div class=\"tds-bar-chart-wrapper\">\n              <canvas id=\"tds-result-chart\"><\/canvas>\n            <\/div>\n          <\/div>\n\n          <!-- \u591a\u7ef4\u5206\u6790 -->\n          <div class=\"tds-multi-analysis mb-5\">\n            <h4 class=\"mb-3\"><i class=\"bi bi-graph-up me-2\"><\/i>\u591a\u7ef4\u5206\u6790<\/h4>\n            <div class=\"row\" id=\"tds-dimensions-analysis\">\n              <!-- \u52a8\u6001\u751f\u6210\u7ef4\u5ea6\u5206\u6790 -->\n            <\/div>\n          <\/div>\n\n          <div class=\"tds-result-analysis\">\n            <h4 class=\"mb-3\"><i class=\"bi bi-clipboard-data me-2\"><\/i>\u8be6\u7ec6\u5206\u6790<\/h4>\n            <div id=\"tds-result-description\" class=\"tds-result-text\"><\/div>\n            \n            <div class=\"tds-suggestion-box mt-4\">\n              <h5 class=\"mb-3\"><i class=\"bi bi-lightbulb-fill me-2\"><\/i>\u500b\u6027\u5316\u5efa\u8b70<\/h5>\n              <div id=\"tds-result-suggestion\"><\/div>\n            <\/div>\n\n            <!-- \u5c08\u696d\u5354\u52a9\u71b1\u7dda -->\n            <div class=\"tds-hotline-section mt-4\" id=\"tds-hotline-section\" style=\"display: none;\">\n              <h5 class=\"mb-3\"><i class=\"bi bi-telephone-fill me-2\"><\/i>\u5c08\u696d\u5354\u52a9\u71b1\u7dda<\/h5>\n              <div class=\"tds-hotline-grid\">\n                <div class=\"tds-hotline-region\">\n                  <h6 class=\"tds-region-title\">\n                    <span class=\"flag-icon\">\ud83c\uddf9\ud83c\uddfc<\/span>\n                    \u81fa\u7063\n                  <\/h6>\n                  <div class=\"tds-hotline-list\">\n                    <div class=\"tds-hotline-item\">\n                      <span class=\"tds-hotline-name\">\u751f\u547d\u7dda\u5354\u8ac7\u5c08\u7dda<\/span>\n                      <a href=\"tel:1995\" class=\"tds-hotline-number taiwan\">\n                        <i class=\"bi bi-telephone-fill me-1\"><\/i>\n                        1995\n                      <\/a>\n                    <\/div>\n                    <div class=\"tds-hotline-item\">\n                      <span class=\"tds-hotline-name\">\u5b89\u5fc3\u5c08\u7dda<\/span>\n                      <a href=\"tel:1925\" class=\"tds-hotline-number taiwan\">\n                        <i class=\"bi bi-telephone-fill me-1\"><\/i>\n                        1925\n                      <\/a>\n                    <\/div>\n                    <div class=\"tds-hotline-item\">\n                      <span class=\"tds-hotline-name\">\u5f35\u8001\u5e2b\u5c08\u7dda<\/span>\n                      <a href=\"tel:1980\" class=\"tds-hotline-number taiwan\">\n                        <i class=\"bi bi-telephone-fill me-1\"><\/i>\n                        1980\n                      <\/a>\n                    <\/div>\n                  <\/div>\n                <\/div>\n\n                <div class=\"tds-hotline-region\">\n                  <h6 class=\"tds-region-title\">\n                    <span class=\"flag-icon\">\ud83c\udded\ud83c\uddf0<\/span>\n                    \u9999\u6e2f\n                  <\/h6>\n                  <div class=\"tds-hotline-list\">\n                    <div class=\"tds-hotline-item\">\n                      <span class=\"tds-hotline-name\">\u6492\u746a\u5229\u4e9e\u6703<\/span>\n                      <a href=\"tel:28960000\" class=\"tds-hotline-number hongkong\">\n                        <i class=\"bi bi-telephone-fill me-1\"><\/i>\n                        2896 0000\n                      <\/a>\n                    <\/div>\n                    <div class=\"tds-hotline-item\">\n                      <span class=\"tds-hotline-name\">\u6492\u746a\u5229\u4e9e\u9632\u6b62\u81ea\u6bba\u6703<\/span>\n                      <a href=\"tel:23892222\" class=\"tds-hotline-number hongkong\">\n                        <i class=\"bi bi-telephone-fill me-1\"><\/i>\n                        2389 2222\n                      <\/a>\n                    <\/div>\n                    <div class=\"tds-hotline-item\">\n                      <span class=\"tds-hotline-name\">\u751f\u547d\u71b1\u7dda\uff08\u660e\u611b\u5411\u6674\u8ed2\uff09<\/span>\n                      <a href=\"tel:23820000\" class=\"tds-hotline-number hongkong\">\n                        <i class=\"bi bi-telephone-fill me-1\"><\/i>\n                        2382 0000\n                      <\/a>\n                    <\/div>\n                    <div class=\"tds-hotline-item\">\n                      <span class=\"tds-hotline-name\">\u9999\u6e2f\u7d05\u5341\u5b57\u6703\u95dc\u61f7\u71b1\u7dda<\/span>\n                      <a href=\"tel:51645040\" class=\"tds-hotline-number hongkong\">\n                        <i class=\"bi bi-telephone-fill me-1\"><\/i>\n                        5164 5040\n                      <\/a>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"text-center mt-5\">\n            <button class=\"tds-btn-primary\" onclick=\"TDSQuiz.restart()\">\n              <i class=\"bi bi-arrow-clockwise me-2\"><\/i>\n              \u91cd\u65b0\u6d4b\u8bd5\n            <\/button>\n          <\/div>\n\n          <div class=\"tds-disclaimer mt-4\">\n            <p><small>\u672c\u6e2c\u9a57\u7d50\u679c\u50c5\u4f9b\u53c3\u8003\uff0c\u4e0d\u80fd\u53d6\u4ee3\u5c08\u696d\u91ab\u7642\u8a3a\u65b7\u3002\u5982\u6709\u9700\u8981\uff0c\u8acb\u5c0b\u6c42\u5c08\u696d\u5fc3\u7406\u5065\u5eb7\u670d\u52d9\u3002<\/small><\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<!-- Bootstrap CSS -->\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap\/5.3.3\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-icons\/1.11.3\/font\/bootstrap-icons.min.css\" rel=\"stylesheet\">\n\n<!-- Chart.js -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n\n<style>\n\/* \u81fa\u7063\u4eba\u6182\u9b31\u75c7\u91cf\u8868 - \u81ea\u5b9a\u7fa9\u6a23\u5f0f *\/\n.tds-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Microsoft JhengHei\", \"\u5fae\u8edf\u6b63\u9ed1\u9ad4\", sans-serif;\n  color: #2c3e50;\n  line-height: 1.6;\n  min-height: 600px;\n  position: relative;\n  padding: 2rem 0;\n  max-width: 750px;\n  margin: 0 auto;\n}\n\n.tds-page {\n  display: none;\n  animation: tds-fadeIn 0.5s ease-in;\n}\n\n.tds-page.tds-active {\n  display: block;\n}\n\n@keyframes tds-fadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* \u6a19\u984c\u6a23\u5f0f *\/\n.tds-title {\n  font-size: 32px;\n  font-weight: 700;\n  color: #2c3e50;\n  margin-bottom: 1.5rem;\n}\n\n.tds-subtitle {\n  font-size: 24px;\n  font-weight: 600;\n  color: #34495e;\n}\n\n\/* \u95ee\u9898\u6837\u5f0f *\/\n.tds-question {\n  font-size: 22px !important;\n  font-weight: 700 !important;\n  color: #2c3e50;\n  line-height: 1.5;\n}\n\n\/* \u5f15\u5c0e\u9801\u6a23\u5f0f *\/\n.tds-hero-section {\n  padding: 2rem 0;\n}\n\n.tds-icon-wrapper {\n  width: 100px;\n  height: 100px;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n  transition: transform 0.3s ease;\n}\n\n.tds-icon-wrapper:hover {\n  transform: translateY(-5px);\n}\n\n.tds-icon-wrapper i {\n  font-size: 48px;\n  color: white;\n}\n\n.tds-lead-text {\n  font-size: 18px;\n  color: #7f8c8d;\n  margin-bottom: 0;\n}\n\n.tds-features-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 2rem;\n  margin: 3rem 0;\n}\n\n.tds-feature-card {\n  text-align: center;\n  padding: 1.5rem;\n  border-radius: 12px;\n  background: #f8f9fa;\n  transition: all 0.3s ease;\n}\n\n.tds-feature-card:hover {\n  background: white;\n  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\n  transform: translateY(-5px);\n}\n\n.tds-feature-icon {\n  width: 60px;\n  height: 60px;\n  margin: 0 auto 1rem;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.tds-feature-icon i {\n  font-size: 24px;\n  color: white;\n}\n\n.tds-feature-card h4 {\n  font-size: 18px;\n  font-weight: 600;\n  color: #2c3e50;\n  margin-bottom: 0.5rem;\n}\n\n.tds-feature-card p {\n  font-size: 14px;\n  color: #7f8c8d;\n  margin: 0;\n}\n\n.tds-notice-box {\n  background: #e8f4fd;\n  border-left: 4px solid #3498db;\n  padding: 1rem 1.5rem;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n\n.tds-notice-box i {\n  font-size: 20px;\n  color: #3498db;\n  flex-shrink: 0;\n}\n\n.tds-notice-box p {\n  margin: 0;\n  color: #34495e;\n  font-size: 15px;\n}\n\n\/* \u6309\u9215\u6a23\u5f0f *\/\n.tds-btn-primary {\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  color: white;\n  border: none;\n  padding: 14px 32px;\n  font-size: 18px;\n  font-weight: 600;\n  border-radius: 50px;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  box-shadow: 0 5px 15px rgba(102, 126, 234, 0.3);\n}\n\n.tds-btn-primary:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);\n}\n\n.tds-btn-secondary {\n  background: #95a5a6;\n  color: white;\n  border: none;\n  padding: 10px 24px;\n  font-size: 16px;\n  font-weight: 500;\n  border-radius: 50px;\n  cursor: pointer;\n  transition: all 0.3s ease;\n}\n\n.tds-btn-secondary:hover {\n  background: #7f8c8d;\n  transform: translateY(-2px);\n}\n\n\/* \u6e2c\u9a57\u9801\u6a23\u5f0f *\/\n.tds-progress-wrapper {\n  margin-top: 1.5rem;\n}\n\n.tds-progress-info {\n  font-size: 14px;\n  color: #7f8c8d;\n  font-weight: 500;\n}\n\n.tds-progress-bar {\n  height: 10px;\n  background: #ecf0f1;\n  border-radius: 50px;\n  overflow: hidden;\n}\n\n.tds-progress-bar .progress-bar {\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  transition: width 0.5s ease;\n}\n\n\/* \u65b0\u7684\u9009\u9879\u5361\u7247\u6837\u5f0f *\/\n.tds-options-list {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.tds-option {\n  background: white;\n  border: 2px solid #e9ecef;\n  border-radius: 12px;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  padding: 0;\n  overflow: hidden;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n}\n\n.tds-option:hover {\n  border-color: #667eea;\n  transform: translateY(-2px);\n  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.15);\n}\n\n.tds-option.tds-selected {\n  border-color: #667eea;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  color: white;\n}\n\n.tds-option-content {\n  display: flex;\n  align-items: center;\n  padding: 1.2rem 1.5rem;\n  gap: 1rem;\n}\n\n.tds-option-indicator {\n  width: 24px;\n  height: 24px;\n  border: 2px solid #ccc;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s ease;\n  flex-shrink: 0;\n}\n\n.tds-option:hover .tds-option-indicator {\n  border-color: #667eea;\n}\n\n.tds-option.tds-selected .tds-option-indicator {\n  border-color: white;\n  background: white;\n  color: #667eea;\n}\n\n.tds-option-indicator i {\n  font-size: 14px;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n.tds-option.tds-selected .tds-option-indicator i {\n  opacity: 1;\n}\n\n.tds-option-text {\n  font-size: 18px !important;\n  font-weight: 500;\n  color: #2c3e50;\n  margin: 0;\n  flex: 1;\n}\n\n.tds-option.tds-selected .tds-option-text {\n  color: white;\n}\n\n.tds-instruction {\n  font-size: 14px;\n  color: #95a5a6;\n  font-style: italic;\n}\n\n\/* \u7d50\u679c\u9801\u6a23\u5f0f *\/\n.tds-result-hero {\n  padding: 2rem 0;\n}\n\n.tds-score-circle {\n  width: 150px;\n  height: 150px;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  border-radius: 50%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 15px 40px rgba(102, 126, 234, 0.3);\n}\n\n.tds-score-number {\n  font-size: 48px;\n  font-weight: 700;\n  color: white;\n  line-height: 1;\n}\n\n.tds-score-label {\n  font-size: 16px;\n  color: rgba(255, 255, 255, 0.9);\n  margin-top: 0.5rem;\n}\n\n.tds-result-title {\n  font-size: 24px;\n  font-weight: 600;\n  color: #2c3e50;\n}\n\n\/* \u6a2a\u5411\u6761\u5f62\u56fe\u6837\u5f0f *\/\n.tds-bar-chart-container {\n  background: white;\n  padding: 2rem 1rem;\n  border-radius: 12px;\n  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\n}\n\n.tds-bar-chart-wrapper {\n  height: 200px;\n  position: relative;\n}\n\n\/* \u591a\u7ef4\u5206\u6790\u6837\u5f0f *\/\n.tds-multi-analysis {\n  background: white;\n  padding: 2rem;\n  border-radius: 12px;\n  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\n}\n\n.tds-dimension-card {\n  background: #f8f9fa;\n  border-radius: 8px;\n  padding: 1.5rem;\n  text-align: center;\n  transition: all 0.3s ease;\n  border-left: 4px solid transparent;\n}\n\n.tds-dimension-card.low {\n  border-left-color: #28a745;\n}\n\n.tds-dimension-card.medium {\n  border-left-color: #ffc107;\n}\n\n.tds-dimension-card.high {\n  border-left-color: #dc3545;\n}\n\n.tds-dimension-card:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n}\n\n.tds-dimension-title {\n  font-size: 16px;\n  font-weight: 600;\n  color: #2c3e50;\n  margin-bottom: 0.5rem;\n}\n\n.tds-dimension-score {\n  font-size: 24px;\n  font-weight: 700;\n  margin-bottom: 0.5rem;\n}\n\n.tds-dimension-score.low {\n  color: #28a745;\n}\n\n.tds-dimension-score.medium {\n  color: #ffc107;\n}\n\n.tds-dimension-score.high {\n  color: #dc3545;\n}\n\n.tds-dimension-desc {\n  font-size: 14px;\n  color: #7f8c8d;\n  margin: 0;\n}\n\n.tds-result-analysis {\n  background: white;\n  padding: 2rem;\n  border-radius: 12px;\n  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\n}\n\n.tds-result-analysis h4 {\n  font-size: 20px;\n  font-weight: 600;\n  color: #2c3e50;\n}\n\n.tds-result-text {\n  font-size: 16px;\n  color: #34495e;\n  line-height: 1.8;\n}\n\n.tds-suggestion-box {\n  background: #e8f5e9;\n  border-left: 4px solid #4caf50;\n  padding: 1.5rem;\n  border-radius: 8px;\n}\n\n.tds-suggestion-box h5 {\n  font-size: 18px;\n  font-weight: 600;\n  color: #2e7d32;\n}\n\n.tds-suggestion-box p {\n  margin: 0;\n  color: #1b5e20;\n  font-size: 15px;\n  line-height: 1.6;\n}\n\n\/* \u70ed\u7ebf\u7535\u8bdd\u6837\u5f0f *\/\n.tds-hotline-section {\n  background: #fff3cd;\n  border-left: 4px solid #ffc107;\n  padding: 1.5rem;\n  border-radius: 8px;\n  margin-top: 2rem;\n}\n\n.tds-hotline-section h5 {\n  font-size: 18px;\n  font-weight: 600;\n  color: #856404;\n  margin-bottom: 1rem;\n}\n\n.tds-hotline-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.tds-hotline-region {\n  background: white;\n  padding: 1rem;\n  border-radius: 8px;\n  border: 1px solid #ffeaa7;\n}\n\n.tds-region-title {\n  font-size: 16px;\n  font-weight: 600;\n  color: #2c3e50;\n  margin-bottom: 1rem;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.flag-icon {\n  font-size: 18px;\n}\n\n.tds-hotline-list {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.tds-hotline-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.tds-hotline-name {\n  font-size: 14px;\n  color: #34495e;\n  flex: 1;\n}\n\n.tds-hotline-number {\n  display: inline-flex;\n  align-items: center;\n  text-decoration: none;\n  padding: 0.4rem 0.8rem;\n  border-radius: 20px;\n  font-weight: 600;\n  font-size: 13px;\n  transition: all 0.3s ease;\n  white-space: nowrap;\n}\n\n.tds-hotline-number.taiwan {\n  background: #e3f2fd;\n  color: #1565c0;\n  border: 1px solid #bbdefb;\n}\n\n.tds-hotline-number.taiwan:hover {\n  background: #1565c0;\n  color: white;\n  transform: scale(1.05);\n}\n\n.tds-hotline-number.hongkong {\n  background: #f3e5f5;\n  color: #7b1fa2;\n  border: 1px solid #ce93d8;\n}\n\n.tds-hotline-number.hongkong:hover {\n  background: #7b1fa2;\n  color: white;\n  transform: scale(1.05);\n}\n\n.tds-disclaimer {\n  text-align: center;\n  padding-top: 1rem;\n  border-top: 1px solid #ecf0f1;\n  color: #95a5a6;\n}\n\n\/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\n@media (max-width: 768px) {\n  .tds-wrapper {\n    padding: 1rem 0;\n  }\n  \n  .tds-title {\n    font-size: 26px;\n  }\n  \n  .tds-subtitle {\n    font-size: 20px;\n  }\n  \n  .tds-features-grid {\n    grid-template-columns: 1fr;\n    gap: 1.5rem;\n  }\n  \n  .tds-btn-primary {\n    padding: 12px 28px;\n    font-size: 16px;\n  }\n  \n  .tds-question {\n    font-size: 20px !important;\n  }\n  \n  .tds-option-text {\n    font-size: 16px !important;\n  }\n  \n  .tds-bar-chart-container {\n    padding: 1.5rem 0.5rem;\n  }\n  \n  .tds-bar-chart-wrapper {\n    height: 150px;\n  }\n  \n  .tds-hotline-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .tds-hotline-item {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 0.5rem;\n  }\n  \n  .tds-hotline-number {\n    align-self: flex-end;\n  }\n}\n\n@media (max-width: 480px) {\n  .tds-title {\n    font-size: 24px;\n  }\n  \n  .tds-icon-wrapper {\n    width: 80px;\n    height: 80px;\n  }\n  \n  .tds-icon-wrapper i {\n    font-size: 36px;\n  }\n  \n  .tds-score-circle {\n    width: 120px;\n    height: 120px;\n  }\n  \n  .tds-score-number {\n    font-size: 36px;\n  }\n  \n  .tds-multi-analysis,\n  .tds-result-analysis {\n    padding: 1.5rem;\n  }\n}\n<\/style>\n\n<script>\n\/\/ \u81fa\u7063\u4eba\u6182\u9b31\u75c7\u91cf\u8868\u6e2c\u9a57\u7cfb\u7d71 - \u6539\u8fdb\u7248\n(function() {\n  'use strict';\n  \n  const TDSQuiz = {\n    currentQuestion: 0,\n    answers: [],\n    chartInstance: null,\n    \n    questions: [\n      \"\u6211\u5e38\u5e38\u89ba\u5f97\u60f3\u54ed\u3002\",\n      \"\u6211\u89ba\u5f97\u5fc3\u60c5\u4e0d\u597d\u3002\",\n      \"\u6211\u89ba\u5f97\u6bd4\u4ee5\u524d\u5bb9\u6613\u767c\u813e\u6c23\u3002\",\n      \"\u6211\u7761\u4e0d\u597d\u3002\",\n      \"\u6211\u89ba\u5f97\u4e0d\u60f3\u5403\u6771\u897f\u3002\",\n      \"\u6211\u89ba\u5f97\u80f8\u53e3\u60b6\u60b6\u7684\uff08\u5fc3\u809d\u982d\u6216\u80f8\u574e\u7d81\u7d81\u7684\uff09\u3002\",\n      \"\u6211\u89ba\u5f97\u4e0d\u8f15\u9b06\u3001\u4e0d\u8212\u670d\uff08\u4e0d\u723d\u5feb\uff09\u3002\",\n      \"\u6211\u89ba\u5f97\u8eab\u9ad4\u75b2\u52de\u865b\u5f31\u3001\u7121\u529b\uff08\u8eab\u9ad4\u5f88\u865b\u3001\u6c92\u529b\u6c23\u3001\u5143\u6c23\u53ca\u9ad4\u529b\uff09\u3002\",\n      \"\u6211\u89ba\u5f97\u5f88\u7169\u3002\",\n      \"\u6211\u89ba\u5f97\u8a18\u61b6\u529b\u4e0d\u597d\u3002\",\n      \"\u6211\u89ba\u5f97\u505a\u4e8b\u6642\u7121\u6cd5\u5c08\u5fc3\u3002\",\n      \"\u6211\u89ba\u5f97\u60f3\u4e8b\u60c5\u6216\u505a\u4e8b\u6642\u6bd4\u5e73\u5e38\u8981\u7de9\u6162\u3002\",\n      \"\u6211\u89ba\u5f97\u6bd4\u4ee5\u524d\u6c92\u4fe1\u5fc3\u3002\",\n      \"\u6211\u89ba\u5f97\u6bd4\u8f03\u6703\u5f80\u58de\u8655\u60f3\u3002\",\n      \"\u6211\u89ba\u5f97\u60f3\u4e0d\u958b\u3001\u751a\u81f3\u60f3\u6b7b\u3002\",\n      \"\u6211\u89ba\u5f97\u5c0d\u4ec0\u9ebc\u4e8b\u90fd\u5931\u53bb\u8208\u8da3\u3002\",\n      \"\u6211\u89ba\u5f97\u8eab\u9ad4\u4e0d\u8212\u670d\uff08\u5982\u982d\u75db\u3001\u982d\u6688\u3001\u5fc3\u60b8\u3001\u809a\u5b50\u4e0d\u8212\u670d\u7b49\uff09\u3002\",\n      \"\u6211\u89ba\u5f97\u81ea\u5df1\u5f88\u6c92\u7528\u3002\"\n    ],\n    \n    \/\/ \u95ee\u9898\u5206\u7c7b (\u7528\u4e8e\u591a\u7ef4\u5206\u6790)\n    questionCategories: {\n      emotional: [0, 1, 2, 8, 13, 14], \/\/ \u60c5\u7eea\u75c7\u72b6\n      physical: [3, 4, 5, 6, 7, 16],   \/\/ \u8eab\u4f53\u75c7\u72b6  \n      cognitive: [9, 10, 11, 12, 15, 17] \/\/ \u8ba4\u77e5\u75c7\u72b6\n    },\n    \n    options: [\n      { text: \"\u6c92\u6709\u6216\u6975\u5c11\uff08\u6bcf\u9031\u4e00\u5929\u4ee5\u4e0b\uff09\", value: 0 },\n      { text: \"\u6709\u6642\u5019\uff081-2\u5929\uff09\", value: 1 },\n      { text: \"\u6642\u5e38\uff083-4\u5929\uff09\", value: 2 },\n      { text: \"\u5e38\u5e38\u6216\u7e3d\u662f\uff085-7\u5929\uff09\", value: 4 }\n    ],\n    \n    init() {\n      this.bindEvents();\n    },\n    \n    bindEvents() {\n      \/\/ \u9632\u6b62\u91cd\u8907\u7d81\u5b9a\n      window.TDSQuiz = this;\n    },\n    \n    startQuiz() {\n      document.getElementById('tds-intro-page').classList.remove('tds-active');\n      document.getElementById('tds-quiz-page').classList.add('tds-active');\n      this.showQuestion();\n      this.scrollToTop();\n    },\n    \n    showQuestion() {\n      const questionText = document.getElementById('tds-question-text');\n      const optionsContainer = document.getElementById('tds-options');\n      const currentQuestionNum = document.getElementById('tds-current-question');\n      const progressBar = document.querySelector('.tds-progress-bar .progress-bar');\n      const progressPercent = document.querySelector('.tds-progress-percent');\n      const prevBtn = document.getElementById('tds-prev-btn');\n      \n      \/\/ \u66f4\u65b0\u554f\u984c\n      questionText.textContent = this.questions[this.currentQuestion];\n      currentQuestionNum.textContent = this.currentQuestion + 1;\n      \n      \/\/ \u66f4\u65b0\u9032\u5ea6\u689d\n      const progress = ((this.currentQuestion + 1) \/ this.questions.length) * 100;\n      progressBar.style.width = progress + '%';\n      progressPercent.textContent = Math.round(progress) + '%';\n      \n      \/\/ \u986f\u793a\/\u96b1\u85cf\u4e0a\u4e00\u984c\u6309\u9215\n      prevBtn.style.display = this.currentQuestion > 0 ? 'inline-block' : 'none';\n      \n      \/\/ \u751f\u6210\u9078\u9805 - \u4f7f\u7528Bootstrap\u5361\u7247\n      optionsContainer.innerHTML = '';\n      this.options.forEach((option, index) => {\n        const optionDiv = document.createElement('div');\n        optionDiv.className = 'tds-option';\n        \n        \/\/ \u5982\u679c\u5df2\u7ecf\u56de\u7b54\u8fc7\uff0c\u663e\u793a\u9009\u4e2d\u72b6\u6001\n        if (this.answers[this.currentQuestion] === option.value) {\n          optionDiv.classList.add('tds-selected');\n        }\n        \n        optionDiv.innerHTML = `\n          <div class=\"tds-option-content\">\n            <div class=\"tds-option-indicator\">\n              <i class=\"bi bi-check\"><\/i>\n            <\/div>\n            <div class=\"tds-option-text\">${option.text}<\/div>\n          <\/div>\n        `;\n        \n        optionDiv.onclick = () => this.selectOption(option.value);\n        optionsContainer.appendChild(optionDiv);\n      });\n    },\n    \n    selectOption(value) {\n      this.answers[this.currentQuestion] = value;\n      \n      \/\/ \u66f4\u65b0\u9009\u4e2d\u72b6\u6001\n      const options = document.querySelectorAll('.tds-option');\n      options.forEach(opt => opt.classList.remove('tds-selected'));\n      event.currentTarget.classList.add('tds-selected');\n      \n      \/\/ \u5ef6\u9072\u9032\u5165\u4e0b\u4e00\u984c\n      setTimeout(() => {\n        if (this.currentQuestion < this.questions.length - 1) {\n          this.currentQuestion++;\n          this.showQuestion();\n        } else {\n          this.showResult();\n        }\n      }, 500);\n    },\n    \n    prevQuestion() {\n      if (this.currentQuestion > 0) {\n        this.currentQuestion--;\n        this.showQuestion();\n      }\n    },\n    \n    showResult() {\n      const totalScore = this.answers.reduce((sum, val) => sum + val, 0);\n      \n      document.getElementById('tds-quiz-page').classList.remove('tds-active');\n      document.getElementById('tds-result-page').classList.add('tds-active');\n      \n      \/\/ \u986f\u793a\u5206\u6578\n      document.getElementById('tds-total-score').textContent = totalScore;\n      \n      \/\/ \u986f\u793a\u7b49\u7d1a\u548c\u5efa\u8b70\n      const { level, description, suggestion, showHotline } = this.getResultLevel(totalScore);\n      document.getElementById('tds-result-level').textContent = level;\n      document.getElementById('tds-result-description').innerHTML = description;\n      document.getElementById('tds-result-suggestion').innerHTML = suggestion;\n      \n      \/\/ \u663e\u793a\u70ed\u7ebf\u7535\u8bdd (\u5f53\u9700\u8981\u65f6)\n      const hotlineSection = document.getElementById('tds-hotline-section');\n      if (showHotline) {\n        hotlineSection.style.display = 'block';\n      } else {\n        hotlineSection.style.display = 'none';\n      }\n      \n      \/\/ \u751f\u6210\u591a\u7dad\u5206\u6790\n      this.generateMultiDimensionalAnalysis();\n      \n      \/\/ \u751f\u6210\u6a2a\u5411\u6761\u5f62\u56fe\n      this.createHorizontalBarChart(totalScore);\n      this.scrollToTop();\n    },\n    \n    generateMultiDimensionalAnalysis() {\n      const container = document.getElementById('tds-dimensions-analysis');\n      container.innerHTML = '';\n      \n      const categories = {\n        emotional: { name: '\u60c5\u7dd2\u75c7\u72c0', icon: 'bi-heart-fill' },\n        physical: { name: '\u8eab\u9ad4\u75c7\u72c0', icon: 'bi-activity' },\n        cognitive: { name: '\u8a8d\u77e5\u529f\u80fd', icon: 'bi-brain' }\n      };\n      \n      Object.keys(categories).forEach(key => {\n        const score = this.calculateCategoryScore(this.questionCategories[key]);\n        const maxScore = this.questionCategories[key].length * 4;\n        const percentage = Math.round((score \/ maxScore) * 100);\n        const level = this.getDimensionLevel(percentage);\n        \n        const dimensionCard = document.createElement('div');\n        dimensionCard.className = `col-md-4 mb-3`;\n        \n        dimensionCard.innerHTML = `\n          <div class=\"tds-dimension-card ${level}\">\n            <div class=\"tds-dimension-title\">\n              <i class=\"${categories[key].icon} me-2\"><\/i>\n              ${categories[key].name}\n            <\/div>\n            <div class=\"tds-dimension-score ${level}\">${percentage}%<\/div>\n            <p class=\"tds-dimension-desc\">${this.getDimensionDescription(key, level)}<\/p>\n          <\/div>\n        `;\n        \n        container.appendChild(dimensionCard);\n      });\n    },\n    \n    getDimensionLevel(percentage) {\n      if (percentage <= 25) return 'low';\n      if (percentage <= 50) return 'medium';\n      return 'high';\n    },\n    \n    getDimensionDescription(category, level) {\n      const descriptions = {\n        emotional: {\n          low: '\u60c5\u7dd2\u72c0\u614b\u7a69\u5b9a',\n          medium: '\u60c5\u7dd2\u7565\u6709\u6ce2\u52d5',\n          high: '\u60c5\u7dd2\u56f0\u64fe\u660e\u986f'\n        },\n        physical: {\n          low: '\u8eab\u9ad4\u611f\u53d7\u826f\u597d',\n          medium: '\u8f15\u5fae\u8eab\u9ad4\u4e0d\u9069',\n          high: '\u660e\u986f\u8eab\u9ad4\u75c7\u72c0'\n        },\n        cognitive: {\n          low: '\u601d\u8003\u6e05\u6670\u5c08\u6ce8',\n          medium: '\u8a8d\u77e5\u7565\u53d7\u5f71\u97ff',\n          high: '\u601d\u7dad\u660e\u986f\u9072\u7de9'\n        }\n      };\n      \n      return descriptions[category][level];\n    },\n    \n    getResultLevel(score) {\n      if (score <= 8) {\n        return {\n          level: \"\u60c5\u7dd2\u72c0\u614b\u826f\u597d\",\n          description: \"<p>\u60a8\u76ee\u524d\u7684\u60c5\u7dd2\u72c0\u614b\u76f8\u7576\u7a69\u5b9a\uff0c\u6182\u9b31\u50be\u5411\u8f03\u4f4e\u3002\u9019\u8868\u793a\u60a8\u5177\u6709\u826f\u597d\u7684\u5fc3\u7406\u8abf\u9069\u80fd\u529b\uff0c\u80fd\u5920\u6709\u6548\u8655\u7406\u65e5\u5e38\u751f\u6d3b\u4e2d\u7684\u58d3\u529b\u548c\u6311\u6230\u3002<\/p>\",\n          suggestion: \"<p>\u7e7c\u7e8c\u4fdd\u6301\u826f\u597d\u7684\u751f\u6d3b\u7fd2\u6163\uff0c\u7dad\u6301\u898f\u5f8b\u4f5c\u606f\u3001\u9069\u5ea6\u904b\u52d5\uff0c\u4e26\u6301\u7e8c\u57f9\u990a\u6b63\u5411\u7684\u4eba\u969b\u95dc\u4fc2\u3002\u5b9a\u671f\u6aa2\u8996\u81ea\u5df1\u7684\u60c5\u7dd2\u72c0\u614b\uff0c\u4fdd\u6301\u8eab\u5fc3\u5e73\u8861\u3002\u5efa\u8b70\u5b9a\u671f\u9032\u884c\u81ea\u6211\u95dc\u61f7\uff0c\u5982\u51a5\u60f3\u3001\u5beb\u65e5\u8a18\u6216\u53c3\u8207\u559c\u611b\u7684\u6d3b\u52d5\u3002<\/p>\",\n          showHotline: false\n        };\n      } else if (score <= 14) {\n        return {\n          level: \"\u8f15\u5fae\u60c5\u7dd2\u8d77\u4f0f\",\n          description: \"<p>\u6700\u8fd1\u7684\u60c5\u7dd2\u662f\u5426\u8d77\u4f0f\u4e0d\u5b9a\uff1f\u60a8\u53ef\u80fd\u6b63\u5728\u7d93\u6b77\u4e00\u4e9b\u751f\u6d3b\u58d3\u529b\u6216\u9069\u61c9\u671f\u3002\u9019\u500b\u968e\u6bb5\u7684\u60c5\u7dd2\u6ce2\u52d5\u662f\u6b63\u5e38\u7684\uff0c\u4f46\u9700\u8981\u591a\u52a0\u7559\u610f\u548c\u4e3b\u52d5\u8abf\u9069\u3002<\/p>\",\n          suggestion: \"<p>\u7d66\u81ea\u5df1\u591a\u9ede\u95dc\u5fc3\uff0c\u6ce8\u610f\u60c5\u7dd2\u7684\u8b8a\u5316\uff0c\u505a\u9069\u6642\u7684\u8655\u7406\u3002\u53ef\u4ee5\u5617\u8a66\u653e\u9b06\u6280\u5de7\u5982\u6df1\u547c\u5438\u3001\u51a5\u60f3\u3001\u6f38\u9032\u5f0f\u808c\u8089\u653e\u9b06\u7b49\u3002\u5efa\u8b70\u8207\u4fe1\u4efb\u7684\u670b\u53cb\u6216\u5bb6\u4eba\u5206\u4eab\u611f\u53d7\uff0c\u4fdd\u6301\u898f\u5f8b\u7684\u751f\u6d3b\u4f5c\u606f\u548c\u9069\u5ea6\u904b\u52d5\u3002\u8003\u616e\u5b78\u7fd2\u58d3\u529b\u7ba1\u7406\u6280\u5de7\uff0c\u5982\u6642\u9593\u7ba1\u7406\u3001\u554f\u984c\u89e3\u6c7a\u7b56\u7565\u7b49\u3002<\/p>\",\n          showHotline: false\n        };\n      } else if (score <= 18) {\n        return {\n          level: \"\u4e2d\u5ea6\u60c5\u7dd2\u56f0\u64fe\",\n          description: \"<p>\u60a8\u662f\u4e0d\u662f\u6709\u8a31\u591a\u4e8b\u58d3\u5728\u5fc3\u4e0a\uff0c\u80a9\u4e0a\u7e3d\u89ba\u5f97\u5f88\u6c89\u91cd\uff1f\u9019\u500b\u5206\u6578\u986f\u793a\u60a8\u6b63\u627f\u53d7\u8457\u76f8\u7576\u7684\u5fc3\u7406\u58d3\u529b\uff0c\u53ef\u80fd\u5df2\u7d93\u958b\u59cb\u5f71\u97ff\u5230\u65e5\u5e38\u751f\u6d3b\u54c1\u8cea\u548c\u793e\u6703\u529f\u80fd\u3002<\/p>\",\n          suggestion: \"<p>\u5343\u842c\u5225\u518d\u300c\u6490\u300d\u4e86\uff01\u5efa\u8b70\u4e3b\u52d5\u5c0b\u6c42\u652f\u6301\uff0c\u53ef\u4ee5\u627e\u6709\u76f8\u540c\u7d93\u9a57\u7684\u670b\u53cb\u804a\u804a\uff0c\u7d66\u5fc3\u9748\u627e\u500b\u51fa\u53e3\u3002\u8003\u616e\u5c0b\u6c42\u5c08\u696d\u5fc3\u7406\u8aee\u5546\u670d\u52d9\uff0c\u5b78\u7fd2\u66f4\u6709\u6548\u7684\u60c5\u7dd2\u8abf\u7bc0\u548c\u58d3\u529b\u7ba1\u7406\u6280\u5de7\u3002\u9069\u5ea6\u7684\u4f11\u606f\u548c\u81ea\u6211\u7167\u9867\u975e\u5e38\u91cd\u8981\uff0c\u5305\u62ec\u5145\u8db3\u7761\u7720\u3001\u71df\u990a\u5747\u8861\u3001\u898f\u5f8b\u904b\u52d5\u3002<\/p>\",\n          showHotline: true\n        };\n      } else if (score <= 28) {\n        return {\n          level: \"\u660e\u986f\u6182\u9b31\u50be\u5411\",\n          description: \"<p>\u73fe\u5728\u7684\u60a8\u5fc5\u5b9a\u7121\u6cd5\u5c55\u9732\u7b11\u5bb9\uff0c\u4e00\u809a\u5b50\u82e6\u60f1\u53ca\u7169\u60b6\u3002\u9019\u500b\u5206\u6578\u8868\u793a\u60a8\u6b63\u7d93\u6b77\u660e\u986f\u7684\u6182\u9b31\u75c7\u72c0\uff0c\u5df2\u7d93\u56b4\u91cd\u5f71\u97ff\u65e5\u5e38\u751f\u6d3b\uff0c\u9700\u8981\u7a4d\u6975\u5c0b\u6c42\u5c08\u696d\u5354\u52a9\u3002<\/p>\",\n          suggestion: \"<p>\u8acb\u5118\u5feb\u627e\u5c08\u696d\u6a5f\u69cb\u6216\u91ab\u7642\u55ae\u4f4d\u5354\u52a9\u3002\u5efa\u8b70\u5c0b\u6c42\u5c08\u696d\u5fc3\u7406\u5065\u5eb7\u670d\u52d9\uff0c\u5305\u62ec\u5fc3\u7406\u8aee\u5546\u3001\u5fc3\u7406\u6cbb\u7642\u6216\u7cbe\u795e\u79d1\u8a55\u4f30\u3002\u4e0d\u8981\u7336\u8c6b\u5c0b\u6c42\u5e6b\u52a9\uff0c\u9019\u662f\u95dc\u611b\u81ea\u5df1\u7684\u8868\u73fe\u3002\u540c\u6642\uff0c\u8acb\u544a\u77e5\u4fe1\u4efb\u7684\u5bb6\u4eba\u6216\u670b\u53cb\u60a8\u7684\u72c0\u6cc1\uff0c\u8b93\u4ed6\u5011\u80fd\u5920\u63d0\u4f9b\u652f\u6301\u3002\u8a18\u4f4f\uff0c\u6182\u9b31\u75c7\u662f\u53ef\u4ee5\u6cbb\u7642\u7684\uff0c\u5c08\u696d\u5e6b\u52a9\u80fd\u8b93\u60a8\u91cd\u65b0\u627e\u56de\u751f\u6d3b\u7684\u8272\u5f69\u3002<\/p>\",\n          showHotline: true\n        };\n      } else {\n        return {\n          level: \"\u56b4\u91cd\u6182\u9b31\u72c0\u614b\",\n          description: \"<p>\u60a8\u662f\u4e0d\u662f\u6703\u4e0d\u7531\u81ea\u4e3b\u7684\u6cae\u55aa\u3001\u96e3\u904e\uff0c\u7121\u6cd5\u6399\u812b\uff1f\u60a8\u7684\u5fc3\u5df2\u7d93\u300c\u611f\u5192\u300d\u4e86\uff0c\u9019\u500b\u5206\u6578\u986f\u793a\u60a8\u6b63\u8655\u65bc\u56b4\u91cd\u7684\u6182\u9b31\u72c0\u614b\uff0c\u6025\u9700\u5c08\u696d\u91ab\u7642\u4ecb\u5165\u3002<\/p>\",\n          suggestion: \"<p>\u5fc3\u75c5\u9700\u8981\u5fc3\u85e5\u91ab\uff0c<strong>\u8acb\u7acb\u5373\u5230\u91ab\u9662\u627e\u5c08\u696d\u53ca\u53ef\u4fe1\u8cf4\u7684\u91ab\u5e2b\u6aa2\u67e5<\/strong>\u3002\u900f\u904e\u5c08\u696d\u7684\u8a3a\u7642\u548c\u6cbb\u7642\uff0c\u60a8\u5c07\u4e0d\u518d\u89ba\u5f97\u5b64\u55ae\u3001\u7121\u52a9\uff01\u5efa\u8b70\u76e1\u5feb\u5c31\u91ab\uff0c\u63a5\u53d7\u5c08\u696d\u8a55\u4f30\u548c\u6cbb\u7642\u3002\u5982\u6709\u7dca\u6025\u72c0\u6cc1\u6216\u81ea\u50b7\u60f3\u6cd5\uff0c\u8acb\u7acb\u5373\u64a5\u6253\u4e0b\u65b9\u7dca\u6025\u5354\u52a9\u71b1\u7dda\u3002\u8a18\u4f4f\uff0c\u73fe\u5728\u7684\u75db\u82e6\u662f\u66ab\u6642\u7684\uff0c\u5c08\u696d\u7684\u5354\u52a9\u80fd\u5e6b\u52a9\u60a8\u5ea6\u904e\u9019\u500b\u6700\u56f0\u96e3\u7684\u6642\u671f\uff0c\u91cd\u65b0\u627e\u56de\u5e0c\u671b\u3002<\/p>\",\n          showHotline: true\n        };\n      }\n    },\n    \n    createHorizontalBarChart(totalScore) {\n      const ctx = document.getElementById('tds-result-chart').getContext('2d');\n      \n      \/\/ \u92b7\u6bc0\u820a\u5716\u8868\n      if (this.chartInstance) {\n        this.chartInstance.destroy();\n      }\n      \n      \/\/ \u5b9a\u4e49\u5206\u6570\u533a\u95f4\u548c\u989c\u8272\n      const scoreRanges = [\n        { label: '\u826f\u597d', range: '0-8', color: '#28a745', min: 0, max: 8 },\n        { label: '\u8f15\u5fae', range: '9-14', color: '#17a2b8', min: 9, max: 14 },\n        { label: '\u4e2d\u5ea6', range: '15-18', color: '#ffc107', min: 15, max: 18 },\n        { label: '\u660e\u986f', range: '19-28', color: '#fd7e14', min: 19, max: 28 },\n        { label: '\u56b4\u91cd', range: '29+', color: '#dc3545', min: 29, max: 72 }\n      ];\n      \n      \/\/ \u521b\u5efa\u6570\u636e\n      const data = scoreRanges.map(range => ({\n        label: `${range.label} (${range.range})`,\n        data: [range.max - range.min + 1],\n        backgroundColor: range.color,\n        barThickness: 40\n      }));\n      \n      this.chartInstance = new Chart(ctx, {\n        type: 'bar',\n        data: {\n          labels: ['\u6182\u9b31\u7a0b\u5ea6\u5206\u5e03'],\n          datasets: data\n        },\n        options: {\n          indexAxis: 'y',\n          responsive: true,\n          maintainAspectRatio: false,\n          plugins: {\n            legend: {\n              display: true,\n              position: 'bottom',\n              labels: {\n                usePointStyle: true,\n                padding: 15,\n                font: {\n                  size: 12\n                }\n              }\n            },\n            tooltip: {\n              enabled: false\n            }\n          },\n          scales: {\n            x: {\n              stacked: true,\n              display: false,\n              max: 73\n            },\n            y: {\n              stacked: true,\n              display: false\n            }\n          },\n          animation: {\n            duration: 2000,\n            onComplete: () => {\n              \/\/ \u52a8\u753b\u5b8c\u6210\u540e\u6dfb\u52a0\u7528\u6237\u5206\u6570\u6807\u8bb0\n              this.addScoreMarker(totalScore);\n            }\n          }\n        }\n      });\n    },\n    \n    addScoreMarker(score) {\n      const canvas = document.getElementById('tds-result-chart');\n      const ctx = canvas.getContext('2d');\n      const chart = this.chartInstance;\n      \n      \/\/ \u8ba1\u7b97\u5206\u6570\u5728\u56fe\u8868\u4e2d\u7684\u4f4d\u7f6e\n      const canvasPosition = Chart.helpers.getRelativePosition({clientX: 0, clientY: 0}, chart);\n      const dataX = chart.scales.x.getPixelForValue(score);\n      const dataY = chart.scales.y.getPixelForValue(0);\n      \n      \/\/ \u7ed8\u5236\u7ea2\u8272\u5706\u70b9\n      ctx.save();\n      ctx.fillStyle = '#ff0000';\n      ctx.beginPath();\n      ctx.arc(dataX, dataY, 8, 0, 2 * Math.PI);\n      ctx.fill();\n      ctx.strokeStyle = '#ffffff';\n      ctx.lineWidth = 3;\n      ctx.stroke();\n      \n      \/\/ \u7ed8\u5236\u5206\u6570\u6587\u5b57\n      ctx.fillStyle = '#000000';\n      ctx.font = 'bold 14px Arial';\n      ctx.textAlign = 'center';\n      ctx.fillText(`\u60a8\u7684\u5f97\u5206: ${score}`, dataX, dataY - 15);\n      ctx.restore();\n    },\n    \n    calculateCategoryScore(indices) {\n      let sum = 0;\n      indices.forEach(index => {\n        sum += this.answers[index] || 0;\n      });\n      return sum;\n    },\n    \n    restart() {\n      this.currentQuestion = 0;\n      this.answers = [];\n      \n      document.getElementById('tds-result-page').classList.remove('tds-active');\n      document.getElementById('tds-intro-page').classList.add('tds-active');\n      \n      if (this.chartInstance) {\n        this.chartInstance.destroy();\n        this.chartInstance = null;\n      }\n      \n      this.scrollToTop();\n    },\n    \n    scrollToTop() {\n      const container = document.getElementById('tds-quiz-container');\n      if (container) {\n        container.scrollIntoView({ behavior: 'smooth', block: 'start' });\n      }\n    }\n  };\n  \n  \/\/ \u521d\u59cb\u5316\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', () => TDSQuiz.init());\n  } else {\n    TDSQuiz.init();\n  }\n  \n  \/\/ \u66b4\u9732\u5230\u5168\u5c40\n  window.TDSQuiz = TDSQuiz;\n})();\n<\/script>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>\u53f0\u6e7e\u4eba\u5fe7\u90c1\u75c7\u91cf\u8868\u6216\u76f4\u63a5\u8fdb\u8d22\u56e2\u6cd5\u4eba\u8463\u4e8b\u6c0f\u57fa\u91d1\u4f1a\u7f51\u7ad9\u7ebf\u4e0a\u91cf\u8868\u3002\u91cf\u8868\u4e0d\u662f\u50cf\u6807\u7b7e\u4e00\u6837\uff0c\u7528\u6765\u4ee3\u8868\u81ea\u5df1\u7684\u4ef7\u503c\u662f\u597d\u8fd8\u662f\u5dee\u52b2\u7684\uff0c\u800c\u53ea\u662f\u5355\u7eaf\u5f53\u4f5c\u4e00\u4e2a\u662f\u5426\u9700\u8981\u8fdb\u4e00\u6b65\u8bc4\u4f30\u53ca\u534f\u52a9\u7684\u6307\u6807\u3002\u7279\u522b\u63d0\u9192\u5927\u5bb6\uff0c\u8fd9\u4e9b\u8bc4\u91cf\u8868\u53ea\u662f\u4e00\u4e2a\u521d\u6b65\u3001\u7b80\u6613\u7684\u7b5b\u9009\u5de5\u5177<\/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":"normal-width-container","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":[169,165,162],"tags":[182,180],"class_list":["post-5680","post","type-post","status-publish","format-standard","hentry","category-psychological-symptom-scales","category-neuropsychological","category-clinical","tag-depression","tag-depression-1"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/5680","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=5680"}],"version-history":[{"count":3,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/5680\/revisions"}],"predecessor-version":[{"id":10288,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/5680\/revisions\/10288"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=5680"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=5680"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=5680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}