{"id":2039,"date":"2026-04-10T21:25:07","date_gmt":"2026-04-10T13:25:07","guid":{"rendered":"https:\/\/www.shanmu.wang\/?page_id=2039"},"modified":"2026-04-10T21:28:37","modified_gmt":"2026-04-10T13:28:37","slug":"%e5%85%a8%e4%ba%ba%e5%81%a5%e5%ba%b7%e8%87%aa%e8%af%84-%e5%96%84%e7%89%a7%e5%bf%83%e7%90%86%e5%92%a8%e8%af%a2","status":"publish","type":"page","link":"https:\/\/www.shanmu.wang\/en\/%e5%85%a8%e4%ba%ba%e5%81%a5%e5%ba%b7%e8%87%aa%e8%af%84-%e5%96%84%e7%89%a7%e5%bf%83%e7%90%86%e5%92%a8%e8%af%a2\/","title":{"rendered":"\u5168\u4eba\u5065\u5eb7\u81ea\u8bc4 | \u5584\u7267\u5fc3\u7406\u54a8\u8be2"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u5168\u4eba\u5065\u5eb7\u81ea\u8bc4 | \u5584\u7267\u5fc3\u7406\u54a8\u8be2<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: system-ui, 'Segoe UI', 'Helvetica Neue', 'Noto Sans', sans-serif;\r\n background-color: #FFFCF8; \/* \u5168\u5c40\u80cc\u666f\u8272 *\/\r\n color: #4A4A4A; \/* \u6b63\u6587\u6587\u5b57 *\/\r\n line-height: 1.5;\r\n }\r\n\r\n \/* \u4e3b\u5185\u5bb9\u5bb9\u5668 *\/\r\n .self-assessment-container {\r\n max-width: 1280px;\r\n margin: 2rem auto;\r\n padding: 0 1.5rem 3rem;\r\n }\r\n\r\n \/* \u9875\u9762\u5934\u90e8\u4ecb\u7ecd *\/\r\n .page-header {\r\n text-align: center;\r\n margin-bottom: 2.5rem;\r\n }\r\n .page-header h1 {\r\n font-size: 2rem;\r\n color: #2D3142; \/* \u6807\u9898\u6587\u5b57 *\/\r\n letter-spacing: -0.3px;\r\n margin-bottom: 0.5rem;\r\n }\r\n .page-header .subhead {\r\n font-size: 1rem;\r\n color: #868686; \/* \u8f85\u52a9\u6587\u5b57 *\/\r\n max-width: 700px;\r\n margin: 0 auto;\r\n background: #F8EDE3; \/* \u8f85\u52a9\u82722 *\/\r\n display: inline-block;\r\n padding: 0.4rem 1.2rem;\r\n border-radius: 40px;\r\n backdrop-filter: blur(2px);\r\n }\r\n .page-header p {\r\n margin-top: 1rem;\r\n color: #868686;\r\n font-size: 0.95rem;\r\n }\r\n\r\n \/* \u7ef4\u5ea6\u5361\u7247\u7f51\u683c *\/\r\n .dimensions-grid {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2rem;\r\n }\r\n .card {\r\n background: #ffffff;\r\n border-radius: 32px;\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03), 0 2px 6px rgba(0, 0, 0, 0.05);\r\n transition: all 0.2s ease;\r\n border: 1px solid #F0E5D8;\r\n overflow: hidden;\r\n }\r\n .card:hover {\r\n box-shadow: 0 20px 30px -12px rgba(0, 0, 0, 0.08);\r\n }\r\n .card-header {\r\n background: #F8EDE3; \/* \u8f85\u52a9\u82722 *\/\r\n padding: 1rem 1.8rem;\r\n border-bottom: 1px solid #EBDBCB;\r\n display: flex;\r\n align-items: baseline;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n }\r\n .card-header h2 {\r\n font-size: 1.5rem;\r\n font-weight: 600;\r\n color: #2D3142; \/* \u6807\u9898\u6587\u5b57 *\/\r\n letter-spacing: -0.2px;\r\n }\r\n .dimension-badge {\r\n background: #E6A12C; \/* \u4e3b\u8272\u70b9\u7f00 *\/\r\n color: white;\r\n padding: 0.2rem 0.8rem;\r\n border-radius: 30px;\r\n font-size: 0.75rem;\r\n font-weight: 500;\r\n }\r\n .dimension-desc {\r\n font-size: 0.8rem;\r\n color: #868686;\r\n margin-top: 6px;\r\n padding: 0 1.8rem 0.6rem;\r\n border-bottom: 1px dashed #F0E3D4;\r\n }\r\n .questions-list {\r\n padding: 1.2rem 1.8rem 1.8rem;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1rem;\r\n }\r\n .question-item {\r\n background: #FEFCF8;\r\n border-radius: 24px;\r\n padding: 0.8rem 1rem;\r\n transition: background 0.2s;\r\n border: 1px solid #F2E7DC;\r\n }\r\n .question-text {\r\n font-weight: 500;\r\n margin-bottom: 0.6rem;\r\n font-size: 0.95rem;\r\n color: #2D3142;\r\n padding-right: 0.5rem;\r\n }\r\n .options {\r\n display: flex;\r\n gap: 1.5rem;\r\n align-items: center;\r\n }\r\n .options label {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.4rem;\r\n cursor: pointer;\r\n font-size: 0.9rem;\r\n color: #4A4A4A;\r\n background: #F8F4EC;\r\n padding: 0.3rem 1rem;\r\n border-radius: 40px;\r\n transition: all 0.2s;\r\n }\r\n .options label:hover {\r\n background: #E6A12C20;\r\n color: #2D3142;\r\n }\r\n .options input {\r\n margin: 0;\r\n width: 1.1em;\r\n height: 1.1em;\r\n accent-color: #E6A12C; \/* \u4e3b\u8272 *\/\r\n cursor: pointer;\r\n }\r\n .unanswered-highlight {\r\n background-color: #FFF2E5;\r\n border-left: 4px solid #E6A12C;\r\n }\r\n\r\n \/* \u63d0\u4ea4\u6309\u94ae\u533a\u57df *\/\r\n .action-area {\r\n margin-top: 2.5rem;\r\n text-align: center;\r\n }\r\n .btn-submit {\r\n background: #E6A12C; \/* \u4e3b\u8272 *\/\r\n color: white;\r\n border: none;\r\n padding: 0.9rem 2.8rem;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n border-radius: 60px;\r\n cursor: pointer;\r\n box-shadow: 0 4px 8px rgba(0,0,0,0.05);\r\n transition: 0.2s;\r\n font-family: inherit;\r\n }\r\n .btn-submit:hover {\r\n background: #C17E0A; \/* hover\u4e3b\u8272\u53d8\u6df1 *\/\r\n transform: scale(1.01);\r\n box-shadow: 0 10px 20px -8px rgba(230, 161, 44, 0.3);\r\n }\r\n .reset-link {\r\n margin-left: 1rem;\r\n background: none;\r\n border: none;\r\n color: #868686;\r\n text-decoration: underline;\r\n cursor: pointer;\r\n font-size: 0.9rem;\r\n transition: color 0.2s;\r\n }\r\n .reset-link:hover {\r\n color: #E6A12C;\r\n }\r\n\r\n \/* \u7ed3\u679c\u62a5\u544a\u533a\u57df *\/\r\n .results-section {\r\n margin-top: 3rem;\r\n background: #FFFFFF;\r\n border-radius: 40px;\r\n padding: 1.8rem 2rem;\r\n border: 1px solid #F0E5D8;\r\n transition: all 0.2s;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.02);\r\n }\r\n .results-title {\r\n font-size: 1.5rem;\r\n font-weight: 600;\r\n color: #2D3142;\r\n margin-bottom: 1rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n .results-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 1.5rem;\r\n margin: 1.5rem 0;\r\n }\r\n .result-card {\r\n background: #FEFCF8;\r\n border-radius: 24px;\r\n padding: 1rem 1.2rem;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.02);\r\n border: 1px solid #F0E5D8;\r\n transition: all 0.2s;\r\n }\r\n .result-card:hover {\r\n border-color: #E6A12C40;\r\n }\r\n .result-dim-name {\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n display: flex;\r\n justify-content: space-between;\r\n margin-bottom: 10px;\r\n color: #2D3142;\r\n }\r\n .progress-bar-bg {\r\n background: #F0E5D8;\r\n border-radius: 20px;\r\n height: 10px;\r\n overflow: hidden;\r\n margin: 12px 0;\r\n }\r\n .progress-fill {\r\n background: #61CE70; \/* \u6458\u8981\u8272\uff0c\u5065\u5eb7\u79ef\u6781 *\/\r\n width: 0%;\r\n height: 100%;\r\n border-radius: 20px;\r\n transition: width 0.4s ease;\r\n }\r\n .score-text {\r\n font-size: 0.85rem;\r\n color: #868686;\r\n margin-top: 6px;\r\n }\r\n .suggestion-text {\r\n font-size: 0.85rem;\r\n margin-top: 12px;\r\n padding-top: 8px;\r\n border-top: 1px solid #F0E5D8;\r\n color: #4A4A4A;\r\n }\r\n .overall-message {\r\n background: #F8EDE3; \/* \u8f85\u52a9\u82722 *\/\r\n border-radius: 24px;\r\n padding: 1rem 1.5rem;\r\n margin-top: 1.5rem;\r\n text-align: center;\r\n font-weight: 500;\r\n color: #2D3142;\r\n }\r\n .overall-message a {\r\n color: #E6A12C;\r\n text-decoration: none;\r\n font-weight: 600;\r\n border-bottom: 1px solid transparent;\r\n transition: 0.2s;\r\n }\r\n .overall-message a:hover {\r\n color: #C17E0A;\r\n border-bottom-color: #C17E0A;\r\n }\r\n .footer-note {\r\n text-align: center;\r\n font-size: 0.75rem;\r\n color: #b1aa99;\r\n margin-top: 2rem;\r\n }\r\n hr {\r\n border: none;\r\n border-top: 1px solid #F0E5D8;\r\n }\r\n\r\n @media (max-width: 700px) {\r\n .self-assessment-container {\r\n padding: 0 1rem 2rem;\r\n margin: 1rem auto;\r\n }\r\n .questions-list {\r\n padding: 1rem;\r\n }\r\n .card-header {\r\n padding: 0.8rem 1.2rem;\r\n }\r\n .question-item {\r\n padding: 0.7rem 0.9rem;\r\n }\r\n .options label {\r\n padding: 0.2rem 0.8rem;\r\n font-size: 0.85rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <main>\r\n <div class=\"self-assessment-container\">\r\n <div class=\"page-header\">\r\n <h1>\ud83c\udf31 \u5168\u4eba\u5065\u5eb7\u81ea\u8bc4\u95ee\u5377<\/h1>\r\n <div class=\"subhead\">\u57fa\u4e8e Bill Hettler \u535a\u58eb\u516d\u7ef4\u5ea6\u6a21\u578b \u00b7 \u63a2\u7d22\u751f\u547d\u5e73\u8861\u4e0e\u4e30\u76db<\/div>\r\n <p>\u8bf7\u6839\u636e\u60a8\u6700\u8fd1\u4e00\u4e2a\u6708\u771f\u5b9e\u72b6\u51b5\u56de\u7b54\u6bcf\u4e2a\u95ee\u9898\u3002\u7b54\u6848\u65e0\u5bf9\u9519\uff0c\u65e8\u5728\u5e2e\u52a9\u60a8\u89c9\u5bdf\u5404\u7ef4\u5ea6\u5065\u5eb7\u7a0b\u5ea6\uff0c\u5e76\u6709\u610f\u8bc6\u9009\u62e9\u66f4\u79ef\u6781\u7684\u751f\u6d3b\u65b9\u5f0f\u3002<\/p>\r\n <\/div>\r\n\r\n <!-- \u95ee\u5377\u52a8\u6001\u6e32\u67d3\u533a\u57df -->\r\n <div id=\"dimensionsRoot\" class=\"dimensions-grid\"><\/div>\r\n\r\n <div class=\"action-area\">\r\n <button class=\"btn-submit\" id=\"submitAssessment\">\u2728 \u751f\u6210\u5168\u4eba\u5065\u5eb7\u62a5\u544a<\/button>\r\n <button class=\"reset-link\" id=\"resetAllBtn\">\u6e05\u7a7a\u6240\u6709\u7b54\u6848<\/button>\r\n <\/div>\r\n\r\n <!-- \u7ed3\u679c\u5c55\u793a\u9762\u677f -->\r\n <div id=\"resultPanel\" class=\"results-section\" style=\"display: none;\"><\/div>\r\n <div class=\"footer-note\">* \u672c\u81ea\u8bc4\u4ec5\u4f9b\u53c2\u8003\uff0c\u9f13\u52b1\u60a8\u4e0e\u4e13\u4e1a\u54a8\u8be2\u5e08\u6df1\u5ea6\u63a2\u8ba8\uff0c\u8fc8\u5411\u66f4\u6574\u5408\u7684\u5065\u5eb7\u65c5\u7a0b\u3002<\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n <script>\r\n \/\/ ----- \u516d\u7ef4\u5ea6\u6570\u636e\u5b9a\u4e49 (\u4f9d\u636e\u7528\u6237\u63d0\u4f9b\u7684\u81ea\u6211\u8bc4\u4f30) -----\r\n const dimensionsData = [\r\n {\r\n id: \"physical\",\r\n name: \"\u8eab\u4f53\u5065\u5eb7\",\r\n badge: \"\u8eaf\u4f53\u6d3b\u529b\",\r\n desc: \"\u79ef\u6781\u7ef4\u6301\u8eab\u4f53\u673a\u80fd\uff0c\u8bc6\u522b\u4e0d\u826f\u4e60\u60ef\uff0c\u4e3b\u52a8\u8c03\u6574\u4f5c\u606f\u4e0e\u8fd0\u52a8\u3002\",\r\n questions: [\r\n \"\u6211\u662f\u5426\u6bcf\u5929\u8fd0\u52a830\u5206\u949f\uff1f\",\r\n \"\u6211\u662f\u5426\u5403\u4e0e\u6211\u8fd0\u52a8\u91cf\u76f8\u7b49\u7684\u591a\u79cd\u5065\u5eb7\u98df\u54c1\uff1f\",\r\n \"\u6211\u662f\u5426\u6709\u5145\u8db3\u7684\u7761\u7720\uff1f\",\r\n \"\u6211\u662f\u5426\u80fd\u6ce8\u610f\u5230\u75be\u75c5\u7684\u5f81\u5146\u5e76\u80fd\u5728\u9700\u8981\u65f6\u79ef\u6781\u5730\u5c31\u533b\uff1f\",\r\n \"\u6211\u662f\u5426\u91c7\u53d6\u5fc5\u8981\u7684\u4fdd\u62a4\u63aa\u65bd\u4ee5\u51cf\u5c11\u5065\u5eb7\u98ce\u9669\uff1f\",\r\n \"\u6211\u662f\u5426\u77e5\u9053\u91cd\u8981\u7684\u5065\u5eb7\u6570\u5b57\uff0c\u50cf\u80c6\u56fa\u9187\u3001\u4f53\u91cd\u3001\u8840\u538b\u3001\u8840\u7cd6\u7b49\uff1f\",\r\n \"\u6211\u662f\u5426\u6bcf\u5e74\u4f53\u68c0\uff1f\",\r\n \"\u6211\u662f\u5426\u907f\u514d\u4f7f\u7528\u70df\u8349\u5236\u54c1\uff1f\"\r\n ]\r\n },\r\n {\r\n id: \"social\",\r\n name: \"\u793e\u4f1a\u5065\u5eb7\",\r\n badge: \"\u5173\u7cfb\u00b7\u793e\u7fa4\",\r\n desc: \"\u5efa\u7acb\u6709\u610f\u4e49\u7684\u5173\u7cfb\uff0c\u4e0e\u4ed6\u4eba\u53ca\u81ea\u7136\u548c\u8c10\u5171\u5904\uff0c\u8d21\u732e\u793e\u7fa4\u3002\",\r\n questions: [\r\n \"\u6211\u662f\u5426\u8ba1\u5212\u5206\u522b\u4e00\u4e9b\u4e0e\u5bb6\u4eba\u670b\u53cb\u7684\u65f6\u95f4\uff1f\",\r\n \"\u6211\u662f\u5426\u4eab\u53d7\u4e0e\u4ed6\u4eba\u4e00\u8d77\u7684\u65f6\u95f4\uff1f\",\r\n \"\u6211\u4e0e\u4ed6\u4eba\u7684\u5173\u7cfb\u662f\u5426\u79ef\u6781\u6709\u610f\u4e49\uff1f\",\r\n \"\u5f53\u6211\u4e0e\u4e0d\u540c\u6587\u5316\u3001\u4e0d\u540c\u80cc\u666f\u3001\u4e0d\u540c\u4fe1\u4ef0\u7684\u4eba\u6765\u5f80\u65f6\uff0c\u6211\u662f\u5426\u4f1a\u79ef\u6781\u5730\u53bb\u4e86\u89e3\u63a2\u7d22\u5bf9\u65b9\u7684\u6587\u5316\u3001\u80cc\u666f\u3001\u548c\u4fe1\u4ef0\uff1f\",\r\n \"\u6211\u662f\u5426\u5fd7\u613f\u82b1\u4e00\u4e9b\u65f6\u95f4\u5728\u6709\u610f\u4e49\u7684\u516c\u76ca\u4e8b\u4e1a\u4e0a\uff1f\",\r\n \"\u6211\u662f\u5426\u5728\u4efb\u4f55\u65f6\u5019\u90fd\u4e86\u89e3\u6211\u5468\u56f4\u7684\u4e00\u5207\uff1f\",\r\n \"\u6211\u662f\u5426\u6709\u56de\u6536\u7684\u4e60\u60ef\uff1f\"\r\n ]\r\n },\r\n {\r\n id: \"emotional\",\r\n name: \"\u60c5\u7eea\u5065\u5eb7\",\r\n badge: \"\u5185\u5728\u89c9\u5bdf\",\r\n desc: \"\u8ba4\u8bc6\u771f\u5b9e\u81ea\u6211\uff0c\u6709\u6548\u7ba1\u7406\u60c5\u7eea\uff0c\u63a5\u7eb3\u5e76\u53d1\u5c55\u60c5\u5546\u3002\",\r\n questions: [\r\n \"\u6211\u662f\u5426\u6709\u5065\u5eb7\u7684\u51cf\u538b\u65b9\u5f0f\uff1f\",\r\n \"\u6211\u662f\u5426\u80fd\u5e73\u8861\u5404\u65b9\u9762\u7684\u89d2\u8272\u548c\u8d23\u4efb\uff1f\",\r\n \"\u6211\u662f\u5426\u80fd\u6784\u5efa\u9ad8\u6548\u7684\u89e3\u51b3\u65b9\u6848\uff1f\"\r\n ]\r\n },\r\n {\r\n id: \"spiritual\",\r\n name: \"\u5fc3\u7075\u5065\u5eb7\",\r\n badge: \"\u610f\u4e49\u4e0e\u4ef7\u503c\",\r\n desc: \"\u751f\u547d\u6709\u76ee\u7684\u3001\u6709\u4ef7\u503c\u89c2\uff0c\u884c\u4e3a\u4e0e\u4fe1\u4ef0\u4e00\u81f4\uff0c\u5fc3\u6000\u611f\u6069\u4e0e\u548c\u5e73\u3002\",\r\n questions: [\r\n \"\u6211\u6240\u505a\u7684\u6bcf\u4e2a\u51b3\u5b9a\u662f\u5426\u6309\u7740\u81ea\u5df1\u76f8\u4fe1\u7684\u539f\u5219\u548c\u4ef7\u503c\u89c2\uff1f\",\r\n \"\u6211\u7684\u751f\u6d3b\u662f\u5426\u6709\u610f\u4e49\u3001\u6709\u65b9\u5411\u3001\u6709\u76ee\u7684\uff1f\",\r\n \"\u6211\u662f\u5426\u80fd\u6309\u7740\u672c\u76f8\u6765\u63a5\u53d7\u81ea\u5df2\u548c\u4ed6\u4eba\uff1f\"\r\n ]\r\n },\r\n {\r\n id: \"intellectual\",\r\n name: \"\u667a\u529b\u5065\u5eb7\",\r\n badge: \"\u7ec8\u8eab\u5b66\u4e60\",\r\n desc: \"\u6e34\u6155\u65b0\u77e5\uff0c\u53d1\u5c55\u5929\u8d4b\uff0c\u5f00\u653e\u5fc3\u6001\u4e0e\u521b\u610f\u601d\u8003\u3002\",\r\n questions: [\r\n \"\u6211\u662f\u5426\u4e50\u610f\u63a5\u53d7\u65b0\u601d\u60f3\uff0c\u65b0\u6982\u5ff5\uff0c\u548c\u65b0\u89c2\u70b9\uff1f\",\r\n \"\u6211\u662f\u5426\u4e50\u610f\u901a\u8fc7\u5b66\u4e60\u65b0\u6280\u80fd\u6765\u79ef\u6781\u5730\u5bfb\u6c42\u4e2a\u4eba\u6210\u957f\uff1f\",\r\n \"\u6211\u662f\u5426\u4e3b\u52a8\u641c\u7d22\u6709\u6548\u7684\u4fe1\u606f\u6765\u4e30\u5bcc\u81ea\u5df1\u7684\u89c1\u8bc6\uff1f\",\r\n \"\u6211\u662f\u5426\u79ef\u6781\u5730\u5bfb\u6c42\u7ec8\u8eab\u5b66\u4e60\u7684\u673a\u4f1a\u548c\u6709\u5229\u4e8e\u5927\u8111\u3001\u5fc3\u7406\u5065\u5eb7\u7684\u6d3b\u52a8\uff1f\",\r\n \"\u6211\u662f\u5426\u79ef\u6781\u5730\u5bfb\u6c42\u521b\u65b0\uff1f\"\r\n ]\r\n },\r\n {\r\n id: \"occupational\",\r\n name: \"\u804c\u4e1a\u5065\u5eb7\",\r\n badge: \"\u4ef7\u503c\u5b9e\u73b0\",\r\n desc: \"\u900f\u8fc7\u5de5\u4f5c\u8868\u8fbe\u4e2a\u4eba\u4ef7\u503c\uff0c\u5e73\u8861\u751f\u6d3b\u4e0e\u804c\u4e1a\uff0c\u5efa\u7acb\u7ecf\u6d4e\u4fdd\u969c\u3002\",\r\n questions: [\r\n \"\u5927\u591a\u6570\u60c5\u51b5\u4e0b\uff0c\u6211\u662f\u5426\u559c\u7231\u4e0a\u73ed\uff1f\",\r\n \"\u6211\u7684\u5de5\u4f5c\u91cf\u662f\u5426\u53ef\u4ee5\u88ab\u7ba1\u7406\uff1f\",\r\n \"\u5f53\u95ee\u9898\u51fa\u73b0\u7684\u65f6\u5019\uff0c\u6211\u662f\u5426\u53ef\u4ee5\u8ddf\u4e0a\u53f8\u6216\u540c\u4e8b\u4ea4\u6d41\uff1f\",\r\n \"\u6211\u662f\u5426\u6bcf\u6708\u63d0\u524d\u8ba1\u5212\u597d\u81ea\u5df1\u7684\u9884\u7b97\uff1f\",\r\n \"\u6211\u662f\u5426\u4f1a\u4fdd\u7ba1\u597d\u8d22\u52a1\u8bb0\u5f55\uff1f\",\r\n \"\u6211\u662f\u5426\u4e00\u76f4\u81f4\u529b\u4e8e\u7d27\u6025\u50a8\u84c4\uff0c\u5373\u4f7f\u53ea\u6709\u5c11\u91cf\u7684\uff1f\"\r\n ]\r\n }\r\n ];\r\n\r\n \/\/ \u5b58\u50a8\u6bcf\u4e2a\u95ee\u9898\u5bf9\u5e94\u7684\u7b54\u6848\u72b6\u6001\uff08true=\u662f\/1\u5206\uff0cfalse=\u5426\/0\u5206\uff0cnull=\u672a\u7b54\uff09\r\n let answerState = {};\r\n\r\n \/\/ \u6e32\u67d3\u6240\u6709\u95ee\u9898\r\n function renderAssessment() {\r\n const root = document.getElementById('dimensionsRoot');\r\n if (!root) return;\r\n root.innerHTML = '';\r\n dimensionsData.forEach((dim, dimIdx) => {\r\n const card = document.createElement('div');\r\n card.className = 'card';\r\n card.dataset.dimId = dim.id;\r\n\r\n const headerDiv = document.createElement('div');\r\n headerDiv.className = 'card-header';\r\n headerDiv.innerHTML = `\r\n <h2>${dim.name}<\/h2>\r\n <span class=\"dimension-badge\">${dim.badge}<\/span>\r\n `;\r\n card.appendChild(headerDiv);\r\n \r\n const descDiv = document.createElement('div');\r\n descDiv.className = 'dimension-desc';\r\n descDiv.innerText = dim.desc;\r\n card.appendChild(descDiv);\r\n\r\n const questionsContainer = document.createElement('div');\r\n questionsContainer.className = 'questions-list';\r\n \r\n dim.questions.forEach((qText, qIdx) => {\r\n const qDiv = document.createElement('div');\r\n qDiv.className = 'question-item';\r\n qDiv.dataset.dim = dim.id;\r\n qDiv.dataset.qidx = qIdx;\r\n const stateKey = `${dim.id}_${qIdx}`;\r\n \r\n const questionTextSpan = document.createElement('div');\r\n questionTextSpan.className = 'question-text';\r\n questionTextSpan.innerText = qText;\r\n \r\n const optionsDiv = document.createElement('div');\r\n optionsDiv.className = 'options';\r\n const yesId = `opt_${stateKey}_yes`;\r\n const noId = `opt_${stateKey}_no`;\r\n optionsDiv.innerHTML = `\r\n <label for=\"${yesId}\">\r\n <input type=\"radio\" name=\"${stateKey}\" value=\"yes\" id=\"${yesId}\"> \u662f\r\n <\/label>\r\n <label for=\"${noId}\">\r\n <input type=\"radio\" name=\"${stateKey}\" value=\"no\" id=\"${noId}\"> \u5426\r\n <\/label>\r\n `;\r\n qDiv.appendChild(questionTextSpan);\r\n qDiv.appendChild(optionsDiv);\r\n \r\n const radioYes = optionsDiv.querySelector(`input[value=\"yes\"]`);\r\n const radioNo = optionsDiv.querySelector(`input[value=\"no\"]`);\r\n const updateState = () => {\r\n if (radioYes.checked) {\r\n answerState[stateKey] = true;\r\n qDiv.classList.remove('unanswered-highlight');\r\n } else if (radioNo.checked) {\r\n answerState[stateKey] = false;\r\n qDiv.classList.remove('unanswered-highlight');\r\n } else {\r\n answerState[stateKey] = null;\r\n }\r\n };\r\n radioYes.addEventListener('change', updateState);\r\n radioNo.addEventListener('change', updateState);\r\n \r\n if (answerState.hasOwnProperty(stateKey)) {\r\n const val = answerState[stateKey];\r\n if (val === true) radioYes.checked = true;\r\n else if (val === false) radioNo.checked = true;\r\n if (val !== null) qDiv.classList.remove('unanswered-highlight');\r\n } else {\r\n answerState[stateKey] = null;\r\n }\r\n \r\n questionsContainer.appendChild(qDiv);\r\n });\r\n card.appendChild(questionsContainer);\r\n root.appendChild(card);\r\n });\r\n }\r\n\r\n \/\/ \u9ad8\u4eae\u672a\u56de\u7b54\u7684\u95ee\u9898\u5e76\u8fd4\u56de\u672a\u56de\u7b54\u5217\u8868\r\n function highlightUnanswered() {\r\n let unansweredList = [];\r\n dimensionsData.forEach(dim => {\r\n dim.questions.forEach((_, qIdx) => {\r\n const key = `${dim.id}_${qIdx}`;\r\n if (answerState[key] === null || answerState[key] === undefined) {\r\n unansweredList.push({ dim: dim.name, qIdx, key, dimId: dim.id });\r\n const qDiv = document.querySelector(`.question-item[data-dim=\"${dim.id}\"][data-qidx=\"${qIdx}\"]`);\r\n if (qDiv && !qDiv.classList.contains('unanswered-highlight')) {\r\n qDiv.classList.add('unanswered-highlight');\r\n }\r\n } else {\r\n const qDiv = document.querySelector(`.question-item[data-dim=\"${dim.id}\"][data-qidx=\"${qIdx}\"]`);\r\n if (qDiv) qDiv.classList.remove('unanswered-highlight');\r\n }\r\n });\r\n });\r\n return unansweredList;\r\n }\r\n\r\n \/\/ \u8ba1\u7b97\u6bcf\u4e2a\u7ef4\u5ea6\u7684\u5f97\u5206\r\n function computeScores() {\r\n const scores = [];\r\n for (let dim of dimensionsData) {\r\n let totalPossible = dim.questions.length;\r\n let obtained = 0;\r\n let answeredCount = 0;\r\n for (let i = 0; i < dim.questions.length; i++) {\r\n const key = `${dim.id}_${i}`;\r\n const val = answerState[key];\r\n if (val !== null && val !== undefined) {\r\n answeredCount++;\r\n if (val === true) obtained += 1;\r\n }\r\n }\r\n let percent = totalPossible === 0 ? 0 : (obtained \/ totalPossible) * 100;\r\n scores.push({\r\n id: dim.id,\r\n name: dim.name,\r\n obtained: obtained,\r\n total: totalPossible,\r\n percent: Math.round(percent),\r\n answeredCount: answeredCount,\r\n questionsCount: totalPossible\r\n });\r\n }\r\n return scores;\r\n }\r\n\r\n \/\/ \u751f\u6210\u9488\u5bf9\u6bcf\u4e2a\u7ef4\u5ea6\u7684\u5efa\u8bae\u6587\u6848\r\n function getSuggestion(dimId, percent, obtained, total) {\r\n const p = percent;\r\n if (dimId === 'physical') {\r\n if (p < 40) return \"\ud83c\udf3f \u8eab\u4f53\u6d3b\u529b\u5f85\u63d0\u5347\uff0c\u53ef\u4ece\u6bcf\u65e5\u77ed\u65f6\u6b65\u884c\u3001\u89c4\u5f8b\u7761\u7720\u5f00\u59cb\uff0c\u9010\u6b65\u5efa\u7acb\u5065\u5eb7\u4e60\u60ef\u3002\";\r\n if (p < 70) return \"\ud83d\udcaa \u60a8\u6709\u4e00\u5b9a\u5065\u5eb7\u610f\u8bc6\uff0c\u5efa\u8bae\u52a0\u5f3a\u4f53\u68c0\u8ffd\u8e2a\u3001\u529b\u91cf\u8bad\u7ec3\u6216\u8c03\u6574\u996e\u98df\u5747\u8861\u6027\u3002\";\r\n return \"\ud83c\udfc6 \u826f\u597d\u7684\u8eaf\u4f53\u7167\u62a4\uff01\u7ee7\u7eed\u4fdd\u6301\u79ef\u6781\u8fd0\u52a8\u4e0e\u9884\u9632\u6027\u5065\u5eb7\u68c0\u67e5\u3002\";\r\n }\r\n if (dimId === 'social') {\r\n if (p < 40) return \"\ud83e\udd1d \u9002\u5ea6\u589e\u52a0\u793e\u7fa4\u8fde\u63a5\uff0c\u5c1d\u8bd5\u53c2\u4e0e\u5fd7\u613f\u6d3b\u52a8\u6216\u5b9a\u671f\u8054\u7edc\u4eb2\u53cb\uff0c\u6709\u76ca\u5f52\u5c5e\u611f\u3002\";\r\n if (p < 70) return \"\ud83c\udf1f \u5df2\u6709\u57fa\u7840\u793e\u4ea4\u652f\u6301\uff0c\u53ef\u6df1\u5316\u591a\u5143\u6587\u5316\u4ea4\u6d41\uff0c\u63d0\u5347\u5173\u7cfb\u8d28\u91cf\u3002\";\r\n return \"\ud83c\udf89 \u793e\u4f1a\u5065\u5eb7\u4e30\u76c8\uff01\u60a8\u7684\u4ed8\u51fa\u4e0e\u8fde\u63a5\u6b63\u521b\u9020\u6e29\u6696\u652f\u6301\u7f51\u7edc\u3002\";\r\n }\r\n if (dimId === 'emotional') {\r\n if (p < 40) return \"\ud83e\uddd8 \u60c5\u7eea\u8868\u8fbe\u4e0e\u538b\u529b\u7ba1\u7406\u503c\u5f97\u5173\u6ce8\uff0c\u53ef\u7ec3\u4e60\u6b63\u5ff5\u3001\u65e5\u8bb0\u6216\u5bfb\u6c42\u54a8\u8be2\u652f\u6301\u3002\";\r\n if (p < 70) return \"\ud83d\udc9b \u6709\u4e00\u5b9a\u60c5\u7eea\u8c03\u8282\u80fd\u529b\uff0c\u6301\u7eed\u57f9\u517b\u81ea\u6211\u63a5\u7eb3\u4e0e\u5065\u5eb7\u7684\u5e94\u5bf9\u673a\u5236\u3002\";\r\n return \"\ud83c\udf08 \u4f18\u79c0\u7684\u60c5\u7eea\u667a\u6167\uff01\u60a8\u80fd\u5e73\u8861\u89d2\u8272\u5e76\u6709\u6548\u5904\u7406\u6311\u6218\u3002\";\r\n }\r\n if (dimId === 'spiritual') {\r\n if (p < 40) return \"\ud83d\udd4a\ufe0f \u63a2\u7d22\u751f\u547d\u610f\u4e49\u4e0e\u4ef7\u503c\u89c2\u53ef\u5e26\u6765\u6df1\u5c42\u5b89\u5b9a\uff0c\u5c1d\u8bd5\u9759\u601d\u6216\u4ef7\u503c\u68b3\u7406\u3002\";\r\n if (p < 70) return \"\u2728 \u6b63\u9760\u8fd1\u5185\u5728\u4e00\u81f4\uff0c\u591a\u4e00\u4e9b\u4e0e\u81ea\u7136\u8fde\u63a5\u6216\u611f\u6069\u7ec3\u4e60\u4f1a\u66f4\u4e30\u76db\u3002\";\r\n return \"\ud83c\udf3b \u7075\u6027\u5065\u5eb7\u9971\u6ee1\uff0c\u60a8\u7684\u4fe1\u5ff5\u4e0e\u751f\u6d3b\u548c\u8c10\u5171\u632f\u3002\";\r\n }\r\n if (dimId === 'intellectual') {\r\n if (p < 40) return \"\ud83d\udcda \u667a\u529b\u5065\u5eb7\u53ef\u6fc0\u6d3b\uff1a\u53c2\u52a0\u8bfb\u4e66\u4f1a\u3001\u5b66\u4e60\u65b0\u6280\u80fd\u6216\u63a5\u53d7\u65b0\u9896\u89c2\u70b9\u3002\";\r\n if (p < 70) return \"\ud83e\udde0 \u6709\u597d\u5947\u5fc3\u7684\u840c\u82bd\uff0c\u9f13\u52b1\u6301\u7eed\u6295\u5165\u521b\u9020\u6027\u6d3b\u52a8\u6216\u7ec8\u8eab\u5b66\u4e60\u9879\u76ee\u3002\";\r\n return \"\ud83c\udfaf \u6c42\u77e5\u6b32\u65fa\u76db\uff01\u60a8\u7684\u5927\u8111\u6d3b\u8dc3\u4e14\u5f00\u653e\uff0c\u7ee7\u7eed\u5206\u4eab\u77e5\u8bc6\u5427\u3002\";\r\n }\r\n if (dimId === 'occupational') {\r\n if (p < 40) return \"\ud83d\udcca \u804c\u4e1a\u5065\u5eb7\u9700\u68b3\u7406\uff0c\u5ba1\u89c6\u5de5\u4f5c\u5e73\u8861\u3001\u8d22\u52a1\u89c4\u5212\u6216\u4e0e\u4e0a\u53f8\u6c9f\u901a\u7b56\u7565\u3002\";\r\n if (p < 70) return \"\u2696\ufe0f \u5de5\u4f5c\u751f\u6d3b\u6709\u57fa\u7840\u5e73\u8861\uff0c\u52a0\u5f3a\u9884\u7b97\u4e0e\u7d27\u6025\u50a8\u84c4\u4f1a\u66f4\u5b89\u5fc3\u3002\";\r\n return \"\ud83d\udcbc \u804c\u4e1a\u4ef7\u503c\u611f\u826f\u597d\uff01\u60a8\u7684\u4ed8\u51fa\u4e0e\u610f\u4e49\u5339\u914d\uff0c\u7ee7\u7eed\u7ef4\u62a4\u8fb9\u754c\u4e0e\u8d22\u52a1\u5065\u5eb7\u3002\";\r\n }\r\n return \"\u6301\u7eed\u5173\u6000\u81ea\u5df1\uff0c\u6bcf\u4e2a\u7ef4\u5ea6\u90fd\u503c\u5f97\u6210\u957f\u3002\";\r\n }\r\n\r\n \/\/ \u663e\u793a\u7ed3\u679c\u62a5\u544a\r\n function showReport() {\r\n let unanswered = highlightUnanswered();\r\n if (unanswered.length > 0) {\r\n const confirmMsg = `\u8fd8\u6709 ${unanswered.length} \u4e2a\u95ee\u9898\u672a\u56de\u7b54\uff08\u5df2\u9ad8\u4eae\u663e\u793a\uff09\u3002\\n\u672a\u56de\u7b54\u5c06\u89c6\u4e3a\u201c\u5426\u201d(0\u5206)\uff0c\u53ef\u80fd\u5f71\u54cd\u7ed3\u679c\u51c6\u786e\u6027\u3002\u662f\u5426\u7ee7\u7eed\u751f\u6210\u62a5\u544a\uff1f`;\r\n if (!confirm(confirmMsg)) {\r\n const firstUnanswered = document.querySelector('.question-item.unanswered-highlight');\r\n if (firstUnanswered) firstUnanswered.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n return;\r\n } else {\r\n for (let item of unanswered) {\r\n const key = item.key;\r\n if (answerState[key] === null) {\r\n answerState[key] = false;\r\n const radioNo = document.querySelector(`input[name=\"${key}\"][value=\"no\"]`);\r\n if (radioNo && !radioNo.checked) radioNo.checked = true;\r\n const qDiv = document.querySelector(`.question-item[data-dim=\"${item.dimId}\"][data-qidx=\"${item.qIdx}\"]`);\r\n if (qDiv) qDiv.classList.remove('unanswered-highlight');\r\n }\r\n }\r\n highlightUnanswered();\r\n }\r\n }\r\n \r\n const scores = computeScores();\r\n const resultPanel = document.getElementById('resultPanel');\r\n if (!resultPanel) return;\r\n \r\n let totalPercentSum = 0;\r\n scores.forEach(s => { totalPercentSum += s.percent; });\r\n const avgPercent = scores.length ? Math.round(totalPercentSum \/ scores.length) : 0;\r\n \r\n let overallMessage = \"\";\r\n if (avgPercent >= 80) overallMessage = \"\ud83c\udf89 \u60a8\u7684\u5168\u4eba\u5065\u5eb7\u6c34\u5e73\u975e\u5e38\u4f18\u79c0\uff01\u751f\u6d3b\u5e73\u8861\u800c\u4e30\u76db\uff0c\u7ee7\u7eed\u6709\u610f\u8bc6\u9009\u62e9\u79ef\u6781\u7684\u751f\u6d3b\u65b9\u5f0f\u3002\";\r\n else if (avgPercent >= 60) overallMessage = \"\ud83c\udf31 \u6574\u4f53\u5065\u5eb7\u826f\u597d\uff0c\u67d0\u4e9b\u7ef4\u5ea6\u4ecd\u6709\u6210\u957f\u7a7a\u95f4\uff0c\u5fae\u5c0f\u6539\u53d8\u5c06\u5e26\u6765\u8d28\u7684\u63d0\u5347\u3002\";\r\n else if (avgPercent >= 40) overallMessage = \"\ud83c\udf43 \u90e8\u5206\u7ef4\u5ea6\u9700\u8981\u5173\u6ce8\uff0c\u5584\u7267\u54a8\u8be2\u5e08\u53ef\u4ee5\u966a\u4f34\u60a8\u5236\u5b9a\u4e2a\u6027\u5316\u63d0\u5347\u8ba1\u5212\u3002\";\r\n else overallMessage = \"\ud83d\udc9a \u60a8\u53ef\u80fd\u6b63\u5728\u7ecf\u5386\u6311\u6218\uff0c\u4e0d\u5fc5\u72ec\u81ea\u627f\u62c5\u3002\u4e13\u4e1a\u5fc3\u7406\u54a8\u8be2\u652f\u6301\u60a8\u9010\u6b65\u91cd\u5efa\u5e73\u8861\u3002\";\r\n \r\n let resultsHTML = `\r\n <div class=\"results-title\">\r\n \ud83d\udccb \u60a8\u7684\u5168\u4eba\u5065\u5eb7\u62a5\u544a\r\n <span style=\"font-size:0.8rem; background:#F8EDE3; padding:4px 12px; border-radius:30px; color:#2D3142;\">\u57fa\u4e8e\u516d\u7ef4\u5ea6\u6a21\u578b<\/span>\r\n <\/div>\r\n <div class=\"results-grid\">\r\n `;\r\n \r\n scores.forEach(score => {\r\n const suggestion = getSuggestion(score.id, score.percent, score.obtained, score.total);\r\n resultsHTML += `\r\n <div class=\"result-card\">\r\n <div class=\"result-dim-name\">\r\n <span>${score.name}<\/span>\r\n <span>${score.obtained}\/${score.total}<\/span>\r\n <\/div>\r\n <div class=\"progress-bar-bg\">\r\n <div class=\"progress-fill\" style=\"width: ${score.percent}%;\"><\/div>\r\n <\/div>\r\n <div class=\"score-text\">\u5065\u5eb7\u8bc4\u5206: ${score.percent}%<\/div>\r\n <div class=\"suggestion-text\">${suggestion}<\/div>\r\n <\/div>\r\n `;\r\n });\r\n \r\n resultsHTML += `\r\n <\/div>\r\n <div class=\"overall-message\">\r\n \ud83c\udf1f \u6574\u4f53\u5065\u5eb7\u6307\u6570: ${avgPercent}% <br> ${overallMessage}\r\n <div style=\"font-size:0.85rem; margin-top:10px;\">\u2728 \u5168\u4eba\u5065\u5eb7\u53d6\u51b3\u4e8e\u6211\u4eec\u6bcf\u65e5\u7684\u9009\u62e9\uff0c\u6709\u610f\u8bc6\u5730\u505a\u51fa\u6709\u76ca\u6539\u53d8\uff0c\u751f\u547d\u5c06\u66f4\u4e30\u6ee1\u3002<\/div>\r\n <div style=\"margin-top: 12px;\"><a href=\"#\">\ud83d\udcde \u9884\u7ea6\u4e13\u4e1a\u54a8\u8be2\uff0c\u83b7\u5f97\u6df1\u5ea6\u966a\u4f34\u4e0e\u6210\u957f<\/a><\/div>\r\n <\/div>\r\n `;\r\n \r\n resultPanel.innerHTML = resultsHTML;\r\n resultPanel.style.display = 'block';\r\n resultPanel.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n }\r\n \r\n \/\/ \u91cd\u7f6e\u6240\u6709\u7b54\u6848\r\n function resetAllAnswers() {\r\n if (confirm('\u786e\u5b9a\u6e05\u7a7a\u6240\u6709\u81ea\u8bc4\u7b54\u6848\u5417\uff1f')) {\r\n for (let dim of dimensionsData) {\r\n for (let i = 0; i < dim.questions.length; i++) {\r\n const key = `${dim.id}_${i}`;\r\n answerState[key] = null;\r\n const radios = document.querySelectorAll(`input[name=\"${key}\"]`);\r\n radios.forEach(radio => radio.checked = false);\r\n const qDiv = document.querySelector(`.question-item[data-dim=\"${dim.id}\"][data-qidx=\"${i}\"]`);\r\n if (qDiv) qDiv.classList.remove('unanswered-highlight');\r\n }\r\n }\r\n const resultPanel = document.getElementById('resultPanel');\r\n if (resultPanel) resultPanel.style.display = 'none';\r\n }\r\n }\r\n \r\n function bindGlobalEvents() {\r\n const submitBtn = document.getElementById('submitAssessment');\r\n if (submitBtn) submitBtn.addEventListener('click', showReport);\r\n const resetBtn = document.getElementById('resetAllBtn');\r\n if (resetBtn) resetBtn.addEventListener('click', resetAllAnswers);\r\n }\r\n \r\n renderAssessment();\r\n bindGlobalEvents();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u5168\u4eba\u5065\u5eb7\u81ea\u8bc4 | \u5584\u7267\u5fc3\u7406\u54a8\u8be2 \ud83c\udf31 \u5168\u4eba\u5065\u5eb7\u81ea\u8bc4\u95ee\u5377 \u57fa\u4e8e Bill Hettler \u535a\u58eb\u516d\u7ef4\u5ea6\u6a21\u578b \u00b7 \u63a2\u7d22 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2039","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.shanmu.wang\/en\/wp-json\/wp\/v2\/pages\/2039","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.shanmu.wang\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.shanmu.wang\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.shanmu.wang\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.shanmu.wang\/en\/wp-json\/wp\/v2\/comments?post=2039"}],"version-history":[{"count":6,"href":"https:\/\/www.shanmu.wang\/en\/wp-json\/wp\/v2\/pages\/2039\/revisions"}],"predecessor-version":[{"id":2045,"href":"https:\/\/www.shanmu.wang\/en\/wp-json\/wp\/v2\/pages\/2039\/revisions\/2045"}],"wp:attachment":[{"href":"https:\/\/www.shanmu.wang\/en\/wp-json\/wp\/v2\/media?parent=2039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}