{"id":2081,"date":"2024-07-22T08:33:27","date_gmt":"2024-07-22T08:33:27","guid":{"rendered":"https:\/\/icthk.org\/self-test\/"},"modified":"2024-09-30T13:03:26","modified_gmt":"2024-09-30T13:03:26","slug":"self-test","status":"publish","type":"page","link":"https:\/\/icthk.org\/cn\/self-test\/","title":{"rendered":"\u81ea\u6211\u6d4b\u9a8c"},"content":{"rendered":"\n<section block-name=\"icthk-banner\" class=\"icthk-banner default-class\">\n    <div class=\"relative icthk-banner-img\">\n        <img decoding=\"async\" src=\"https:\/\/icthk.org\/wp-content\/uploads\/2024\/07\/Frame-3-scaled-1.jpg\" alt=\"\u81ea\u6211\u6d4b\u9a8c\" class=\"uk-container-full\"  uk-img\/>\n        <div class=\"uk-container-full absolute w-full title-wrapper\">\n            <div class=\"container-md text-center\">\n                <h2>\n                    \u81ea\u6211\u6d4b\u9a8c                <\/h2>\n                <ul class=\"breadcrumbs-list-container\">\n                <nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">\u9996\u9801<\/span><\/p><\/nav>                    <!-- <li class=\"breadcrumb-list\"><a class=\"page-link\" href=\"https:\/\/icthk.org\/cn\/\">\u9996\u9875<\/a><\/li> -->\n                    \n                <\/ul>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\r\n<section block-name=\"icthk-self-assessment\" class=\"icthk-self-assessment\" x-data=\"self_assessment\">\r\n    <div class=\"icthk-self-assessment-container lg:bg-cover bg-contain\" data-src=\"https:\/\/icthk.org\/wp-content\/uploads\/2024\/07\/self-test-bg-scaled.jpg\" uk-img>\r\n    <div class=\"custom-bg\">\r\n        <div class=\"container mx-auto xl:py-[120px] md:py-20 py-16\">\r\n            <div class=\"container-sm\">\r\n                <div class=\"max-w-[1560px] mx-auto\">\r\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 items-center\">\r\n                        <div>\r\n                            <h2 class=\"heading2 text-darkPurple pb-5 title title-underline\">\r\n                                PHQ 9 \u95ee\u5377                             <\/h2>\r\n                            <div class=\"text-content-wrapper max-w-[552px]\">\r\n                                <p class=\"text-18 text-darkPurple leading-[150%]\">\r\n                                    <p>\u75c5\u4eba\u5065\u5eb7\u72b6\u51b5\u95ee\u5377-9 \u662f\u4e00\u4efd\u7b5b\u67e5\u5fe7\u90c1\u75c7\u7684\u60c5\u7eea\u91cf\u8868\uff0c\u52a9\u4f60\u4e86\u89e3\u81ea\u5df1\uff0c\u5bb6\u4eba\u6216\u4eb2\u53cb\u6700\u8fd1\u7684\u60c5\u7eea\u5065\u5eb7\u72b6\u6001\u3002 \uff08by Drs. Robert L. Spitzer, Janet BW Williams, Kurt Kroenke\uff09<\/p>\n                                <\/p>\r\n                            <\/div>\r\n                            <div class=\"icthk-btn start\">\r\n                                <a class=\"btn-primary\" @click=\"handleStartClick\">\u5f00\u59cb\u6d4b\u8bd5<img decoding=\"async\" src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/btn-arrow.svg\" alt=\"arrow\"\/><\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n    <script>\r\n    document.addEventListener('alpine:init', () => {\r\n        const containerEl = document.querySelector(\r\n            '[x-data=\"self_assessment\"] .icthk-self-assessment-container');\r\n        const containerElClass = containerEl.className;\r\n\r\n        Alpine.data('self_assessment', (test) => ({\r\n            handleStartClick: function() {\r\n\r\n\r\n                const template = `    <div class=\"lg:pt-[80px] pb-[80px] assessment-step-bg\">\r\n        <div class=\"container mx-auto\">\r\n            <div class=\"container-sm\">\r\n                <div class=\"max-w-[1140px] mx-auto\">\r\n                    <div class=\"question-title flex-wrap\">\r\n                        <h4 class=\"title title-underline mr-10 my-1\">\u5065\u5eb7\u95ee\u5377\u6d4b\u9a8c<\/h4>\r\n                        <span class=\"pb-[18px]\">(by Drs. Robert L. Spitzer, Janet BW Williams, Kurt Kroenke)<\/span>\r\n                    <\/div>\r\n                    <div class=\"author question-title\">\r\n                        <span class=\"pt-[10px]\"> \u5728\u8fc7\u53bb\u4e24\u4e2a\u661f\u671f\uff0c\u4f60\u6709\u591a\u7ecf\u5e38\u53d7\u4ee5\u4e0b\u95ee\u9898\u56f0\u6270\uff1f<\/span>\r\n                    <\/div>\r\n                    <div class=\"flex gap-x-2 justify-center items-center md:py-20 py-10  steps\">\r\n                        <!-- <p class=\"w-[50px] h-[50px] flex justify-center items-center rounded-[25px] border-[3px] bg-[#D1D1EB] border-[#6562CF] text-21 text-mainPurple leading-normal\" x-text=\"currentStep + 1\">\r\n                            1\r\n                        <\/p> -->\r\n                        <p class=\"text-18 text-mainPurple leading-normal step-custom-scroll\">\r\n                            <template x-for=\"(step, index) in steps.length\" :key=\"index\">\r\n                                <p :class=\"{ 'current-step': (currentStep + 1 == index+1), 'previous-step': (currentStep + 1 > index+1) } \" class=\"flex flex-row-reverse items-center gap-[8px]\">\r\n                                    <span class=\"progress\"><\/span>\r\n                                    <span x-text=\"step\" class=\"step min-w-[50px] w-[50px] min-h-[50px] h-[50px] flex justify-center items-center text-21 rounded-[25px] bg-[#D1D1EB] border-[#6562CF] border-[3px]  opacity-50 \">1<\/span>\r\n                                <\/p>\r\n                            <\/template>\r\n                            <span class=\"step min-w-[50px] w-[50px] min-h-[50px] h-[50px] flex justify-center items-center text-21 rounded-[25px] bg-[#D1D1EB] opacity-50 \"><img decoding=\"async\" src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/check-step.svg\"><\/span>\r\n                        <\/p>\r\n                    <\/div>\r\n                    <div class=\"mx-auto img-quiz-wrapper\">\r\n                        <div class=\"image-side\" x-data=\"{ imageUrl: steps[currentStep].image }\">\r\n                            <img :src=\"imageUrl\" class=\"max-w-full\">\r\n                        <\/div>\r\n                        <div class=\"quiz-side\">\r\n                            <h6 class=\"heading4 text-darkPurple\" x-text=\"steps[currentStep].question\">\r\n                                Title\r\n                            <\/h6>\r\n                            <template x-for=\"answer in steps[currentStep].answers\" :key=\"answer.answer\">\r\n                                <label>\r\n                                    <input\r\n                                        type=\"radio\"\r\n                                        name=\"answer.answer\"\r\n                                        class=\"px-5 py-2.5 text-18 text-darkPurple leading-[150%] w-full hover:bg-[#EEDEEC] transition-bg ease-out duration-200 mb-[17px]\"\r\n                                        :class=\"values[currentStep] == answer.mark ? 'active' : ''\"\r\n                                        @click=\"selectValue\"\r\n                                        :data-value=\"answer.mark\"\r\n                                        :data-step=\"currentStep\">\r\n                                    <span x-text=\"answer.answer\"><\/span>\r\n                                <\/label>\r\n                            <\/template>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"flex justify-center pt-10 gap-[20px]\">\r\n                        <button href=\"\" class=\"flex gap-x-5 items-center group\" @click=\"prevStep\">\r\n                            <div class=\"icthk-btn prev\">\r\n                                <a class=\"btn-primary\">\u4e0a\u4e00\u9898<\/a>\r\n                            <\/div>\r\n                        <\/button>\r\n                        <button class=\"flex gap-x-5 items-center group\" @click=\"nextStep\">\r\n                            <div class=\"icthk-btn next\">\r\n                                <a class=\"btn-primary\">\u4e0b\u4e00\u9898<\/a>\r\n                            <\/div>\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n`;\r\n\r\n                Alpine.morph(containerEl, `\r\n                        <div class='${containerElClass}'>                                \r\n                            ${template}                                  \r\n                        <\/div>\r\n                    `, )\r\n            },\r\n            currentStep: 0,\r\n            steps: [{\"image\":\"https:\\\/\\\/icthk.org\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Rectangle-438-1.png\",\"question\":\"\\u505a\\u4efb\\u4f55\\u4e8b\\u90fd\\u89c9\\u5f97\\u6c89\\u95f7\\u6216\\u8005\\u6839\\u672c\\u4e0d\\u60f3\\u505a\\u4efb\\u4f55\\u4e8b\",\"answers\":[{\"answer\":\"\\u5b8c\\u5168\\u6ca1\\u6709\",\"mark\":\"0\"},{\"answer\":\"\\u51e0\\u5929\",\"mark\":\"1\"},{\"answer\":\"\\u8d85\\u8fc7\\u4e00\\u534a\\u6216\\u4ee5\\u4e0a\\u7684\\u5929\\u6570\",\"mark\":\"2\"},{\"answer\":\"\\u51e0\\u4e4e\\u6bcf\\u5929\",\"mark\":\"3\"}]},{\"image\":\"https:\\\/\\\/icthk.org\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Rectangle-438-3.png\",\"question\":\"\\u60c5\\u7eea\\u4f4e\\u843d\\u3001\\u6291\\u90c1\\u6216\\u7edd\\u671b\",\"answers\":[{\"answer\":\"\\u5b8c\\u5168\\u6ca1\\u6709\",\"mark\":\"0\"},{\"answer\":\"\\u51e0\\u5929\",\"mark\":\"1\"},{\"answer\":\"\\u8d85\\u8fc7\\u4e00\\u534a\\u6216\\u4ee5\\u4e0a\\u7684\\u5929\\u6570\",\"mark\":\"2\"},{\"answer\":\"\\u51e0\\u4e4e\\u6bcf\\u5929\",\"mark\":\"3\"}]},{\"image\":\"https:\\\/\\\/icthk.org\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Rectangle-438-4.png\",\"question\":\"\\u96be\\u4e8e\\u5165\\u7761\\uff1b\\u534a\\u591c\\u4f1a\\u9192\\u6216\\u76f8\\u53cd\\u5730\\u7761\\u89c9\\u65f6\\u95f4\\u8fc7\\u591a\",\"answers\":[{\"answer\":\"\\u5b8c\\u5168\\u6ca1\\u6709\",\"mark\":\"0\"},{\"answer\":\"\\u51e0\\u5929\",\"mark\":\"1\"},{\"answer\":\"\\u8d85\\u8fc7\\u4e00\\u534a\\u6216\\u4ee5\\u4e0a\\u7684\\u5929\\u6570\",\"mark\":\"2\"},{\"answer\":\"\\u51e0\\u4e4e\\u6bcf\\u5929\",\"mark\":\"3\"}]},{\"image\":\"https:\\\/\\\/icthk.org\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Rectangle-438-5.png\",\"question\":\"\\u89c9\\u5f97\\u75b2\\u5026\\u6216\\u6d3b\\u529b\\u4e0d\\u8db3\",\"answers\":[{\"answer\":\"\\u5b8c\\u5168\\u6ca1\\u6709\",\"mark\":\"0\"},{\"answer\":\"\\u51e0\\u5929\",\"mark\":\"1\"},{\"answer\":\"\\u8d85\\u8fc7\\u4e00\\u534a\\u6216\\u4ee5\\u4e0a\\u7684\\u5929\\u6570\",\"mark\":\"2\"},{\"answer\":\"\\u51e0\\u4e4e\\u6bcf\\u5929\",\"mark\":\"3\"}]},{\"image\":\"https:\\\/\\\/icthk.org\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Rectangle-438-6.png\",\"question\":\"\\u80c3\\u53e3\\u6781\\u5dee\\u6216\\u8fdb\\u98df\\u8fc7\\u91cf\",\"answers\":[{\"answer\":\"\\u5b8c\\u5168\\u6ca1\\u6709\",\"mark\":\"0\"},{\"answer\":\"\\u51e0\\u5929\",\"mark\":\"1\"},{\"answer\":\"\\u8d85\\u8fc7\\u4e00\\u534a\\u6216\\u4ee5\\u4e0a\\u7684\\u5929\\u6570\",\"mark\":\"2\"},{\"answer\":\"\\u51e0\\u4e4e\\u6bcf\\u5929\",\"mark\":\"3\"}]},{\"image\":\"https:\\\/\\\/icthk.org\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Rectangle-438-7.png\",\"question\":\"\\u4e0d\\u559c\\u6b22\\u81ea\\u5df1\\u2500\\u2500\\u89c9\\u5f97\\u81ea\\u5df1\\u505a\\u5f97\\u4e0d\\u597d\\u3001\\u5bf9\\u81ea\\u5df1\\u5931\\u671b\\u6216\\u6709\\u8d1f\\u5bb6\\u4eba\\u671f\\u671b\",\"answers\":[{\"answer\":\"\\u5b8c\\u5168\\u6ca1\\u6709\",\"mark\":\"0\"},{\"answer\":\"\\u51e0\\u5929\",\"mark\":\"1\"},{\"answer\":\"\\u8d85\\u8fc7\\u4e00\\u534a\\u6216\\u4ee5\\u4e0a\\u7684\\u5929\\u6570\",\"mark\":\"2\"},{\"answer\":\"\\u51e0\\u4e4e\\u6bcf\\u5929\",\"mark\":\"3\"}]},{\"image\":\"https:\\\/\\\/icthk.org\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Rectangle-438-8.png\",\"question\":\"\\u96be\\u4e8e\\u96c6\\u4e2d\\u7cbe\\u795e\\u505a\\u4e8b\\uff0c\\u4f8b\\u5982\\u505a\\u529f\\u8bfe\\u3001\\u770b\\u4e66\\u6216\\u770b\\u7535\\u89c6\",\"answers\":[{\"answer\":\"\\u5b8c\\u5168\\u6ca1\\u6709\",\"mark\":\"0\"},{\"answer\":\"\\u51e0\\u5929\",\"mark\":\"1\"},{\"answer\":\"\\u8d85\\u8fc7\\u4e00\\u534a\\u6216\\u4ee5\\u4e0a\\u7684\\u5929\\u6570\",\"mark\":\"2\"},{\"answer\":\"\\u51e0\\u4e4e\\u6bcf\\u5929\",\"mark\":\"3\"}]},{\"image\":\"https:\\\/\\\/icthk.org\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Rectangle-438-9.png\",\"question\":\"\\u5176\\u4ed6\\u4eba\\u53cd\\u6620\\u4f60\\u884c\\u52a8\\u6216\\u8bf4\\u8bdd\\u8fdf\\u7f13\\uff1b\\u6216\\u8005\\u76f8\\u53cd\\u5730\\uff0c\\u4f60\\u6bd4\\u5e73\\u5e38\\u6d3b\\u52a8\\u66f4\\u591a\\u2500\\u2500\\u5750\\u7acb\\u4e0d\\u5b89\\u3001\\u505c\\u4e0d\\u4e0b\\u6765\",\"answers\":[{\"answer\":\"\\u5b8c\\u5168\\u6ca1\\u6709\",\"mark\":\"0\"},{\"answer\":\"\\u51e0\\u5929\",\"mark\":\"1\"},{\"answer\":\"\\u8d85\\u8fc7\\u4e00\\u534a\\u6216\\u4ee5\\u4e0a\\u7684\\u5929\\u6570\",\"mark\":\"2\"},{\"answer\":\"\\u51e0\\u4e4e\\u6bcf\\u5929\",\"mark\":\"3\"}]},{\"image\":\"https:\\\/\\\/icthk.org\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Rectangle-438-10.png\",\"question\":\"\\u60f3\\u5230\\u81ea\\u5df1\\u6700\\u597d\\u53bb\\u6b7b\\u6216\\u8005\\u81ea\\u6b8b\",\"answers\":[{\"answer\":\"\\u5b8c\\u5168\\u6ca1\\u6709\",\"mark\":\"0\"},{\"answer\":\"\\u51e0\\u5929\",\"mark\":\"1\"},{\"answer\":\"\\u8d85\\u8fc7\\u4e00\\u534a\\u6216\\u4ee5\\u4e0a\\u7684\\u5929\\u6570\",\"mark\":\"2\"},{\"answer\":\"\\u51e0\\u4e4e\\u6bcf\\u5929\",\"mark\":\"3\"}]}],\r\n            values: [],\r\n            getValues: function() {\r\n                return Object.values(this.values).reduce((a, b) => Number(a) + Number(b));\r\n            },\r\n            selectValue: function() {\r\n                const currentEle = this.$el;\r\n                const step = currentEle.getAttribute('data-step');\r\n                const value = currentEle.getAttribute('data-value');\r\n\r\n                this.values[step] = value;\r\n            },\r\n            prevStep: function() {\r\n                const width=document.querySelector('.steps').clientWidth;\r\n                const scrolldiv=document.querySelector('.step-custom-scroll');\r\n                const active_div=document.querySelector('.current-step');\r\n                const left=active_div.getBoundingClientRect().left;\r\n                const active_width=active_div.getBoundingClientRect().width;\r\n                if(left<=width){\r\n                    scrolldiv.scrollLeft=left-active_width-20\r\n                }\r\n                if (this.currentStep === 0) {\r\n                    const template = `<div class=\"icthk-self-assessment-container lg:bg-cover bg-contain\" data-src=\"https:\/\/icthk.org\/wp-content\/uploads\/2024\/07\/self-test-bg-scaled.jpg\" uk-img>\r\n    <div class=\"custom-bg\">\r\n        <div class=\"container mx-auto xl:py-[120px] md:py-20 py-16\">\r\n            <div class=\"container-sm\">\r\n                <div class=\"max-w-[1560px] mx-auto\">\r\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 items-center\">\r\n                        <div>\r\n                            <h2 class=\"heading2 text-darkPurple pb-5 title title-underline\">\r\n                                PHQ 9 \u95ee\u5377                             <\/h2>\r\n                            <div class=\"text-content-wrapper max-w-[552px]\">\r\n                                <p class=\"text-18 text-darkPurple leading-[150%]\">\r\n                                    <p>\u75c5\u4eba\u5065\u5eb7\u72b6\u51b5\u95ee\u5377-9 \u662f\u4e00\u4efd\u7b5b\u67e5\u5fe7\u90c1\u75c7\u7684\u60c5\u7eea\u91cf\u8868\uff0c\u52a9\u4f60\u4e86\u89e3\u81ea\u5df1\uff0c\u5bb6\u4eba\u6216\u4eb2\u53cb\u6700\u8fd1\u7684\u60c5\u7eea\u5065\u5eb7\u72b6\u6001\u3002 \uff08by Drs. Robert L. Spitzer, Janet BW Williams, Kurt Kroenke\uff09<\/p>\n                                <\/p>\r\n                            <\/div>\r\n                            <div class=\"icthk-btn start\">\r\n                                <a class=\"btn-primary\" @click=\"handleStartClick\">\u5f00\u59cb\u6d4b\u8bd5<img decoding=\"async\" src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/btn-arrow.svg\" alt=\"arrow\"\/><\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>`;\r\n                    Alpine.morph(containerEl, `\r\n                            <div class='${containerElClass}'>                                \r\n                                ${template}                                  \r\n                            <\/div>\r\n                        `, )\r\n                    return;\r\n                }\r\n                this.currentStep--;\r\n            },\r\n            nextStep: function() {\r\n                const width=document.querySelector('.steps').clientWidth;\r\n                const scrolldiv=document.querySelector('.step-custom-scroll');\r\n                const active_div=document.querySelector('.current-step');\r\n                const left=active_div.getBoundingClientRect().left;\r\n                const active_width=active_div.getBoundingClientRect().width;\r\n                if(left>=width){\r\n                    scrolldiv.scrollLeft=left\r\n                }\r\n                if (!this.values[this.currentStep]) {\r\n                    return;\r\n                }\r\n\r\n                if (this.currentStep >= this.steps.length - 1) {\r\n                    const template = `    <section block-name=\"icthk-assessment-result\">\r\n        <div class=\"pt-[80px] pb-[80px] assessment-step-bg\">\r\n            <div class=\"container\">\r\n                <div class=\"container-sm\">\r\n                    <div class=\"max-w-[1140px] mx-auto\">\r\n                        <div class=\"flex gap-x-2 items-center lg:pb-[80px] pb-10\">\r\n                            <h4 class=\"title title-underline\">\u5065\u5eb7\u95ee\u5377\u6d4b\u9a8c<\/h4>\r\n                        <\/div>\r\n                        <div class=\"des-result\">\r\n                            <div class=\"des\">\r\n                                <div class=\"result-title\">\r\n                                    \u6d4b\u8bd5\u7ed3\u679c\uff1a                                    <template x-if=\"getValues() <= 4\">\r\n                                        <span class=\"text-[#4ECC84]\">\u6ca1\u6709\u6291\u90c1\u75c7\u72b6<\/span>\u3002\r\n                                    <\/template>\r\n                                    <template x-if=\"((5 <= getValues()) &#038;&#038; (getValues() <= 9))\">\r\n                                        <span class=\"text-[#ECCB01]\">\u8f7b\u5ea6\u6291\u90c1\u75c7\u72b6<\/span>\u3002\r\n                                    <\/template>\r\n                                    <template x-if=\"((10 <= getValues()) &#038;&#038; (getValues() <= 14))\">\r\n                                        <span class=\"text-[#F6951A]\">\u4e2d\u5ea6\u6291\u90c1\u75c7\u72b6<\/span>\u3002\r\n                                    <\/template>\r\n                                    <template x-if=\"((15 <= getValues()) &#038;&#038; (getValues() <= 19))\">\r\n                                        <span class=\"text-[#D91A17]\">\u4e25\u91cd\u6291\u90c1\u75c7\u72b6<\/span>\u3002\r\n                                    <\/template>\r\n                                    <template x-if=\"(20 <= getValues())\">\r\n                                        <span class=\"text-[#D91A17]\">\u91cd\u5ea6\u6291\u90c1\u75c7\u72b6<\/span>\u3002\r\n                                    <\/template>\r\n\r\n                                    <!-- <span :class=\"{ 'text-[#4ECC84]': ( getValues() <= 4), \r\n                                    'text-[#ECCB01]': ( 5 <= getValues() <= 9), 'text-[#F6951A]': ( 10 <= getValues() <= 14), \r\n                                    'text-[#D91A17]': ( 15 <= getValues() <= 19), 'text-[#D91A17]': ( 20 <= getValues()) } \" class=\"\">\u672a\u6709\u6291\u9b31\u60c5\u7dd2\u56f0\u64fe<\/span>\u3002 -->\r\n                                <\/div>\r\n                                <div class=\"result-sub-title\">\r\n                                    \u8fd9\u4efdPHQ-9\u95ee\u5377\u6839\u636e\u4e0a\u8ff0\u7684\u8ba1\u7b97\uff0c\u8bc4\u5206\u75310\u81f327\u5206\uff0c\u8d8a\u9ad8\u5206\u60c5\u51b5\u8d8a\u4e25\u91cd\u3002                                <\/div>\r\n                                <div class=\"result-des\">\r\n                                    <p>\u5982\u679c\u5f97\u5206\u57285\u5206\u4ee5\u4e0a\u5c31\u9700\u8981\u8003\u8651\u662f\u5426\u9700\u8981\u5bfb\u6c42\u534f\u52a9\u3002\u4e0d\u8fc7\uff0c\u63d0\u63d0\u5927\u5bb6\u5f53\u81ea\u5df1\u505a\u8fc7\u6d4b\u8bd5\u540e\u770b\u5230\u81ea\u5df1\u5408\u683c\uff0c\u4f46\u89c9\u5f97\u81ea\u5df1\u4ecd\u6709\u4e9b\u6291\u90c1\u75c7\u72b6\u65f6\uff0c\u4ea6\u5e94\u53ca\u65e9\u5411\u4e13\u4e1a\u4eba\u58eb\u6c42\u52a9\uff0c\u548c\u5411\u6700\u80fd\u4fe1\u4efb\u7684\u4eba\u503e\u8bc9\u3002<\/p>\n                                <\/div>\r\n                                <div class=\"table-feeling\">\r\n                                    <div class=\"table\">\r\n                                        <table>\r\n                                            <tbody>\r\n                                                <tr>\r\n                                                    <td>\u5b8c\u5168\u6ca1\u6709<\/td>\r\n                                                    <td>0 \u5206<\/td>\r\n                                                <\/tr>\r\n                                                <tr>\r\n                                                    <td>\u51e0\u5929<\/td>\r\n                                                    <td>1 \u5206<\/td>\r\n                                                <\/tr>\r\n                                                <tr>\r\n                                                    <td>\u8d85\u8fc7\u4e00\u534a\u6216\u4ee5\u4e0a\u7684\u5929\u6570<\/td>\r\n                                                    <td>2 \u5206<\/td>\r\n                                                <\/tr>\r\n                                                <tr>\r\n                                                    <td>\u51e0\u4e4e\u6bcf\u5929<\/td>\r\n                                                    <td>3 \u5206<\/td>\r\n                                                <\/tr>\r\n                                            <\/tbody>\r\n                                        <\/table>\r\n                                    <\/div>\r\n                                    <div class=\"feeling\">\r\n                                        <span class=\"normal\">\r\n                                            <div class=\"icon\">\r\n                                                <img decoding=\"async\" class=\"md:min-w-[50px] md:max-w-[50px] min-w-[40px] max-w-[40px]\" src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/normal.svg\">\r\n                                            <\/div>\r\n                                            <div class=\"des\">\r\n                                                <span class=\"title\">\u6ca1\u6709\u6291\u90c1\u75c7\u72b6<\/span>\r\n                                                <span class=\"des\">0-4\u5206<\/span>\r\n                                            <\/div>\r\n                                        <\/span>\r\n                                        <span class=\"mild-depression\">\r\n                                            <div class=\"icon\">\r\n                                                <img decoding=\"async\" class=\"md:min-w-[50px] md:max-w-[50px] min-w-[40px] max-w-[40px]\" src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/mild.svg\">\r\n                                            <\/div>\r\n                                            <div class=\"des\">\r\n                                                <span class=\"title\">\u8f7b\u5ea6\u6291\u90c1\u75c7\u72b6<\/span>\r\n                                                <span class=\"des\">5-9\u5206<\/span>\r\n                                            <\/div>\r\n                                        <\/span>\r\n                                        <span class=\"moderate-depression\">\r\n                                            <div class=\"icon\">\r\n                                                <img decoding=\"async\" class=\"md:min-w-[50px] md:max-w-[50px] min-w-[40px] max-w-[40px]\" src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/moderate.svg\">\r\n                                            <\/div>\r\n                                            <div class=\"des\">\r\n                                                <span class=\"title\">\u4e2d\u5ea6\u6291\u90c1\u75c7\u72b6<\/span>\r\n                                                <span class=\"des\">10-14\u5206<\/span>\r\n                                            <\/div>\r\n                                        <\/span>\r\n                                        <span class=\"severe-depression\">\r\n                                            <div class=\"icon\">\r\n                                                <img decoding=\"async\" class=\"md:min-w-[50px] md:max-w-[50px] min-w-[40px] max-w-[40px]\" src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/emoji.svg\">\r\n                                            <\/div>\r\n                                            <div class=\"des\">\r\n                                                <span class=\"title\">\u4e25\u91cd\u6291\u90c1\u75c7\u72b6<\/span>\r\n                                                <span class=\"des\">15-19\u5206<\/span>\r\n                                            <\/div>\r\n                                        <\/span>\r\n                                        <span class=\"severe-depression\">\r\n                                            <div class=\"icon\">\r\n                                                <img decoding=\"async\" class=\"md:min-w-[50px] md:max-w-[50px] min-w-[40px] max-w-[40px]\" src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/severe.svg\">\r\n                                            <\/div>\r\n                                            <div class=\"des\">\r\n                                                <span class=\"title\">\u91cd\u5ea6\u6291\u90c1\u75c7\u72b6<\/span>\r\n                                                <span class=\"des\">20\u5206\u4ee5\u4e0a<\/span>\r\n                                            <\/div>\r\n                                        <\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"icthk-btn mt-[40px]\">\r\n                                    <a href=\"https:\/\/icthk.org\/cn\/\/contact-us\/\">\u9884\u7ea6\u8f85\u5bfc<img decoding=\"async\" src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/btn-arrow.svg\" alt=\"arrow\" \/><\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"result\">\r\n                                <div class=\"result-inner\">\r\n                                    <span class=\"test-score\">\u6d4b\u9a8c\u5206\u6570<\/span>\r\n                                    <h1>\r\n                                        <span x-html=\"getValues()\"><\/span>\r\n                                        \u5206                                    <\/h1>\r\n                                <\/div>\r\n                                                                    <div class=\"question-statement pt-[20px]\">\r\n                                        <p>\u58f0\u660e\uff1a<br \/>\n\u7f51\u7ad9\u5185\u5bb9\u4ec5\u4f9b\u53c2\u8003\uff0c\u4e0d\u80fd\u66ff\u4ee3\u533b\u751f\u7684\u5efa\u8bae\uff0c\u4e5f\u4e0d\u80fd\u89c6\u4e3a\u81ea\u6211\u8bca\u65ad\u6216\u6cbb\u7597\u9009\u62e9\u7684\u4f9d\u636e\u3002\u53ea\u6709\u60a8\u7684\u533b\u751f\u80fd\u591f\u63d0\u4f9b\u51c6\u786e\u7684\u8bca\u65ad\u548c\u9002\u5f53\u7684\u6cbb\u7597\u3002\u82e5\u5bf9\u533b\u7597\u72b6\u51b5\u6709\u4efb\u4f55\u7591\u8651\uff0c\u8bf7\u52a1\u5fc5\u54a8\u8be2\u533b\u751f\u6216\u5176\u4ed6\u5408\u683c\u7684\u533b\u7597\u670d\u52a1\u63d0\u4f9b\u5546\u7684\u610f\u89c1\u3002\u5207\u52ff\u56e0\u9605\u8bfb\u672c\u7f51\u7ad9\u5185\u5bb9\u800c\u5ffd\u7565\u6216\u5ef6\u8fdf\u5bfb\u6c42\u4e13\u4e1a\u7684\u533b\u7597\u5efa\u8bae\u6216\u6cbb\u7597\u3002<\/p>\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"lg:pt-[80px] pb-[80px] list-section\">\r\n            <div class=\"container\">\r\n                <div class=\"container-sm\">\r\n                    <div class=\"max-w-[1140px] mx-auto\">\r\n                        <h2>\u60c5\u7eea\u81ea\u52a9\u6025\u6551\u5305<\/h2>\r\n                        <div class=\"wrapper\">\r\n                            <div class=\"emotion uk-background-cover\" data-src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/emotional.jpg\" uk-img>\r\n                                <h4 class=\"title\">\u4f55\u8c13\u60c5\u7eea\u56f0\u6270<\/h4>\r\n                                <div class=\"des\">\u4e86\u89e3\u66f4\u591a\u8be6\u60c5\u5173\u4e8e\u5982\u4f55\u5904\u7406\u60c5\u7eea<\/div>\r\n                                <div class=\"icthk-btn \">\r\n                                    <a href=\"https:\/\/icthk.org\/cn\/\/what-is-emotional-distress\/\">\u67e5\u770b\u66f4\u591a<img decoding=\"async\" src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/btn-arrow.svg\" alt=\"arrow\" \/><\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"heart-battle uk-background-cover\" data-src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/heart-battle.jpg\" uk-img>\r\n                                <h4 class=\"title\">\u8ba4\u77e5\u884c\u4e3a\u6cbb\u7597: \u4e94\u5e38\u6cd5\u8981\u8bc0 \/ \u5fc3\u6218\u53e3\u8bc0<\/h4>\r\n                                <div class=\"des\">\u4e86\u89e3\u5982\u4f55\u65f6\u523b\u63d0\u9192\u81ea\u5df1<\/div>\r\n                                <div class=\"icthk-btn \">\r\n                                    <a href=\"https:\/\/icthk.org\/cn\/\/the-five-strategies\/\">\u67e5\u770b\u66f4\u591a<img decoding=\"async\" src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/btn-arrow.svg\" alt=\"arrow\" \/><\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"video uk-background-cover uk-flex uk-flex-between uk-flex-middle\" data-src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/video.jpg\" uk-img>\r\n                                <div class=\"des-side\">\r\n                                    <h4 class=\"title\">\u4e94\u5e38\u6cd5\u5f71\u7247\u5206\u4eab<\/h4>\r\n                                    <div class=\"des\">\u770b\u5f71\u7247\u5b78\u7fd2\u5982\u4f55\u8655\u7406\u60c5\u7dd2<\/div>\r\n                                <\/div>\r\n                                <div class=\"icthk-btn \">\r\n                                    <a href=\"https:\/\/icthk.org\/cn\/\/cognitive-behavioural-therapy-related-related-videos\/\">\u67e5\u770b\u66f4\u591a<img decoding=\"async\" src=\"https:\/\/icthk.org\/wp-content\/themes\/ict-hk\/public\/images\/btn-arrow.svg\" alt=\"arrow\" \/><\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n    <\/section>\r\n`;\r\n                    Alpine.morph(containerEl, `\r\n                            <div class='${containerElClass}'>                                \r\n                                ${template}                                  \r\n                            <\/div>\r\n                        `, )\r\n                    return;\r\n                }\r\n                this.currentStep++;\r\n            },\r\n        }))\r\n    })\r\n    <\/script>\r\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"rank_math_lock_modified_date":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-2081","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/icthk.org\/cn\/wp-json\/wp\/v2\/pages\/2081","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icthk.org\/cn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/icthk.org\/cn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/icthk.org\/cn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/icthk.org\/cn\/wp-json\/wp\/v2\/comments?post=2081"}],"version-history":[{"count":15,"href":"https:\/\/icthk.org\/cn\/wp-json\/wp\/v2\/pages\/2081\/revisions"}],"predecessor-version":[{"id":4629,"href":"https:\/\/icthk.org\/cn\/wp-json\/wp\/v2\/pages\/2081\/revisions\/4629"}],"wp:attachment":[{"href":"https:\/\/icthk.org\/cn\/wp-json\/wp\/v2\/media?parent=2081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}