{"id":5678,"date":"2023-12-26T09:43:36","date_gmt":"2023-12-26T01:43:36","guid":{"rendered":"https:\/\/bookmark.tw\/?p=5678"},"modified":"2025-08-07T04:04:28","modified_gmt":"2025-08-06T20:04:28","slug":"epds","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/epds","title":{"rendered":"\u611b\u4e01\u5821\u7522\u5f8c\u6182\u9b31\u91cf\u8868(EPDS)\u7ebf\u4e0a\u514d\u8d39\u6d4b\u9a8c\uff0810\u984c\uff09"},"content":{"rendered":"<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    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n<\/head>\n<body>\n\n<!-- HTML Structure -->\n<div class=\"container-fluid px-3 py-4\" style=\"max-width: 750px;\">\n    <!-- \u5f15\u5c0e\u9801 -->\n    <section id=\"quizintro9\" data-page=\"intro9\">\n        <header class=\"text-center mb-5\">\n            <h2 class=\"display-5 fw-bold epds-primary mb-3\">\u611b\u4e01\u5821\u7522\u5f8c\u6182\u9b31\u91cf\u8868(EPDS)<\/h2>\n            <p class=\"lead text-muted\">\u5c08\u696d\u7684\u7522\u5f8c\u60c5\u7dd2\u8a55\u4f30\u5de5\u5177<\/p>\n        <\/header>\n        \n        <div class=\"row g-4 mb-5\">\n            <div class=\"col-md-4\">\n                <div class=\"text-center\">\n                    <div class=\"rounded-circle epds-icon-bg d-inline-flex align-items-center justify-content-center shadow-sm\" style=\"width: 80px; height: 80px;\">\n                        <i class=\"bi bi-heart-pulse fs-2 epds-primary\"><\/i>\n                    <\/div>\n                    <h3 class=\"h5 mt-3 fw-bold\">\u79d1\u5b66\u8bc4\u4f30<\/h3>\n                    <p class=\"text-muted small\">\u570b\u969b\u8a8d\u53ef\u7684\u6a19\u6e96\u5316\u8a55\u4f30\u5de5\u5177<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"col-md-4\">\n                <div class=\"text-center\">\n                    <div class=\"rounded-circle epds-icon-bg-secondary d-inline-flex align-items-center justify-content-center shadow-sm\" style=\"width: 80px; height: 80px;\">\n                        <i class=\"bi bi-clock fs-2 epds-secondary\"><\/i>\n                    <\/div>\n                    <h3 class=\"h5 mt-3 fw-bold\">\u5feb\u901f\u5b8c\u6210<\/h3>\n                    <p class=\"text-muted small\">\u50c5\u97005\u5206\u9418\u5373\u53ef\u5b8c\u6210\u8a55\u4f30<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"col-md-4\">\n                <div class=\"text-center\">\n                    <div class=\"rounded-circle epds-icon-bg d-inline-flex align-items-center justify-content-center shadow-sm\" style=\"width: 80px; height: 80px;\">\n                        <i class=\"bi bi-shield-check fs-2 epds-primary\"><\/i>\n                    <\/div>\n                    <h3 class=\"h5 mt-3 fw-bold\">\u9690\u79c1\u4fdd\u62a4<\/h3>\n                    <p class=\"text-muted small\">\u60a8\u7684\u8cc7\u6599\u5b8c\u5168\u4fdd\u5bc6<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"bg-light rounded-3 p-4 mb-5 shadow-sm\">\n            <h3 class=\"h5 fw-bold mb-3\"><i class=\"bi bi-info-circle-fill epds-primary me-2\"><\/i>\u95dc\u65bc\u6b64\u8a55\u4f30<\/h3>\n            <p class=\"mb-3\">\u611b\u4e01\u5821\u7522\u5f8c\u6291\u9b31\u91cf\u8868\uff08EPDS\uff09\u662f\u5168\u7403\u5ee3\u6cdb\u4f7f\u7528\u7684\u7522\u5f8c\u60c5\u7dd2\u8a55\u4f30\u5de5\u5177\uff0c\u80fd\u5e6b\u52a9\u60a8\u4e86\u89e3\u81ea\u5df1\u7684\u60c5\u7dd2\u72c0\u614b\u3002<\/p>\n            <p class=\"mb-3\">\u7522\u5f8c\u6291\u9b31\u4e26\u4e0d\u662f\u6027\u683c\u7f3a\u9677\u6216\u8edf\u5f31\u7684\u8868\u73fe\uff0c\u5b83\u53ef\u80fd\u53ea\u662f\u5206\u5a29\u7684\u4f75\u767c\u75c7\u4e4b\u4e00\u3002\u53ca\u6642\u7684\u8a55\u4f30\u548c\u9069\u7576\u7684\u652f\u6301\uff0c\u80fd\u5e6b\u52a9\u60a8\u66f4\u597d\u5730\u4eab\u53d7\u65b0\u751f\u547d\u5e36\u4f86\u7684\u559c\u6085\u3002<\/p>\n            <p class=\"mb-0 fw-bold\">\u8acb\u6839\u64da<span class=\"epds-primary\">\u904e\u53bb7\u5929<\/span>\u7684\u5be6\u969b\u60c5\u6cc1\uff0c\u8aa0\u5be6\u56de\u7b54\u4ee5\u4e0b\u554f\u984c\u3002<\/p>\n        <\/div>\n        \n        <div class=\"text-center\">\n            <button class=\"btn epds-btn-primary btn-lg px-5 py-3 shadow-lg\" data-action=\"start-quiz\">\n                <i class=\"bi bi-play-circle-fill me-2\"><\/i>\u958b\u59cb\u8a55\u4f30\n            <\/button>\n        <\/div>\n    <\/section>\n    \n    <!-- \u6e2c\u9a57\u9801 -->\n    <section id=\"quizmain9\" data-page=\"quiz9\" class=\"d-none\">\n        <header class=\"text-center mb-4\">\n            <h2 class=\"h3 fw-bold epds-primary\">\u611b\u4e01\u5821\u7522\u5f8c\u6291\u9b31\u91cf\u8868\u8a55\u4f30<\/h2>\n        <\/header>\n        \n        <div class=\"progress mb-4\" style=\"height: 10px;\">\n            <div class=\"progress-bar epds-progress-bar\" data-progress-bar role=\"progressbar\" style=\"width: 10%; transition: width 0.3s ease;\"><\/div>\n        <\/div>\n        \n        <div class=\"text-center mb-4\">\n            <span class=\"badge epds-badge fs-6 px-3 py-2\" data-question-counter>\u554f\u984c 1 \/ 10<\/span>\n        <\/div>\n        \n        <div data-quiz-container>\n            <!-- Questions will be dynamically inserted here -->\n        <\/div>\n        \n        <div class=\"text-center mt-4\">\n            <button class=\"btn btn-outline-secondary btn-lg px-4 py-2\" data-action=\"prev-question\" style=\"display: none;\">\n                <i class=\"bi bi-arrow-left me-2\"><\/i>\u4e0a\u4e00\u9898\n            <\/button>\n        <\/div>\n    <\/section>\n    \n    <!-- \u7d50\u679c\u9801 -->\n    <section id=\"quizresult9\" data-page=\"result9\" class=\"d-none\">\n        <header class=\"text-center mb-5\">\n            <h2 class=\"display-6 fw-bold epds-primary\">\u60a8\u7684\u8a55\u4f30\u7d50\u679c<\/h2>\n        <\/header>\n        \n        <!-- \u8a55\u5206\u5206\u5e03\u5716 -->\n        <div class=\"card border-0 shadow mb-4\">\n            <div class=\"card-body p-4\">\n                <h4 class=\"h5 fw-bold mb-3\">\u60a8\u7684\u8a55\u5206\u4f4d\u7f6e<\/h4>\n                <div class=\"position-relative\" style=\"height: 120px;\">\n                    <canvas id=\"distributionChart\"><\/canvas>\n                <\/div>\n                <!-- \u5716\u4f8b -->\n                <div class=\"mt-3 d-flex justify-content-center flex-wrap gap-3\">\n                    <div class=\"d-flex align-items-center\">\n                        <div style=\"width: 20px; height: 12px; background: #52c41a; border-radius: 2px;\" class=\"me-2\"><\/div>\n                        <small>\u6b63\u5e38\u7bc4\u570d (0-9\u5206)<\/small>\n                    <\/div>\n                    <div class=\"d-flex align-items-center\">\n                        <div style=\"width: 20px; height: 12px; background: #faad14; border-radius: 2px;\" class=\"me-2\"><\/div>\n                        <small>\u8f15\u5ea6\u98a8\u96aa (10-12\u5206)<\/small>\n                    <\/div>\n                    <div class=\"d-flex align-items-center\">\n                        <div style=\"width: 20px; height: 12px; background: #ff4d4f; border-radius: 2px;\" class=\"me-2\"><\/div>\n                        <small>\u9700\u8981\u95dc\u6ce8 (13-30\u5206)<\/small>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- \u591a\u7dad\u5ea6\u5206\u6790 -->\n        <div data-dimensional-analysis class=\"mb-4\">\n            <!-- Dimensional analysis will be inserted here -->\n        <\/div>\n        \n        <!-- \u500b\u6027\u5316\u5efa\u8b70 -->\n        <div data-result-analysis class=\"mb-4\">\n            <!-- Result analysis will be inserted here -->\n        <\/div>\n        \n        <!-- \u6c42\u52a9\u71b1\u7dda -->\n        <div data-helpline-info class=\"mb-5\">\n            <!-- Helpline info will be inserted here -->\n        <\/div>\n        \n        <div class=\"text-center\">\n            <button class=\"btn epds-btn-primary btn-lg px-5 py-3 shadow-lg\" data-action=\"restart-quiz\">\n                <i class=\"bi bi-arrow-clockwise me-2\"><\/i>\u91cd\u65b0\u6d4b\u8bd5\n            <\/button>\n        <\/div>\n    <\/section>\n<\/div>\n\n<!-- CSS Styles -->\n<style>\n    \/* \u81ea\u5b9a\u7fa9\u8272\u5f69\u7cfb\u7d71 *\/\n    :root {\n        --epds-primary: #52c41a;\n        --epds-primary-light: #95de64;\n        --epds-primary-lighter: #d9f7be;\n        --epds-secondary: #faad14;\n        --epds-secondary-dark: #d48806;\n        --epds-success: #52c41a;\n        --epds-warning: #faad14;\n        --epds-danger: #ff4d4f;\n    }\n    \n    \/* \u8272\u5f69\u985e *\/\n    .epds-primary { color: var(--epds-primary) !important; }\n    .epds-secondary { color: var(--epds-secondary) !important; }\n    \n    .epds-icon-bg {\n        background-color: var(--epds-primary-lighter);\n    }\n    \n    .epds-icon-bg-secondary {\n        background-color: #fff3cd;\n    }\n    \n    .epds-btn-primary {\n        background: linear-gradient(135deg, var(--epds-primary) 0%, var(--epds-primary-light) 100%);\n        border: none;\n        color: white;\n    }\n    \n    .epds-btn-primary:hover {\n        background: linear-gradient(135deg, #389e0d 0%, var(--epds-primary) 100%);\n        color: white;\n    }\n    \n    .epds-badge {\n        background-color: var(--epds-primary);\n        color: white;\n    }\n    \n    .epds-progress-bar {\n        background-color: var(--epds-primary);\n    }\n    \n    \/* \u57fa\u790e\u6a23\u5f0f *\/\n    #quizintro9, #quizmain9, #quizresult9 {\n        min-height: 100vh;\n        animation: fadeIn 0.5s ease-in;\n    }\n    \n    @keyframes fadeIn {\n        from { opacity: 0; transform: translateY(10px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    \n    \/* \u9078\u9805\u5361\u7247\u6a23\u5f0f *\/\n    .option-card {\n        position: relative;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        border: 2px solid #e9ecef;\n        background: #fff;\n        margin-bottom: 1rem;\n    }\n    \n    .option-card:hover {\n        border-color: var(--epds-primary);\n        box-shadow: 0 4px 12px rgba(82, 196, 26, 0.15);\n        transform: translateX(5px);\n    }\n    \n    .option-card.selected {\n        border-color: var(--epds-primary);\n        background: linear-gradient(135deg, #f6ffed 0%, #d9f7be 100%);\n        box-shadow: 0 4px 12px rgba(82, 196, 26, 0.2);\n    }\n    \n    \/* \u5713\u5f62\u9078\u64c7\u6307\u793a\u5668 *\/\n    .option-indicator {\n        width: 28px;\n        height: 28px;\n        border: 2px solid #dee2e6;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: #fff;\n        transition: all 0.3s ease;\n        flex-shrink: 0;\n    }\n    \n    .option-card:hover .option-indicator {\n        border-color: var(--epds-primary);\n    }\n    \n    .option-card.selected .option-indicator {\n        background: var(--epds-primary);\n        border-color: var(--epds-primary);\n    }\n    \n    .option-card.selected .option-indicator i {\n        color: #fff;\n        font-size: 16px;\n    }\n    \n    \/* \u9078\u9805\u6587\u5b57 *\/\n    .option-text {\n        font-size: 18px;\n        color: #212529;\n        line-height: 1.5;\n        margin: 0;\n    }\n    \n    \/* \u554f\u984c\u6a19\u984c *\/\n    [data-question-title] {\n        font-size: 22px;\n        font-weight: bold;\n        color: #212529;\n        line-height: 1.4;\n    }\n    \n    \/* \u6c42\u52a9\u71b1\u7dda\u6a23\u5f0f *\/\n    .helpline-item {\n        display: flex;\n        align-items: center;\n        padding: 0.75rem;\n        border-radius: 0.5rem;\n        margin-bottom: 0.5rem;\n        background: #f8f9fa;\n        transition: all 0.3s ease;\n    }\n    \n    .helpline-item:hover {\n        background: #e9ecef;\n        transform: translateX(5px);\n    }\n    \n    .helpline-phone {\n        color: var(--epds-primary);\n        text-decoration: none;\n        font-weight: bold;\n        font-size: 1.1rem;\n    }\n    \n    .helpline-phone:hover {\n        color: #389e0d;\n        text-decoration: underline;\n    }\n    \n    .region-badge {\n        display: inline-flex;\n        align-items: center;\n        padding: 0.25rem 0.75rem;\n        border-radius: 1rem;\n        font-size: 0.9rem;\n        font-weight: 600;\n        margin-right: 0.5rem;\n    }\n    \n    .region-badge.taiwan {\n        background: var(--epds-primary);\n        color: white;\n    }\n    \n    .region-badge.hongkong {\n        background: var(--epds-secondary);\n        color: white;\n    }\n    \n    \/* \u7dad\u5ea6\u5206\u6790\u5361\u7247 *\/\n    .dimension-card {\n        background: linear-gradient(135deg, var(--epds-primary) 0%, var(--epds-primary-light) 100%);\n        color: white;\n        border-radius: 1rem;\n        padding: 1.5rem;\n        margin-bottom: 1rem;\n        box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n    }\n    \n    .dimension-score {\n        font-size: 2rem;\n        font-weight: bold;\n    }\n    \n    \/* \u97ff\u61c9\u5f0f\u8abf\u6574 *\/\n    @media (max-width: 768px) {\n        .display-5 { font-size: 1.75rem; }\n        .display-6 { font-size: 1.5rem; }\n        .option-text { font-size: 16px; }\n        [data-question-title] { font-size: 20px; }\n        .helpline-phone { font-size: 1rem; }\n    }\n    \n    \/* \u907f\u514d\u8207WordPress\u4e3b\u984c\u885d\u7a81 *\/\n    #quizintro9 *, #quizmain9 *, #quizresult9 * {\n        box-sizing: border-box;\n    }\n<\/style>\n\n<!-- JavaScript Behavior -->\n<script>\n(function() {\n    'use strict';\n    \n    class EPDSQuiz {\n        constructor() {\n            \/\/ \u5feb\u53d6DOM\u5143\u7d20\n            this.introSection = document.querySelector('#quizintro9');\n            this.quizSection = document.querySelector('#quizmain9');\n            this.resultSection = document.querySelector('#quizresult9');\n            this.progressBar = document.querySelector('[data-progress-bar]');\n            this.questionCounter = document.querySelector('[data-question-counter]');\n            this.quizContainer = document.querySelector('[data-quiz-container]');\n            this.prevButton = document.querySelector('[data-action=\"prev-question\"]');\n            \n            this.currentQuestion = 0;\n            this.answers = [];\n            this.chartInstance = null;\n            \n            \/\/ \u984c\u76ee\u8cc7\u6599\n            this.questions = [\n                {\n                    text: \"\u6211\u80fd\u770b\u5230\u4e8b\u7269\u6709\u8da3\u7684\u4e00\u9762\uff0c\u4e26\u7b11\u5f97\u958b\u5fc3\",\n                    category: \"positive_emotion\",\n                    options: [\n                        { text: \"\u540c\u4ee5\u524d\u4e00\u6a23\", value: 0 },\n                        { text: \"\u6c92\u6709\u4ee5\u524d\u90a3\u9ebc\u591a\", value: 1 },\n                        { text: \"\u80af\u5b9a\u6bd4\u4ee5\u524d\u5c11\", value: 2 },\n                        { text: \"\u5b8c\u5168\u4e0d\u80fd\", value: 3 }\n                    ]\n                },\n                {\n                    text: \"\u6211\u6b23\u7136\u671f\u5f85\u672a\u4f86\u7684\u4e00\u5207\",\n                    category: \"positive_emotion\",\n                    options: [\n                        { text: \"\u540c\u4ee5\u524d\u4e00\u6a23\", value: 0 },\n                        { text: \"\u6c92\u6709\u4ee5\u524d\u90a3\u9ebc\u591a\", value: 1 },\n                        { text: \"\u80af\u5b9a\u6bd4\u4ee5\u524d\u5c11\", value: 2 },\n                        { text: \"\u5b8c\u5168\u4e0d\u80fd\", value: 3 }\n                    ]\n                },\n                {\n                    text: \"\u7576\u4e8b\u60c5\u51fa\u932f\u6642\uff0c\u6211\u6703\u4e0d\u5fc5\u8981\u5730\u8cac\u5099\u81ea\u5df1\",\n                    category: \"guilt\",\n                    options: [\n                        { text: \"\u5f9e\u4f86\u6c92\u6709\", value: 0 },\n                        { text: \"\u5f88\u5c11\u9019\u6a23\", value: 1 },\n                        { text: \"\u6709\u6642\u9019\u6a23\", value: 2 },\n                        { text: \"\u5927\u90e8\u5206\u6642\u5019\u9019\u6a23\", value: 3 }\n                    ]\n                },\n                {\n                    text: \"\u6211\u7121\u7de3\u7121\u6545\u611f\u5230\u7126\u616e\u548c\u64d4\u5fc3\",\n                    category: \"anxiety\",\n                    options: [\n                        { text: \"\u5b8c\u5168\u6c92\u6709\", value: 0 },\n                        { text: \"\u6975\u5c11\u6709\", value: 1 },\n                        { text: \"\u6709\u6642\u5019\", value: 2 },\n                        { text: \"\u7d93\u5e38\u5982\u6b64\", value: 3 }\n                    ]\n                },\n                {\n                    text: \"\u6211\u7121\u7de3\u7121\u6545\u611f\u5230\u5bb3\u6015\u548c\u9a5a\u614c\",\n                    category: \"anxiety\",\n                    options: [\n                        { text: \"\u5b8c\u5168\u6c92\u6709\", value: 0 },\n                        { text: \"\u4e0d\u7d93\u5e38\", value: 1 },\n                        { text: \"\u6709\u6642\u5019\", value: 2 },\n                        { text: \"\u76f8\u7576\u591a\u6642\u5019\", value: 3 }\n                    ]\n                },\n                {\n                    text: \"\u5f88\u591a\u4e8b\u60c5\u885d\u8457\u6211\u800c\u4f86\uff0c\u4f7f\u6211\u900f\u4e0d\u904e\u6c23\",\n                    category: \"overwhelm\",\n                    options: [\n                        { text: \"\u5f9e\u4f86\u6c92\u6709\", value: 0 },\n                        { text: \"\u5f88\u5c11\u9019\u6a23\", value: 1 },\n                        { text: \"\u6709\u6642\u9019\u6a23\", value: 2 },\n                        { text: \"\u5927\u591a\u6578\u6642\u5019\u9019\u6a23\", value: 3 }\n                    ]\n                },\n                {\n                    text: \"\u6211\u5f88\u4e0d\u958b\u5fc3\uff0c\u4ee5\u81f4\u5931\u7720\",\n                    category: \"sleep\",\n                    options: [\n                        { text: \"\u5b8c\u5168\u6c92\u6709\", value: 0 },\n                        { text: \"\u4e0d\u7d93\u5e38\", value: 1 },\n                        { text: \"\u6709\u6642\u5019\", value: 2 },\n                        { text: \"\u5927\u90e8\u5206\u6642\u9593\", value: 3 }\n                    ]\n                },\n                {\n                    text: \"\u6211\u611f\u5230\u96e3\u904e\u548c\u60b2\u50b7\",\n                    category: \"sadness\",\n                    options: [\n                        { text: \"\u5b8c\u5168\u6c92\u6709\", value: 0 },\n                        { text: \"\u4e0d\u7d93\u5e38\", value: 1 },\n                        { text: \"\u76f8\u7576\u6642\u5019\", value: 2 },\n                        { text: \"\u5927\u90e8\u5206\u6642\u5019\", value: 3 }\n                    ]\n                },\n                {\n                    text: \"\u6211\u4e0d\u958b\u5fc3\u5230\u54ed\",\n                    category: \"sadness\",\n                    options: [\n                        { text: \"\u5f9e\u4f86\u6c92\u6709\", value: 0 },\n                        { text: \"\u5f88\u5c11\u9019\u6a23\", value: 1 },\n                        { text: \"\u6709\u6642\u9019\u6a23\", value: 2 },\n                        { text: \"\u5927\u90e8\u5206\u6642\u9593\u9019\u6a23\", value: 3 }\n                    ]\n                },\n                {\n                    text: \"\u6211\u60f3\u904e\u8981\u50b7\u5bb3\u81ea\u5df1\",\n                    category: \"self_harm\",\n                    options: [\n                        { text: \"\u5f9e\u4f86\u6c92\u6709\", value: 0 },\n                        { text: \"\u5f88\u5c11\u9019\u6a23\", value: 1 },\n                        { text: \"\u6709\u6642\u5019\", value: 2 },\n                        { text: \"\u76f8\u7576\u591a\u6642\u5019\", value: 3 }\n                    ]\n                }\n            ];\n            \n            this.init();\n        }\n        \n        init() {\n            \/\/ \u4e8b\u4ef6\u59d4\u8a17\n            document.addEventListener('click', this.handleClick.bind(this));\n        }\n        \n        handleClick(e) {\n            const action = e.target.closest('[data-action]')?.dataset.action;\n            const option = e.target.closest('[data-quiz-option]');\n            \n            if (action === 'start-quiz') {\n                this.startQuiz();\n            } else if (action === 'prev-question') {\n                this.previousQuestion();\n            } else if (action === 'restart-quiz') {\n                this.restartQuiz();\n            } else if (option) {\n                this.selectOption(option);\n            }\n        }\n        \n        startQuiz() {\n            this.currentQuestion = 0;\n            this.answers = [];\n            this.showSection('quiz');\n            this.renderQuestion();\n            this.scrollToTop();\n        }\n        \n        renderQuestion() {\n            const question = this.questions[this.currentQuestion];\n            const progress = ((this.currentQuestion + 1) \/ this.questions.length) * 100;\n            \n            \/\/ \u66f4\u65b0\u9032\u5ea6\n            this.progressBar.style.width = `${progress}%`;\n            this.questionCounter.textContent = `\u554f\u984c ${this.currentQuestion + 1} \/ ${this.questions.length}`;\n            \n            \/\/ \u6e32\u67d3\u984c\u76ee\n            const questionHTML = `\n                <div class=\"card border-0 shadow-sm\">\n                    <div class=\"card-body p-4\">\n                        <h3 data-question-title class=\"mb-4\">${question.text}<\/h3>\n                        <div data-options-container>\n                            ${question.options.map((opt, idx) => `\n                                <div class=\"card option-card ${this.answers[this.currentQuestion] === opt.value ? 'selected' : ''}\" \n                                     data-quiz-option \n                                     data-value=\"${opt.value}\" \n                                     data-index=\"${idx}\">\n                                    <div class=\"card-body p-3\">\n                                        <div class=\"d-flex align-items-center\">\n                                            <div class=\"option-indicator me-3\">\n                                                ${this.answers[this.currentQuestion] === opt.value ? \n                                                    '<i class=\"bi bi-check-lg\"><\/i>' : ''}\n                                            <\/div>\n                                            <p class=\"option-text mb-0\">${opt.text}<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            `).join('')}\n                        <\/div>\n                    <\/div>\n                <\/div>\n            `;\n            \n            this.quizContainer.innerHTML = questionHTML;\n            \n            \/\/ \u986f\u793a\/\u96b1\u85cf\u4e0a\u4e00\u984c\u6309\u9215\n            this.prevButton.style.display = this.currentQuestion > 0 ? 'inline-block' : 'none';\n        }\n        \n        selectOption(option) {\n            const value = parseInt(option.dataset.value);\n            \n            \/\/ \u79fb\u9664\u5176\u4ed6\u9078\u4e2d\u72c0\u614b\n            document.querySelectorAll('.option-card').forEach(card => {\n                card.classList.remove('selected');\n                card.querySelector('.option-indicator').innerHTML = '';\n            });\n            \n            \/\/ \u6dfb\u52a0\u9078\u4e2d\u72c0\u614b\n            option.classList.add('selected');\n            option.querySelector('.option-indicator').innerHTML = '<i class=\"bi bi-check-lg\"><\/i>';\n            \n            \/\/ \u5132\u5b58\u7b54\u6848\n            this.answers[this.currentQuestion] = value;\n            \n            \/\/ \u5ef6\u9072\u9032\u5165\u4e0b\u4e00\u984c\n            setTimeout(() => {\n                if (this.currentQuestion < this.questions.length - 1) {\n                    this.currentQuestion++;\n                    this.renderQuestion();\n                } else {\n                    this.showResults();\n                }\n            }, 400);\n        }\n        \n        previousQuestion() {\n            if (this.currentQuestion > 0) {\n                this.currentQuestion--;\n                this.renderQuestion();\n            }\n        }\n        \n        showResults() {\n            const totalScore = this.answers.reduce((sum, val) => sum + val, 0);\n            this.showSection('result');\n            this.renderResults(totalScore);\n            this.scrollToTop();\n        }\n        \n        renderResults(score) {\n            \/\/ \u92b7\u6bc0\u820a\u5716\u8868\n            if (this.chartInstance) {\n                this.chartInstance.destroy();\n            }\n            \n            \/\/ \u8a08\u7b97\u5404\u7dad\u5ea6\u5206\u6578\n            const dimensions = this.calculateDimensions();\n            \n            \/\/ \u5275\u5efa\u6a6b\u5411\u5206\u5e03\u5716\n            this.createDistributionChart(score);\n            \n            \/\/ \u6e32\u67d3\u591a\u7dad\u5ea6\u5206\u6790\n            this.renderDimensionalAnalysis(dimensions, score);\n            \n            \/\/ \u6e32\u67d3\u500b\u6027\u5316\u5efa\u8b70\n            this.renderPersonalizedAdvice(score, dimensions);\n            \n            \/\/ \u6e32\u67d3\u6c42\u52a9\u71b1\u7dda\n            this.renderHelplineInfo(score);\n        }\n        \n        calculateDimensions() {\n            const dimensions = {\n                positive_emotion: { score: 0, count: 0, name: '\u6b63\u5411\u60c5\u7dd2' },\n                anxiety: { score: 0, count: 0, name: '\u7126\u616e\u7a0b\u5ea6' },\n                sadness: { score: 0, count: 0, name: '\u60b2\u50b7\u60c5\u7dd2' },\n                guilt: { score: 0, count: 0, name: '\u81ea\u8cac\u611f\u53d7' },\n                overwhelm: { score: 0, count: 0, name: '\u58d3\u529b\u8ca0\u8377' },\n                sleep: { score: 0, count: 0, name: '\u7761\u7720\u54c1\u8cea' },\n                self_harm: { score: 0, count: 0, name: '\u81ea\u6211\u50b7\u5bb3\u5ff5\u982d' }\n            };\n            \n            this.questions.forEach((q, idx) => {\n                if (this.answers[idx] !== undefined) {\n                    dimensions[q.category].score += this.answers[idx];\n                    dimensions[q.category].count++;\n                }\n            });\n            \n            \/\/ \u8a08\u7b97\u5e73\u5747\u5206\u6578\uff080-3\u5206\u7bc4\u570d\uff09\n            Object.keys(dimensions).forEach(key => {\n                if (dimensions[key].count > 0) {\n                    dimensions[key].average = dimensions[key].score \/ dimensions[key].count;\n                }\n            });\n            \n            return dimensions;\n        }\n        \n        createDistributionChart(userScore) {\n            const ctx = document.getElementById('distributionChart').getContext('2d');\n            \n            \/\/ \u5b9a\u7fa9\u8a55\u5206\u5340\u9593\n            const ranges = [\n                { min: 0, max: 9, label: '\u6b63\u5e38\u7bc4\u570d', color: '#52c41a' },\n                { min: 10, max: 12, label: '\u8f15\u5ea6\u98a8\u96aa', color: '#faad14' },\n                { min: 13, max: 30, label: '\u9700\u8981\u95dc\u6ce8', color: '#ff4d4f' }\n            ];\n            \n            \/\/ \u8a08\u7b97\u6bcf\u500b\u5340\u9593\u7684\u5bec\u5ea6\u767e\u5206\u6bd4\n            const totalRange = 30;\n            const data = ranges.map(r => ((r.max - r.min + 1) \/ totalRange) * 100);\n            \n            this.chartInstance = new Chart(ctx, {\n                type: 'bar',\n                data: {\n                    labels: [''],\n                    datasets: [\n                        {\n                            label: '\u6b63\u5e38\u7bc4\u570d',\n                            data: [data[0]],\n                            backgroundColor: '#52c41a',\n                            barThickness: 40,\n                            categoryPercentage: 1,\n                            barPercentage: 1\n                        },\n                        {\n                            label: '\u8f15\u5ea6\u98a8\u96aa',\n                            data: [data[1]],\n                            backgroundColor: '#faad14',\n                            barThickness: 40,\n                            categoryPercentage: 1,\n                            barPercentage: 1\n                        },\n                        {\n                            label: '\u9700\u8981\u95dc\u6ce8',\n                            data: [data[2]],\n                            backgroundColor: '#ff4d4f',\n                            barThickness: 40,\n                            categoryPercentage: 1,\n                            barPercentage: 1\n                        }\n                    ]\n                },\n                options: {\n                    indexAxis: 'y',\n                    responsive: true,\n                    maintainAspectRatio: false,\n                    scales: {\n                        x: {\n                            stacked: true,\n                            display: true,\n                            max: 100,\n                            ticks: {\n                                callback: function(value) {\n                                    return Math.round(value * 0.3) + '\u5206';\n                                }\n                            },\n                            grid: {\n                                display: false\n                            }\n                        },\n                        y: {\n                            stacked: true,\n                            display: false\n                        }\n                    },\n                    plugins: {\n                        legend: {\n                            display: false\n                        },\n                        tooltip: {\n                            enabled: false\n                        }\n                    }\n                },\n                plugins: [{\n                    afterDraw: function(chart) {\n                        const ctx = chart.ctx;\n                        const xAxis = chart.scales.x;\n                        const yAxis = chart.scales.y;\n                        \n                        \/\/ \u8a08\u7b97\u7528\u6236\u5206\u6578\u4f4d\u7f6e\n                        const userPosition = (userScore \/ 30) * 100;\n                        const x = xAxis.getPixelForValue(userPosition);\n                        const y = chart.height \/ 2;\n                        \n                        \/\/ \u7e6a\u88fd\u7d05\u8272\u5713\u9ede\n                        ctx.save();\n                        ctx.beginPath();\n                        ctx.arc(x, y, 10, 0, 2 * Math.PI);\n                        ctx.fillStyle = '#ff0000';\n                        ctx.fill();\n                        ctx.strokeStyle = '#fff';\n                        ctx.lineWidth = 2;\n                        ctx.stroke();\n                        \n                        \/\/ \u7e6a\u88fd\u5206\u6578\u6a19\u7c64\n                        ctx.fillStyle = '#ff0000';\n                        ctx.font = 'bold 14px sans-serif';\n                        ctx.textAlign = 'center';\n                        ctx.fillText(userScore + '\u5206', x, y - 20);\n                        \n                        \/\/ \u7e6a\u88fd\u6307\u793a\u7dda\n                        ctx.beginPath();\n                        ctx.moveTo(x, y - 10);\n                        ctx.lineTo(x, chart.height - 10);\n                        ctx.strokeStyle = '#ff0000';\n                        ctx.lineWidth = 2;\n                        ctx.setLineDash([5, 3]);\n                        ctx.stroke();\n                        ctx.restore();\n                    }\n                }]\n            });\n        }\n        \n        renderDimensionalAnalysis(dimensions, totalScore) {\n            let level, levelClass;\n            if (totalScore <= 9) {\n                level = '\u6b63\u5e38\u7bc4\u570d';\n                levelClass = 'success';\n            } else if (totalScore <= 12) {\n                level = '\u8f15\u5ea6\u98a8\u96aa';\n                levelClass = 'warning';\n            } else {\n                level = '\u9700\u8981\u95dc\u6ce8';\n                levelClass = 'danger';\n            }\n            \n            const analysisHTML = `\n                <div class=\"card border-0 shadow mb-4\">\n                    <div class=\"card-body p-4\">\n                        <h4 class=\"h5 fw-bold mb-3\"><i class=\"bi bi-bar-chart-fill me-2\" style=\"color: var(--epds-secondary);\"><\/i>\u591a\u7dad\u5ea6\u5206\u6790<\/h4>\n                        \n                        <div class=\"alert alert-${levelClass} mb-3\">\n                            <div class=\"d-flex justify-content-between align-items-center\">\n                                <div>\n                                    <h5 class=\"mb-1\">${level}<\/h5>\n                                    <p class=\"mb-0\">\u7e3d\u5206\uff1a${totalScore} \/ 30<\/p>\n                                <\/div>\n                                <div class=\"dimension-score\">${totalScore}<\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"row g-3\">\n                            ${Object.entries(dimensions).map(([key, dim]) => {\n                                if (dim.count === 0) return '';\n                                const percentage = (dim.average \/ 3) * 100;\n                                const barColor = percentage < 33 ? 'success' : percentage < 66 ? 'warning' : 'danger';\n                                return `\n                                    <div class=\"col-md-6\">\n                                        <div class=\"mb-2\">\n                                            <div class=\"d-flex justify-content-between mb-1\">\n                                                <small class=\"fw-bold\">${dim.name}<\/small>\n                                                <small>${dim.score}\/${dim.count * 3}<\/small>\n                                            <\/div>\n                                            <div class=\"progress\" style=\"height: 8px;\">\n                                                <div class=\"progress-bar bg-${barColor}\" \n                                                     style=\"width: ${percentage}%\"><\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                `;\n                            }).join('')}\n                        <\/div>\n                        \n                        ${dimensions.self_harm.score > 0 ? `\n                            <div class=\"alert alert-danger mt-3 mb-0\">\n                                <i class=\"bi bi-exclamation-triangle-fill me-2\"><\/i>\n                                <strong>\u91cd\u8981\u63d0\u9192\uff1a<\/strong>\u60a8\u8868\u793a\u6709\u81ea\u6211\u50b7\u5bb3\u7684\u5ff5\u982d\uff0c\u8acb\u7acb\u5373\u5c0b\u6c42\u5c08\u696d\u5354\u52a9\u3002\n                            <\/div>\n                        ` : ''}\n                    <\/div>\n                <\/div>\n            `;\n            \n            document.querySelector('[data-dimensional-analysis]').innerHTML = analysisHTML;\n        }\n        \n        renderPersonalizedAdvice(score, dimensions) {\n            const advice = [];\n            \n            \/\/ \u6839\u64da\u7e3d\u5206\u63d0\u4f9b\u5efa\u8b70\n            if (score <= 9) {\n                advice.push({\n                    title: '\u7dad\u6301\u826f\u597d\u72c0\u614b',\n                    items: [\n                        '\u7e7c\u7e8c\u4fdd\u6301\u898f\u5f8b\u7684\u4f5c\u606f\u6642\u9593',\n                        '\u7dad\u6301\u9069\u5ea6\u7684\u904b\u52d5\u7fd2\u6163',\n                        '\u591a\u8207\u89aa\u53cb\u5206\u4eab\u80b2\u5152\u7684\u559c\u6085',\n                        '\u7d66\u81ea\u5df1\u5b89\u6392\u4e00\u4e9b\u500b\u4eba\u6642\u9593'\n                    ]\n                });\n            } else if (score <= 12) {\n                advice.push({\n                    title: '\u60c5\u7dd2\u8abf\u9069\u5efa\u8b70',\n                    items: [\n                        '\u589e\u52a0\u4f11\u606f\u6642\u9593\uff0c\u78ba\u4fdd\u5145\u8db3\u7761\u7720',\n                        '\u7df4\u7fd2\u6df1\u547c\u5438\u548c\u653e\u9b06\u6280\u5de7',\n                        '\u8207\u4fe1\u4efb\u7684\u4eba\u5206\u4eab\u60a8\u7684\u611f\u53d7',\n                        '\u8003\u616e\u53c3\u52a0\u65b0\u624b\u5abd\u5abd\u652f\u6301\u5718\u9ad4'\n                    ]\n                });\n            } else {\n                advice.push({\n                    title: '\u5c08\u696d\u652f\u63f4\u5efa\u8b70',\n                    items: [\n                        '\u76e1\u5feb\u8aee\u8a62\u5a66\u7522\u79d1\u6216\u7cbe\u795e\u79d1\u91ab\u5e2b',\n                        '\u8003\u616e\u63a5\u53d7\u5fc3\u7406\u8aee\u5546',\n                        '\u8acb\u5bb6\u4eba\u5354\u52a9\u7167\u9867\u5bf6\u5bf6',\n                        '\u66ab\u6642\u6e1b\u5c11\u751f\u6d3b\u58d3\u529b\u4f86\u6e90'\n                    ]\n                });\n            }\n            \n            \/\/ \u6839\u64da\u7dad\u5ea6\u5206\u6790\u63d0\u4f9b\u7279\u5b9a\u5efa\u8b70\n            if (dimensions.sleep.average >= 2) {\n                advice.push({\n                    title: '\u6539\u5584\u7761\u7720\u54c1\u8cea',\n                    items: [\n                        '\u5efa\u7acb\u56fa\u5b9a\u7684\u5c31\u5be2\u6642\u9593',\n                        '\u7761\u524d\u907f\u514d\u4f7f\u7528\u96fb\u5b50\u8a2d\u5099',\n                        '\u5275\u9020\u8212\u9069\u7684\u7761\u7720\u74b0\u5883',\n                        '\u8acb\u5bb6\u4eba\u5354\u52a9\u591c\u9593\u7167\u9867\u5bf6\u5bf6'\n                    ]\n                });\n            }\n            \n            if (dimensions.anxiety.average >= 2) {\n                advice.push({\n                    title: '\u7de9\u89e3\u7126\u616e\u60c5\u7dd2',\n                    items: [\n                        '\u7df4\u7fd2\u6b63\u5ff5\u51a5\u60f3',\n                        '\u5617\u8a66\u745c\u4f3d\u6216\u592a\u6975',\n                        '\u5beb\u4e0b\u64d4\u5fc3\u7684\u4e8b\u60c5',\n                        '\u8a2d\u5b9a\u5be6\u969b\u53ef\u884c\u7684\u76ee\u6a19'\n                    ]\n                });\n            }\n            \n            const adviceHTML = `\n                <div class=\"card border-0 shadow mb-4\">\n                    <div class=\"card-body p-4\">\n                        <h4 class=\"h5 fw-bold mb-3\">\n                            <i class=\"bi bi-lightbulb-fill me-2\" style=\"color: var(--epds-secondary);\"><\/i>\u500b\u6027\u5316\u5efa\u8b70\n                        <\/h4>\n                        ${advice.map(section => `\n                            <div class=\"mb-3\">\n                                <h6 class=\"fw-bold epds-primary\">${section.title}<\/h6>\n                                <ul class=\"mb-0\">\n                                    ${section.items.map(item => `\n                                        <li class=\"mb-1\">${item}<\/li>\n                                    `).join('')}\n                                <\/ul>\n                            <\/div>\n                        `).join('')}\n                    <\/div>\n                <\/div>\n            `;\n            \n            document.querySelector('[data-result-analysis]').innerHTML = adviceHTML;\n        }\n        \n        renderHelplineInfo(score) {\n            if (score <= 9) return;\n            \n            const helplineHTML = `\n                <div class=\"card border-0 shadow mb-4\">\n                    <div class=\"card-body p-4\">\n                        <h4 class=\"h5 fw-bold mb-3\">\n                            <i class=\"bi bi-telephone-fill text-danger me-2\"><\/i>\u9700\u8981\u7acb\u5373\u5354\u52a9\uff1f\n                        <\/h4>\n                        \n                        <div class=\"mb-3\">\n                            <span class=\"region-badge taiwan\">\ud83c\uddf9\ud83c\uddfc \u81fa\u7063<\/span>\n                        <\/div>\n                        <div class=\"helpline-item\">\n                            <i class=\"bi bi-telephone-fill epds-primary me-3\"><\/i>\n                            <div>\n                                <div>\u751f\u547d\u7dda\u5354\u8ac7\u5c08\u7dda<\/div>\n                                <a href=\"tel:1995\" class=\"helpline-phone\">1995<\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"helpline-item\">\n                            <i class=\"bi bi-telephone-fill epds-primary me-3\"><\/i>\n                            <div>\n                                <div>\u5b89\u5fc3\u5c08\u7dda<\/div>\n                                <a href=\"tel:1925\" class=\"helpline-phone\">1925<\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"helpline-item\">\n                            <i class=\"bi bi-telephone-fill epds-primary me-3\"><\/i>\n                            <div>\n                                <div>\u5f35\u8001\u5e2b\u5c08\u7dda<\/div>\n                                <a href=\"tel:1980\" class=\"helpline-phone\">1980<\/a>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"mb-3 mt-4\">\n                            <span class=\"region-badge hongkong\">\ud83c\udded\ud83c\uddf0 \u9999\u6e2f<\/span>\n                        <\/div>\n                        <div class=\"helpline-item\">\n                            <i class=\"bi bi-telephone-fill epds-secondary me-3\"><\/i>\n                            <div>\n                                <div>\u6492\u746a\u5229\u4e9e\u6703<\/div>\n                                <a href=\"tel:28960000\" class=\"helpline-phone\">2896 0000<\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"helpline-item\">\n                            <i class=\"bi bi-telephone-fill epds-secondary me-3\"><\/i>\n                            <div>\n                                <div>\u6492\u746a\u5229\u4e9e\u9632\u6b62\u81ea\u6bba\u6703<\/div>\n                                <a href=\"tel:23892222\" class=\"helpline-phone\">2389 2222<\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"helpline-item\">\n                            <i class=\"bi bi-telephone-fill epds-secondary me-3\"><\/i>\n                            <div>\n                                <div>\u751f\u547d\u71b1\u7dda\uff08\u660e\u611b\u5411\u6674\u8ed2\uff09<\/div>\n                                <a href=\"tel:23820000\" class=\"helpline-phone\">2382 0000<\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"helpline-item\">\n                            <i class=\"bi bi-telephone-fill epds-secondary me-3\"><\/i>\n                            <div>\n                                <div>\u9999\u6e2f\u7d05\u5341\u5b57\u6703\u95dc\u61f7\u71b1\u7dda<\/div>\n                                <a href=\"tel:51645040\" class=\"helpline-phone\">5164 5040<\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            `;\n            \n            document.querySelector('[data-helpline-info]').innerHTML = helplineHTML;\n        }\n        \n        restartQuiz() {\n            this.currentQuestion = 0;\n            this.answers = [];\n            this.showSection('intro');\n            this.scrollToTop();\n        }\n        \n        showSection(section) {\n            \/\/ \u96b1\u85cf\u6240\u6709\u5340\u584a\n            this.introSection.classList.add('d-none');\n            this.quizSection.classList.add('d-none');\n            this.resultSection.classList.add('d-none');\n            \n            \/\/ \u986f\u793a\u6307\u5b9a\u5340\u584a\n            switch(section) {\n                case 'intro':\n                    this.introSection.classList.remove('d-none');\n                    break;\n                case 'quiz':\n                    this.quizSection.classList.remove('d-none');\n                    break;\n                case 'result':\n                    this.resultSection.classList.remove('d-none');\n                    break;\n            }\n        }\n        \n        scrollToTop() {\n            window.scrollTo({\n                top: 0,\n                behavior: 'smooth'\n            });\n        }\n    }\n    \n    \/\/ \u521d\u59cb\u5316\u6e2c\u9a57\n    document.addEventListener('DOMContentLoaded', () => {\n        new EPDSQuiz();\n    });\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>\u7231\u4e01\u5821\u4ea7\u540e\u6291\u90c1\u91cf\u8868( EPDS)\u662f\u5e94\u7528\u5e7f\u6cdb\u7684\u81ea\u8bc4\u91cf\u8868\uff0c\u5305\u62ec10\u9879\u5185\u5bb9\uff0c\u6839\u636e\u75c7\u72b6\u7684\u4e25\u91cd\u5ea6\uff0c \u6bcf\u9879\u5185\u5bb9\u52064\u7ea7\u8bc4\u5206(0 \uff0c1 \uff0c2 \uff0c3\u5206)\uff0c\u4e8e\u4ea7\u540e6 \u5468\u8fdb\u884c\uff0c\u5b8c\u6210\u91cf\u8868\u8bc4\u5b9a\u7ea6\u97005\u5206\u949f\u3002 10\u4e2a\u9879\u76ee\u5206\u503c\u7684\u603b\u548c\u4e3a\u603b\u5206\u3002<\/p>","protected":false},"author":19,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":[189,182,180,188],"class_list":["post-5678","post","type-post","status-publish","format-standard","hentry","category-psychological-symptom-scales","category-neuropsychological","category-clinical","tag-pregnant","tag-depression","tag-depression-1","tag-maternal"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/5678","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=5678"}],"version-history":[{"count":2,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/5678\/revisions"}],"predecessor-version":[{"id":10266,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/5678\/revisions\/10266"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=5678"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=5678"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=5678"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}